.main{position:relative;overflow:hidden}
.main img{height:auto;max-width:100%;vertical-align:top}
.main-content{font-family:'Noto Sans CJK JP','Noto Sans JP',sans-serif;color:#333;--font-family--en:'Sukhumvit Set',Lato,sans-serif;--theme-color--pnk:#ee88a5;--theme-color--blu:#0089ce;--theme-color--yel:#ffd900;--theme-color--grn:#23b6bc;position:relative;overflow:hidden}
.container{position:relative;margin:0 auto}
.site-name-container{margin:0 auto}
.site-name:before{display:inline-block;margin-right:7px;width:4px;height:19px;vertical-align:-3px;background:#ec1d00;border-radius:4px;content:''}
.site-menu-item{display:block}
.site-menu-item__link{position:relative;font-weight:700}
.site-menu-item__link:before{position:absolute;display:block;pointer-events:none;content:''}
.site-menu-item__link:link,.site-menu-item__link:visited{color:inherit}
.site-menu-item__link:hover{text-decoration:none}
.main-visual{position:relative;color:#fff}
.main-visual-img{overflow:hidden}
.main-visual-img>img{width:100%;height:100%;object-fit:cover}
.main-visual-inner{position:absolute;top:50%;left:0;width:100%;text-align:center;transform:translateY(-50%)}
.main-visual-subheading{font-family:var(--font-family--en);letter-spacing:.26em}
.main-visual-heading{letter-spacing:.18em}
.footer-content{background-color:#333;color:#fff}
.footer-nav{font-weight:700;text-align:center}
.footer-nav:link,.footer-nav:visited{color:inherit}
.footer-nav:hover{text-decoration:none}
.pagetop{position:relative;z-index:8;width:100%;height:0}
.pagetop>a{position:fixed;bottom:0;right:25px;background-color:#c00;transition:opacity .3s}
.pagetop>a>img{width:100%}
.pagetop:not(.is-visibled)>a{opacity:0;pointer-events:none}
.pagetop.is-absoluted>a{position:absolute}
.c-subheading{position:relative;padding-left:20px;font-weight:700;font-family:var(--font-family--en);letter-spacing:.2em}
.c-subheading>.u-plus{position:absolute;top:50%;left:0;width:15px;height:15px;transform:translateY(-50%)}
.c-heading{font-weight:700}
.c-heading--center{text-align:center}
.c-grid{display:flex;flex-wrap:wrap}
.c-btn{position:relative;display:flex;margin:0 auto;font-weight:700;text-align:center;background-repeat:no-repeat;justify-content:center;align-items:center}
.c-btn:hover{text-decoration:none}
.c-btn--s{padding:0 30px;background-position:right 20px center;background-size:6px 10px}
.c-btn--blk{background-color:#333;background-image:url(/home/shiawase-share/rakuraku/common/img/ico-arr-wht.svg)}
.c-btn--blk:link,.c-btn--blk:visited{color:#fff}
.c-btn--wht{box-shadow:0 0 0 1px #fff inset;background-color:#fff;background-image:url(/home/shiawase-share/rakuraku/common/img/ico-arr.svg)}
.c-btn--wht:link,.c-btn--wht:visited{color:#333}
.u-plus{position:relative;display:inline-block;pointer-events:none}
.u-plus:before{position:absolute;top:31.25%;left:31.25%;display:block;width:37.5%;height:37.5%;mix-blend-mode:multiply;content:''}
.u-plus--pnk-blu{background:linear-gradient(0deg,transparent 0 31.25%,var(--theme-color--pnk) 31.25% 68.75%,transparent 68.75% 100%),linear-gradient(90deg,transparent 0 31.25%,var(--theme-color--blu) 31.25% 68.75%,transparent 68.75% 100%)}
.u-plus--pnk-blu:before{background-color:var(--theme-color--blu)}
.u-plus--pnk-yel{background:linear-gradient(0deg,transparent 0 31.25%,var(--theme-color--pnk) 31.25% 68.75%,transparent 68.75% 100%),linear-gradient(90deg,transparent 0 31.25%,var(--theme-color--yel) 31.25% 68.75%,transparent 68.75% 100%)}
.u-plus--pnk-yel:before{background-color:var(--theme-color--yel)}
.u-plus--pnk-grn{background:linear-gradient(0deg,transparent 0 31.25%,var(--theme-color--pnk) 31.25% 68.75%,transparent 68.75% 100%),linear-gradient(90deg,transparent 0 31.25%,var(--theme-color--grn) 31.25% 68.75%,transparent 68.75% 100%)}
.u-plus--pnk-grn:before{background-color:var(--theme-color--grn)}
.u-plus--blu-pnk{background:linear-gradient(0deg,transparent 0 31.25%,var(--theme-color--blu) 31.25% 68.75%,transparent 68.75% 100%),linear-gradient(90deg,transparent 0 31.25%,var(--theme-color--pnk) 31.25% 68.75%,transparent 68.75% 100%)}
.u-plus--blu-pnk:before{background-color:var(--theme-color--pnk)}
.u-plus--blu-yel{background:linear-gradient(0deg,transparent 0 31.25%,var(--theme-color--blu) 31.25% 68.75%,transparent 68.75% 100%),linear-gradient(90deg,transparent 0 31.25%,var(--theme-color--yel) 31.25% 68.75%,transparent 68.75% 100%)}
.u-plus--blu-yel:before{background-color:var(--theme-color--yel)}
.u-plus--blu-grn{background:linear-gradient(0deg,transparent 0 31.25%,var(--theme-color--blu) 31.25% 68.75%,transparent 68.75% 100%),linear-gradient(90deg,transparent 0 31.25%,var(--theme-color--grn) 31.25% 68.75%,transparent 68.75% 100%)}
.u-plus--blu-grn:before{background-color:var(--theme-color--grn)}
.u-plus--yel-pnk{background:linear-gradient(0deg,transparent 0 31.25%,var(--theme-color--yel) 31.25% 68.75%,transparent 68.75% 100%),linear-gradient(90deg,transparent 0 31.25%,var(--theme-color--pnk) 31.25% 68.75%,transparent 68.75% 100%)}
.u-plus--yel-pnk:before{background-color:var(--theme-color--pnk)}
.u-plus--yel-blu{background:linear-gradient(0deg,transparent 0 31.25%,var(--theme-color--yel) 31.25% 68.75%,transparent 68.75% 100%),linear-gradient(90deg,transparent 0 31.25%,var(--theme-color--blu) 31.25% 68.75%,transparent 68.75% 100%)}
.u-plus--yel-blu:before{background-color:var(--theme-color--blu)}
.u-plus--yel-grn{background:linear-gradient(0deg,transparent 0 31.25%,var(--theme-color--yel) 31.25% 68.75%,transparent 68.75% 100%),linear-gradient(90deg,transparent 0 31.25%,var(--theme-color--grn) 31.25% 68.75%,transparent 68.75% 100%)}
.u-plus--yel-grn:before{background-color:var(--theme-color--grn)}
.u-plus--grn-pnk{background:linear-gradient(0deg,transparent 0 31.25%,var(--theme-color--grn) 31.25% 68.75%,transparent 68.75% 100%),linear-gradient(90deg,transparent 0 31.25%,var(--theme-color--pnk) 31.25% 68.75%,transparent 68.75% 100%)}
.u-plus--grn-pnk:before{background-color:var(--theme-color--pnk)}
.u-plus--grn-blu{background:linear-gradient(0deg,transparent 0 31.25%,var(--theme-color--grn) 31.25% 68.75%,transparent 68.75% 100%),linear-gradient(90deg,transparent 0 31.25%,var(--theme-color--blu) 31.25% 68.75%,transparent 68.75% 100%)}
.u-plus--grn-blu:before{background-color:var(--theme-color--blu)}
.u-plus--grn-yel{background:linear-gradient(0deg,transparent 0 31.25%,var(--theme-color--grn) 31.25% 68.75%,transparent 68.75% 100%),linear-gradient(90deg,transparent 0 31.25%,var(--theme-color--yel) 31.25% 68.75%,transparent 68.75% 100%)}
.u-plus--grn-yel:before{background-color:var(--theme-color--yel)}
.u-ico{display:inline-block;margin-left:.25em;width:1em;vertical-align:baseline!important}
.u-scale{display:block}
.u-scale-img{overflow:hidden}
.u-scale-img>img{width:100%}
.u-frame{position:relative;display:block}
.anm{opacity:0}
.anm--fade-in.is-visibled{animation:1.8s forwards fade_in}
.anm--scale-down:not(.is-visibled)>img{transform:scale(1.2)}
.anm--scale-down.is-visibled{opacity:1}
.anm--scale-down.is-visibled>img{animation:1.8s forwards scale_down}
@keyframes fade_in{
0%{opacity:0}
100%{opacity:1}
}
@keyframes scale_down{
0%{opacity:0;transform:scale(1.2)}
50%{opacity:1}
100%{opacity:1;transform:translateY(0)}
}
@keyframes slide_up_pc{
0%{opacity:0;transform:translateY(50px)}
100%{opacity:1;transform:translateY(0)}
}
@keyframes slide_up_sp{
0%{opacity:0;transform:translateY(25px)}
100%{opacity:1;transform:translateY(0)}
}
@media print,screen and (min-width:768px){
.main .sp{display:none!important}
.container{padding:0 13px;max-width:1226px}
.site-name-container{padding:0 13px 20px;max-width:1440px}
.site-name{font-size:1.13em}
.site-menu-btn{display:none}
.site-menu-list{display:flex}
.site-menu-item{width:100%}
.site-menu-item:not(:first-child){margin-left:2px}
.site-menu-item__link{display:flex;height:58px;text-align:center;line-height:1.1875;justify-content:center;align-items:center}
.site-menu-item__link:before{bottom:0;left:0;width:100%;height:3px;background-color:#333;opacity:0;transform:scaleX(0);transition:transform .3s}
.site-menu-item__link:hover:before{transform:scale(1);opacity:1}
.site-menu-item__link.is-current:before{transform:scale(1);opacity:1;transition:none}
.main-visual{margin-top:20px;padding:0 20px;text-shadow:0 0 13px rgba(0,0,0,.45)}
.main-visual-img{height:360px;border-radius:10px}
.main-visual-inner{padding:0 20px}
.main-visual-subheading{margin-bottom:10px;font-size:1.375em}
.main-visual-heading{font-size:2.625em;line-height:1.38095}
.footer-content{margin-top:80px;padding:100px 0}
.footer-nav{font-size:18}
.footer-nav>.u-scale-img{margin-bottom:25px}
.pagetop>a{width:50px}
.pagetop>a:hover{opacity:.7}
.c-subheading{margin-bottom:5px;font-size:.875em}
.c-heading--lv2{margin-bottom:25px;font-size:2em;line-height:1.625;letter-spacing:.1em}
.c-col--4{width:23%}
.c-col--4:nth-child(4n),.c-col--4:nth-child(4n-1),.c-col--4:nth-child(4n-2){margin-left:2.66667%}
.c-col--4:nth-child(n+5){margin-top:70px}
.c-col--4.anm:nth-child(4n-2){animation-delay:125ms}
.c-col--4.anm:nth-child(4n-1){animation-delay:.25s}
.c-col--4.anm:nth-child(4n){animation-delay:375ms}
.c-btn{transition:background-color .3s,background-image .3s,color .3s}
.c-btn--s{height:45px}
.c-btn--m{padding:0 40px;height:74px;max-width:540px;font-size:1.125em;background-position:right 30px center;background-size:10px 14px}
.c-btn--blk:hover,a:hover .c-btn--blk{background-color:#7b7b7b}
.c-btn--wht:hover,a:hover .c-btn--wht{background-color:#333;background-image:url(/home/shiawase-share/rakuraku/common/img/ico-arr-wht.svg);color:#fff}
.u-scale-img>img{transition:transform .3s}
.u-scale:hover .u-scale-img>img{transform:scale(1.1)}
.u-frame-bar{position:absolute;z-index:1;pointer-events:none}
.u-frame-bar--blu,.u-frame-bar--pnk{left:0;width:100%;height:9px;transition:transform .15s linear .15s}
.u-frame-bar--pnk{top:0;background-color:var(--theme-color--pnk);transform:scaleX(0);transform-origin:right center}
.u-frame-bar--blu{bottom:0;background-color:var(--theme-color--blu);transform:scaleX(0);transform-origin:left center}
.u-frame-bar--grn,.u-frame-bar--yel{top:0;width:9px;height:100%;transition:transform .15s linear}
.u-frame-bar--grn:after,.u-frame-bar--grn:before,.u-frame-bar--yel:after,.u-frame-bar--yel:before{position:absolute;left:0;display:block;width:9px;height:9px;opacity:0;transform:scaleX(0);mix-blend-mode:multiply;content:''}
.u-frame-bar--grn:before,.u-frame-bar--yel:before{top:0;background-color:var(--theme-color--pnk);transform-origin:right center}
.u-frame-bar--grn:after,.u-frame-bar--yel:after{bottom:0;background-color:var(--theme-color--blu);transform-origin:left center}
.u-frame-bar--yel{left:0;background-color:var(--theme-color--yel);transform:scaleY(0);transform-origin:center top}
.u-frame-bar--yel:before{transition:transform 10ms linear .29s}
.u-frame-bar--yel:after{transition:transform 10ms linear .15s}
.u-frame-bar--grn{right:0;background-color:var(--theme-color--grn);transform:scaleY(0);transform-origin:center bottom}
.u-frame-bar--grn:before{transition:transform 10ms linear .15s}
.u-frame-bar--grn:after{transition:transform 10ms linear .29s}
.u-frame:hover .u-frame-bar{transform:none}
.u-frame:hover .u-frame-bar:after,.u-frame:hover .u-frame-bar:before{opacity:1;transform:scaleX(1)}
.anm:not(.is-visibled){transform:translateY(100px)}
.anm--slide-up.is-visibled{animation:1s forwards slide_up_pc}
}
@media screen and (max-width:767px){
.main .pc{display:none!important}
.main-content{font-size:.875em}
.container{padding:0 30px}
.site-name-container{overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding:12px 15px}
.site-name{font-size:1.29143em}
.site-menu-btn{position:relative;z-index:10;display:flex;width:50px;height:50px;background-color:#333;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;transition:background-color .3s}
.site-menu-btn__bar{display:block;margin:3px 0;width:25px;height:2px;background-color:#fff;border-radius:1px}
.site-menu-btn__bar:nth-child(1),.site-menu-btn__bar:nth-child(3){transition:transform .3s}
.site-menu-btn__bar:nth-child(2){transition:opacity .3s}
.site-menu-btn.is-opened{background-color:#434343}
.site-menu-btn.is-opened>.site-menu-btn__bar:nth-child(1){transform:translateY(8px) rotate(45deg)}
.site-menu-btn.is-opened>.site-menu-btn__bar:nth-child(2){opacity:0}
.site-menu-btn.is-opened>.site-menu-btn__bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.site-menu{position:absolute;top:0;right:0;z-index:9;padding-top:75px;width:305px;height:100%;background-color:#333;color:#fff;transition:transform .3s}
.site-menu:not(.is-opened){transform:translateX(100%);pointer-events:none}
.site-menu>.container{padding:0}
.site-menu-item{border-bottom:1px solid #434343}
.site-menu-item__link{display:block;padding:11px 20px 11px 25px;font-size:1.07143em}
.site-menu-item__link:before{top:50%;right:15px;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;border-radius:2px;transform:translateY(-50%) rotate(45deg)}
.main-visual{padding:0 15px;text-shadow:0 0 6.5px rgba(0,0,0,.45)}
.main-visual-img{height:220px;border-radius:5px}
.main-visual-inner{padding:0 15px}
.main-visual-subheading{margin-bottom:8px;font-size:1.14286em}
.main-visual-heading{font-size:2.14286em;line-height:1.4}
.footer-content{margin-top:50px;padding:50px 0 45px}
.footer-nav{font-size:1.125em}
.footer-nav>.u-scale-img{margin-bottom:10px}
.pagetop>a{width:33px}
.c-subheading{margin-bottom:3px;font-size:.85714em}
.c-heading--lv2{margin-bottom:15px;font-size:1.35714em;line-height:1.39474}
.c-col--4{width:100%}
.c-col--4:nth-child(n+2){margin-top:40px}
.c-btn--s{height:53px}
.c-btn--m{padding:0 30px;height:60px;line-height:1.28571;background-position:right 23px center;background-size:6px 10px}
.u-frame-bar{display:none}
.anm:not(.is-visibled){transform:translateY(50px)}
.anm--slide-up.is-visibled{animation:1s forwards slide_up_sp}
}