@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap");html{font-size:16px}@media screen and (max-width: 767px){html{font-size:15px}}h1,h2,h3,h4,h5,h6,p,li,a,span,th,td,div,label,input{color:#09264B;font-family:"Zen Maru Gothic",sans-serif}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.5;letter-spacing:.05em}p,li,span,th,td,div,label,input{font-weight:500;letter-spacing:.02em}p{line-height:2.0}a{transition:.3s;text-decoration:none}a:hover{text-decoration:none;color:#09264B}.container{padding-left:20px;padding-right:20px;width:1250px;max-width:100%}@media screen and (max-width: 1400px){.container{padding-left:50px;padding-right:50px}}@media screen and (max-width: 767px){.container{padding-left:20px;padding-right:20px}}:target{scroll-margin-top:120px}.invisible{opacity:0}.br-20{border-radius:20px}.relative{position:relative}.f-bold{font-weight:700}.f-base{font-size:1rem}.f-14{font-size:14px}.f-18{font-size:18px}@media screen and (max-width: 575px){.f-18{font-size:16px}}.h-22{font-size:22px}@media screen and (max-width: 575px){.h-22{font-size:20px}}.h-28{font-size:28px}@media screen and (max-width: 575px){.h-28{font-size:24px}}.lh-17{line-height:1.7}.lh-18{line-height:1.8}.title{font-size:42px;padding-left:45px;position:relative}@media screen and (max-width: 575px){.title{font-size:28px}}.title:before{content:url("../img/shirodon/icon-title.svg");position:absolute;left:0;top:50%;transform:translateY(-50%)}.title span{font-weight:700;color:#37A7DD}.mb-40{margin-bottom:40px}@media screen and (max-width: 575px){.mb-40{margin-bottom:30px}}.mb-70{margin-bottom:70px}@media screen and (max-width: 575px){.mb-70{margin-bottom:50px}}.pt-90{padding-top:90px}@media screen and (max-width: 575px){.pt-90{padding-top:70px}}.pb-90{padding-bottom:90px}@media screen and (max-width: 575px){.pb-90{padding-bottom:70px}}.py-50{padding-top:50px;padding-bottom:50px}@media screen and (max-width: 575px){.py-50{padding-top:40px;padding-bottom:40px}}.py-90{padding-top:90px;padding-bottom:90px}@media screen and (max-width: 575px){.py-90{padding-top:70px;padding-bottom:70px}}.list-style-none{list-style:none;padding-left:0}.left-to-right{opacity:0.1;transform:translateX(-20px);transition:all 1s}.left-to-right.scrollin{opacity:1;transform:translate(0)}.right-to-left{opacity:0.1;transform:translateX(20px);transition:all 1s}.right-to-left.scrollin{opacity:1;transform:translate(0)}.down-to-top{opacity:0.1;transform:translateY(20px);transition:all 1s}.down-to-top.scrollin{opacity:1;transform:translateY(0)}#header{background-color:#fff;position:fixed;left:50px;top:30px;border-radius:20px;padding:15px 45px;width:calc(100% - 100px);z-index:99}@media screen and (max-width: 1200px){#header{top:20px;left:20px;width:calc(100% - 40px);padding:15px 30px}}@media screen and (max-width: 575px){#header{padding:15px 20px}}#header .logo{padding-right:30px}#header .logo img{width:125px}#header .menu li{margin-right:40px}#header .menu li:last-child{margin-right:0}@media screen and (max-width: 991px){#header .menu li{margin-right:0;margin-bottom:30px}#header .menu li:last-child{margin-bottom:0}}#header .menu li a{font-size:16px;font-weight:700;text-decoration:none;padding-left:25px;display:inline-block;position:relative}#header .menu li a:before{content:url("../img/shirodon/icon-footprint.svg");position:absolute;left:0;top:50%;transform:translateY(-50%)}#header .menu li a:hover{color:#37A7DD}#header-toggler{position:relative;border-radius:5px;border:1px solid #09264B;width:60px;height:60px;background-color:#fff;padding:0}@media screen and (max-width: 575px){#header-toggler{width:50px;height:50px}}#header-toggler .line{background-color:#09264B;width:24px;height:1px;position:absolute}#header-toggler .line--top{left:17px;top:22px}@media screen and (max-width: 575px){#header-toggler .line--top{left:12px;top:18px}}#header-toggler .line--center{left:17px;top:50%;transform:translateY(-50%)}@media screen and (max-width: 575px){#header-toggler .line--center{left:12px}}#header-toggler .line--bottom{right:17px;bottom:22px}@media screen and (max-width: 575px){#header-toggler .line--bottom{right:12px;bottom:18px}}#header-toggler.active .line--top{transform:rotate(45deg);top:28px}@media screen and (max-width: 575px){#header-toggler.active .line--top{top:24px}}#header-toggler.active .line--center{background-color:transparent}#header-toggler.active .line--bottom{transform:rotate(-45deg);bottom:28px}@media screen and (max-width: 575px){#header-toggler.active .line--bottom{bottom:23px}}#header-menu{padding:60px 30px 30px;text-align:center;display:none}#shirodon{overflow:hidden}#hero{background-color:#E4F3FD;position:relative;clip-path:polygon(100% 0, 100% 88%, 77% 100%, 0 88%, 0 0)}#hero-sticker{position:absolute;bottom:170px;right:0;width:222px;height:auto;aspect-ratio:1 / 1;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;z-index:9;background-color:#37A7DD}@media screen and (max-width: 991px){#hero-sticker{bottom:inherit;top:150px}}@media screen and (max-width: 767px){#hero-sticker{top:130px;right:20px;width:160px}}#hero-sticker div{font-weight:700;color:#F8E996;font-size:18px}@media screen and (max-width: 767px){#hero-sticker div{font-size:14px}}#hero-sticker div.txt2,#hero-sticker div.txt3{font-size:24px}@media screen and (max-width: 767px){#hero-sticker div.txt2,#hero-sticker div.txt3{font-size:20px}}#hero-sticker div.txt2 span,#hero-sticker div.txt3 span{font-size:18px;font-weight:700;color:#fff}@media screen and (max-width: 767px){#hero-sticker div.txt2 span,#hero-sticker div.txt3 span{font-size:14px}}#hero-sticker div.txt4{color:#fff;margin-bottom:5px}#hero-img{position:absolute;right:0;top:0;width:50%;height:100%;object-fit:cover;object-position:center left}@media screen and (max-width: 1400px){#hero-img{width:60%}}@media screen and (max-width: 767px){#hero-img{display:none}}#hero-content{position:relative;z-index:1;padding-top:220px;padding-bottom:170px}@media screen and (max-width: 767px){#hero-content{padding-top:260px;padding-bottom:100px}}#hero-content__title{font-size:56px;letter-spacing:0;margin-bottom:35px;position:relative;z-index:1}@media screen and (max-width: 767px){#hero-content__title{font-size:45px}}@media screen and (max-width: 575px){#hero-content__title{font-size:36px}}#hero-content__title span{color:#37A7DD;font-weight:700}#hero-content__txt{z-index:1}#hero-deco1{position:absolute;right:0;top:-70px;width:207px;z-index:-1}@media screen and (max-width: 767px){#hero-deco1{right:-30px}}#hero-deco2{position:absolute;left:-50px;bottom:-30px;width:89px;z-index:-1}#hero-img2{width:450px;max-width:100%}@media screen and (max-width: 575px){#hero-img2{width:360px;max-width:90%}}#about{margin-top:-80px;overflow:hidden}@media screen and (max-width: 991px){#about{margin-top:0;margin-bottom:50px}}#about-content{padding-top:50px;padding-bottom:100px}@media screen and (max-width: 991px){#about-content{padding-top:0;padding-bottom:50px}}#about-img{position:absolute;right:0;top:0;width:55%;height:100%}@media screen and (max-width: 1200px){#about-img{width:50%}}@media screen and (max-width: 991px){#about-img{position:static;width:90%;margin-left:auto;padding-bottom:90px}}@media screen and (max-width: 575px){#about-img{padding-bottom:30px}}#about-img__lg{width:100%;border-radius:40px 0 0 40px;height:calc(100% - 60px);object-fit:cover}@media screen and (max-width: 991px){#about-img__lg{height:auto}}#about-img__sm{width:760px;max-width:90%;position:absolute;left:0;bottom:0;z-index:1}@media screen and (max-width: 991px){#about-img__sm{left:5%;width:600px}}#enjoy{background:url("../img/shirodon/enhoy-bg.jpg") center center repeat;background-size:auto;clip-path:polygon(15% 0, 100% 6%, 100% 96%, 85% 100%, 0 94%, 0 6%)}@media screen and (max-width: 575px){#enjoy{clip-path:polygon(15% 0, 100% 3%, 100% 97%, 85% 100%, 0 97%, 0 3%)}}#enjoy-list{gap:40px 50px}@media screen and (max-width: 1200px){#enjoy-list{gap:40px 20px}}@media screen and (max-width: 991px){#enjoy-list{gap:40px 50px}}#enjoy-list .wrap{width:265px;text-align:center;max-width:calc(25% - 38px)}@media screen and (max-width: 1200px){#enjoy-list .wrap{max-width:calc(25% - 20px)}}@media screen and (max-width: 991px){#enjoy-list .wrap{max-width:265px}}#enjoy-list .wrap__title{margin-top:15px;margin-bottom:7px}#enjoy-list .wrap__title span{font-weight:700;color:#37A7DD}#menu{margin-bottom:150px}@media screen and (max-width: 575px){#menu{margin-bottom:120px}}#menu-sc1{position:relative}#menu-sc1:before{content:'';width:62%;height:100%;position:absolute;right:0;bottom:0;z-index:-1;border-radius:40px 0 0 40px;background:url("../img/shirodon/menu-bg.jpg") center center repeat;background-size:auto}@media screen and (max-width: 1200px){#menu-sc1:before{width:90%}}@media screen and (max-width: 991px){#menu-sc1:before{height:calc(100% - 250px)}}@media screen and (max-width: 575px){#menu-sc1:before{height:calc(100% - 180px)}}#menu-sc1-img{position:relative}#menu-sc1-img img{width:100%}@media screen and (max-width: 991px){#menu-sc1-img img{height:350px;width:inherit}}@media screen and (max-width: 575px){#menu-sc1-img img{height:250px}}#menu-sc1-img p{position:absolute;left:0;bottom:5px;z-index:1}@media screen and (max-width: 991px){#menu-sc1-img p{left:inherit;right:0;bottom:-30px}}#menu-sc1-menu{position:relative}@media screen and (max-width: 991px){#menu-sc1-menu{padding-top:30px}}#menu-sc1-menu .wrap__title{font-size:20px;color:#37A7DD;position:relative;margin-bottom:10px}#menu-sc1-menu .wrap__title:before{content:'';height:2px;width:calc(100% - 56px);background-color:#37A7DD;position:absolute;top:50%;transform:translateY(-50%);right:0}#menu-sc1-menu .wrap__table th,#menu-sc1-menu .wrap__table td{border:none;padding:10px 0}#menu-sc1-menu .wrap__table td{text-align:end;padding-left:10px}#menu-sc1-menu .wrap--2 .wrap__title:before{width:calc(100% - 95px)}#menu-sc1-menu-img{position:absolute;top:calc(100% - 110px);right:-25px;width:355px;max-width:85%}@media screen and (max-width: 575px){#menu-sc1-menu-img{top:calc(100% - 38px);right:-10px}}#goods{background:url("../img/shirodon/enhoy-bg.jpg") center center repeat;background-size:auto;clip-path:polygon(85% 0, 100% 6%, 100% 96%, 15% 100%, 0 94%, 0 6%)}@media screen and (max-width: 575px){#goods{clip-path:polygon(85% 0, 100% 3%, 100% 97%, 15% 100%, 0 97%, 0 3%)}}#goods-deco{position:absolute;right:0;top:calc(100% + 115px);width:285px;z-index:9}@media screen and (max-width: 991px){#goods-deco{width:250px}}@media screen and (max-width: 575px){#goods-deco{width:190px;top:calc(100% + 103px)}}#goods .title{margin-bottom:40px}@media screen and (max-width: 767px){#goods .title{margin-bottom:70px}}#goods-txt{position:absolute;top:-22px;left:calc(50% + -19px);z-index:1}@media screen and (max-width: 767px){#goods-txt{width:130px;top:70px;left:calc(50%)}}#goods-slider .slick-list{overflow:visible;padding:40px 0}#goods-slider .slick-track{display:flex;align-items:center}#goods-slider .slick-slide{position:relative;margin:0 15px}#goods-slider .wrap{background-color:#fff;text-align:center;border-radius:20px;width:220px;height:220px;padding:25px 15px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(0deg) scale(1);transition:transform 0.5s}#goods-slider .wrap img{width:auto;height:117px;margin:auto}#goods-slider .wrap__title{font-size:16px;margin:15px 0 0}#goods-slider .slick-slide.is-current{z-index:2}#goods-slider .slick-slide.is-current .wrap{transform:rotate(-4deg) scale(1.15)}#goods-slider .slick-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:9;width:30px;height:30px}#goods-slider .slick-arrow:before{position:absolute;left:0;top:0;opacity:1}#goods-slider .slick-prev{right:calc(50% + 125px);left:inherit}#goods-slider .slick-prev:before{content:url("../img/shirodon/slick-nav-left.svg")}#goods-slider .slick-next{left:calc(50% + 125px);right:inherit}#goods-slider .slick-next:before{content:url("../img/shirodon/slick-nav-right.svg")}#bnr{background-color:#37A7DD;border-radius:20px;padding:20px 100px 20px 360px}@media screen and (max-width: 1200px){#bnr{padding:20px 20px 20px 300px}}@media screen and (max-width: 767px){#bnr{padding:20px 20px 0;text-align:center}}#bnr__img{position:absolute;left:100px;bottom:0}@media screen and (max-width: 1200px){#bnr__img{width:280px;left:20px}}@media screen and (max-width: 767px){#bnr__img{position:static;display:block;margin:auto;margin-top:20px;width:200px}}#bnr__deco{position:absolute;width:135px;z-index:-1;right:100px;bottom:calc(100% - 1px)}@media screen and (max-width: 767px){#bnr__deco{left:50%;right:inherit;transform:translateX(-50%)}}@media screen and (max-width: 575px){#bnr__deco{width:90px}}#bnr .left{padding-right:20px}@media screen and (max-width: 767px){#bnr .left{padding-right:0}}#bnr .left__title{font-size:32px;color:#fff;margin-bottom:5px}@media screen and (max-width: 991px){#bnr .left__title{font-size:26px}}#bnr .link{color:#fff;padding-right:25px;position:relative}#bnr .link:before{content:url("../img/shirodon/icon-link.svg");position:absolute;right:0;top:3px}#news-list{border-top:1px solid #37A7DD}#news-list li{border-bottom:1px solid #37A7DD}#news-list .wrap{padding:25px 30px;transition:.3s}@media screen and (max-width: 575px){#news-list .wrap{padding:20px 15px}}#news-list .wrap__date{margin-right:30px}#news-list .wrap__date__date{font-family:"Quicksand",sans-serif;font-size:16px;font-weight:700;margin-right:30px}@media screen and (max-width: 575px){#news-list .wrap__date__date{margin-right:15px}}#news-list .wrap__date__cat{color:#37A7DD;font-size:14px;font-weight:500;border:1px solid #37A7DD;border-radius:14px;padding:1px 20px;white-space:nowrap;background-color:#fff}#news-list .wrap__title{font-weight:500;font-size:16px}@media screen and (max-width: 767px){#news-list .wrap__title{margin-top:7px}}#news-list .wrap:hover{background-color:#E4F3FD}#news-deco{width:200px}@media screen and (max-width: 991px){#news-deco{display:none}}#insta{background:url("../img/shirodon/menu-bg.jpg") center center repeat;background-size:auto}#insta .title{font-family:"Quicksand",sans-serif}#insta .title span{font-family:"Quicksand",sans-serif}#insta .btn{border:2px solid #37A7DD;background-color:#fff;color:#37A7DD;font-weight:700;padding:10px 50px 10px 30px;border-radius:24px;position:relative}#insta .btn:before{content:url("../img/shirodon/icon-btn.svg");position:absolute;right:30px;top:50%;transform:translateY(-50%)}#insta .btn:hover{background-color:#37A7DD;color:#fff}#insta .btn:hover:before{content:url("../img/shirodon/icon-btn-wht.svg")}#insta img,#insta .FeedGridLayout__media-container{border-radius:20px !important}#access{background-color:#09264B}#access .title{color:#fff}#access .title:before{content:url("../img/shirodon/icon-title-wht.svg")}#access iframe{width:100%;height:auto;aspect-ratio:110 / 141;border-radius:30px}@media screen and (max-width: 991px){#access iframe{aspect-ratio:16 / 9}}#access-img{width:295px;float:right;border-radius:20px;padding:0 0 15px 15px}@media screen and (max-width: 991px){#access-img{position:absolute;right:15px;top:0}}@media screen and (max-width: 575px){#access-img{display:none}}#access-img2{border-radius:20px}#access .table th,#access .table td{color:#fff;border:none;padding:5px 0;line-height:1.8;font-weight:500}#access .table th{white-space:nowrap;padding-right:25px}#footer-credit{font-size:12px}
/*# sourceMappingURL=shirodon.css.map */