*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,figure,blockquote,ul,ol,li,dl,dd{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}li{list-style-type:none}body{min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes btn__link{25%{transform:scale(1, 1)}50%{transform:scale(1, 1) translateY(5px)}100%{transform:scale(1) translateY(0)}}@keyframes fade{0%{opacity:0}10%{opacity:1}30%{opacity:1}40%{opacity:0}100%{opacity:0}}@keyframes slide{0%{top:0}100%{top:110px}}.header{display:flex;position:relative}.header__top{display:flex;justify-content:space-between;background:url(../images/mv_bg.jpg) center center/cover;width:100vw;height:100vh}.header__header{position:fixed;z-index:4;width:100vw;display:flex;justify-content:space-between;padding:0 0 0 5%}@media screen and (min-width: 1024px){.header__header{padding:0 3% 0 5%}}.header__ttl{width:30%;font-size:16px;margin-top:47px;font-family:"Cinzel",serif;font-weight:400}@media screen and (min-width: 1024px){.header__ttl{font-size:28px}}.header__tt{color:#fff;text-decoration:none}.slideshow__img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;opacity:0;animation:fade 9s infinite;display:block}@media screen and (min-width: 1024px){.slideshow__img{width:60%}}.slideshow img:nth-child(1){animation-delay:0s}.slideshow img:nth-child(2){animation-delay:3s}.slideshow img:nth-child(3){animation-delay:6s}.btn{width:100px;height:96px;background:url(../images/menu_sh.png) center center/cover;margin-top:27px;animation:btn__link 5s infinite;transform-origin:center bottom;transition:1s;cursor:pointer;position:relative;z-index:4}.btn:hover{background-image:url(../images/menu_open_sh.png)}@media screen and (min-width: 1024px){.btn{width:146px;height:141px;background:url(../images/menu.png) center center/cover}.btn:hover{background-image:url(../images/menu_open.png)}}.btn__link{display:block;width:100%;height:100%}.gnav{position:fixed;background:#9c8ca2;z-index:3;width:100%;height:100vh;transform:translateX(100%);transition:1s;padding-top:40%}@media screen and (min-width: 1024px){.gnav{padding-top:10%}}.gnav__nav{margin-bottom:50%;font-size:24px;line-height:200%}@media screen and (min-width: 1024px){.gnav__nav{font-size:40px;line-height:220%;margin-bottom:0%}}.gnav__link{display:block;text-decoration:none;color:#fff;transition:.8s}.gnav__link:hover{color:#f38fb0}.menu{display:flex;align-items:end;gap:20%}@media screen and (min-width: 1024px){.menu{gap:10%;margin-left:10%}}.menu__title{font-size:260%;color:#fff;letter-spacing:-5%;margin-bottom:10%}.menu__movie{width:103px;height:288px;-o-object-fit:cover;object-fit:cover;margin-left:10%}@media screen and (min-width: 1024px){.menu__movie{width:777px;height:366px;margin-bottom:1.5%;margin-left:0}}.menu__pic{margin-left:auto;margin-top:-90px;width:199px;height:92px;padding-right:10%}@media screen and (min-width: 1024px){.menu__pic{margin-top:0;width:570px;height:147px}}.menu__img{display:block;width:100%;height:100%}.footer__flex{display:flex;align-items:center;justify-content:space-between;margin:0 10%}.footer__small{color:#fff}.footer__flex{margin-bottom:10%}.contact{position:relative;height:100vh;overflow:hidden}.contact__wrap{position:absolute;top:0;left:0;width:100%;height:100vh;-o-object-fit:cover;object-fit:cover}.contact__movie{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-3;opacity:80%}.contact__box{text-align:end;margin:20% 10%;margin-bottom:45%;z-index:2;position:relative;pointer-events:auto}@media screen and (min-width: 1024px){.contact__box{margin-bottom:20%;margin-top:7%}}.contact__title{font-size:48px;color:rgba(72,72,72,.6039215686);font-family:"Cinzel",serif;font-weight:400}.contact__pic{width:235px;margin-left:auto}.contact__link{display:block;width:100%;height:100%;transition:.5s}.contact__link:hover{opacity:.5}.contact__img{width:250px}@media screen and (min-width: 1024px){.contact__img{width:1000px}}.contact__txt{margin:10%;text-align:center;color:#fff;font-size:18px}@media screen and (min-width: 1024px){.contact__txt{font-size:36px;margin:2%}}.contact__line{width:80%;height:2px;background:#fff;margin:0 auto;margin-bottom:30%}@media screen and (min-width: 1024px){.contact__line{margin-bottom:0}}.topbtn__link{display:block;width:100%;height:100%;transition:.5s}.topbtn__link:hover{opacity:.8}@media screen and (min-width: 1024px){.topbtn__img{width:160px;height:160px}}#top{font-family:"Shippori Mincho B1",serif,"Cinzel",serif}#top .line{position:relative;width:2px;height:150px;background:#ccc;margin:-80px 50px;overflow:hidden}#top .bar{position:absolute;width:2px;height:150px;background:#fff;animation:slide 2s infinite alternate ease-in-out}#top .about{position:relative;padding-bottom:160px}@media screen and (min-width: 1024px){#top .about{padding-bottom:1%}}#top .about__movie{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-2;opacity:80%}#top .about__wrap{display:flex;justify-content:end}#top .about__box{width:80vw;margin:0 auto}@media screen and (min-width: 1024px){#top .about__title__box{display:flex;align-items:end;margin-bottom:56px}}#top .about__titlename{font-size:20px;font-family:"Cinzel",serif;font-weight:400}@media screen and (min-width: 1024px){#top .about__titlename{font-size:36px}}#top .about__title{font-size:16px;margin-bottom:86px}@media screen and (min-width: 1024px){#top .about__title{font-size:14px;margin-bottom:5px}}#top .about__name{display:block;background:url(../images/about/about_tt.png) center center/cover;width:60px;height:306px;margin:30% 10%}@media screen and (min-width: 1024px){#top .about__name{background:url(../images/concept__name2.png) center center/cover;width:120px;height:641px}}#top .about__ttle{margin-bottom:10%;font-size:18px;font-weight:400}@media screen and (min-width: 1024px){#top .about__ttle{font-size:24px;margin-bottom:24px}}#top .about__txt{margin-bottom:10%;line-height:250%;font-size:14px}@media screen and (min-width: 1024px){#top .about__txt{width:730px;font-size:16px;line-height:250%;margin-bottom:24px}}#top .about__txt2{margin-bottom:155px}@media screen and (min-width: 1024px){#top .about__txt2{font-size:16px;margin-bottom:20%}}#top .profile{background:rgba(168,167,144,.7176470588);margin:0 auto 50%;width:80vw;padding:3%;font-size:16px}#top .profile__titlebox{margin-bottom:32px}#top .profile__titlename{font-size:36px;font-family:"Cinzel",serif;font-weight:400}#top .profile__title{font-size:16px}@media screen and (min-width: 1024px){#top .profile__wrap{display:flex}}#top .profile__pic{width:75vw;margin-bottom:80px}@media screen and (min-width: 1024px){#top .profile__pic{width:60%;height:40%;margin-top:80px}}#top .profile__img{display:block;width:100%;height:100%}#top .profile__box{padding:0 2%;line-height:50px}@media screen and (min-width: 1024px){#top .profile__box{padding:0% 2% 0 10%}}#top .profile__minibox{display:flex}@media screen and (min-width: 1024px){#top .profile__flex{display:flex;align-items:center}}#top .profile__name{width:75px;font-size:16px}#top .profile__name2{line-height:28px;margin-bottom:20px;font-size:16px}@media screen and (min-width: 1024px){#top .profile__name2{margin-bottom:0}}#top .work__bg{position:relative;background-image:linear-gradient(173deg, rgb(190, 187, 220), rgb(224, 194, 183));width:100%;padding-top:87px;padding-bottom:112px}#top .work__titlename{font-size:36px;margin-bottom:15%;margin-left:10%;font-family:"Cinzel",serif;font-weight:400;color:#484848}@media screen and (min-width: 1024px){#top .work__titlename{padding-top:10%;margin-left:18%;margin-bottom:-7%}}#top .work__title{font-size:16px}#top .work__title::after{background-image:url(../images/work/work_tree_left.png);background-size:cover;background-repeat:no-repeat;width:200px;height:150px;aspect-ratio:auto;content:"";display:block;position:absolute;top:0;left:0;z-index:2}@media screen and (min-width: 1024px){#top .work__title::after{width:400px;height:300px}}#top .work__name2{background:url(../images/work__name.png) center center/cover;width:60px;height:313px;margin-bottom:48px;margin-left:75%}@media screen and (min-width: 1024px){#top .work__name2{background:url(../images/work_name_pc.png) center center/cover;width:102px;height:469px;margin-left:auto;margin-right:10%;margin-bottom:-5%}}#top .work__tt{font-size:18px;font-weight:normal;color:#484848}#top .work__txt{border-top:1px solid #6b6667;line-height:28px;color:#484848;padding-top:10px}#top .work__txt__1{line-height:32px;color:#6b6667;margin:0 10% 160px}@media screen and (min-width: 1024px){#top .work__txt__1{line-height:200%;width:1010px;margin:0 0 10% 19%}}#top .work__animation__box{display:flex;overflow:hidden;padding-right:0;width:100%;margin-bottom:48px}#top .work__animation__box::after{background-image:url(../images/work/work_tree_right.png);background-repeat:no-repeat;width:30%;height:10%;content:"";display:block;position:absolute;bottom:22%;right:0%;z-index:1}@media screen and (min-width: 1024px){#top .work__animation__box::after{background-image:url(../images/work/work_tree_right.png);background-repeat:no-repeat;width:10%;height:30%;content:"";display:block;position:absolute;bottom:20%;right:0;z-index:1}}#top .work__animation{display:flex;position:relative;z-index:2;animation:scroll 30s linear infinite}#top .work__pic{width:300px;margin-right:8px}@media screen and (min-width: 1024px){#top .work__pic{width:500px;aspect-ratio:238/137;margin-right:24px}}#top .work__link2{display:block;margin-right:20px;pointer-events:auto;width:100%;height:100%}#top .work__link2:hover{opacity:70%}#top .swiper-main{padding-left:10%;margin-bottom:10%}@media screen and (min-width: 1024px){#top .swiper-main{padding-left:0;display:flex;padding-left:18%;margin-bottom:0}}#top .swiper-main__wrapper{width:800px;margin-bottom:85px;padding-right:10%}@media screen and (min-width: 1024px){#top .swiper-main__wrapper{width:50%}}@media screen and (min-width: 1024px){#top .swiper-main__pagination{display:none}}#top .swiper-slide01,#top .swiper-slide02,#top .swiper-slide03{padding:3%;width:37%;border-left:solid 1px #6b6667}@media screen and (min-width: 1024px){#top .swiper-slide01,#top .swiper-slide02,#top .swiper-slide03{width:50%}}@media screen and (min-width: 1024px){#top .swiper-slide03{border-right:1px solid #6b6667}}#top .work__link2{width:100%;height:100%;font-size:50px;background:#fff}#top .plus{margin-right:3%}#top .plus__btn{margin-left:auto;width:215px;height:82px;background:url(../images/plusbtn.png) center center/cover;transition:1s}@media screen and (min-width: 1024px){#top .plus__btn{width:357px;height:120px}}#top .plus__btn:hover{background-image:url(../images/plusbtn_open.png)}#top .plus__btn__link{display:block;width:100%;height:100%}#top .skill{position:relative}#top .skill__wrap{background:#1b434e;width:100%;height:100%;padding-bottom:30%;padding-top:16%;margin-top:-10%}@media screen and (min-width: 1024px){#top .skill__wrap{margin-bottom:0%;margin-top:0;padding-bottom:10%;padding-top:10%}}#top .skill__title__name{color:#fff;font-size:30px;font-weight:normal;text-align:center;line-height:110%;margin-bottom:10%}#top .skill__span{font-size:16px}#top .skill__revel__right{width:300px;height:576px}@media screen and (min-width: 1024px){#top .skill__big__box{display:flex;align-items:center;justify-content:center;margin-bottom:2%}}#top .skill__img{display:block;width:100%;height:100%}#top .skill__title{position:relative;z-index:1;display:flex;justify-content:center;font-size:36px;font-family:"Cinzel",serif;font-weight:400;color:#fff}@media screen and (min-width: 1024px){#top .skill__title{width:149px;font-size:32px;margin:0% 2% 0 10%}}#top .skill__box{display:flex}#top .skill__pic__box{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:3%;padding:0}@media screen and (min-width: 1024px){#top .skill__pic__box{display:flex;width:110%;margin:0 auto;-moz-column-gap:32px;column-gap:32px}}#top .skill__pictule{position:relative;padding:3%;margin-bottom:10%;width:40%;height:40%}#top .skill__pictule:hover::before{opacity:0}#top .skill__pictule::before{transition:.8s}#top .skill__pictule:nth-of-type(1)::before{display:block;position:absolute;top:0;left:0;content:"";background-image:url(../images/skill/photo__sh.png);background-repeat:no-repeat;background-size:cover;z-index:1;width:100%;height:100%}#top .skill__pictule:nth-of-type(2)::before{display:block;position:absolute;top:0;left:0;content:"";background-image:url(../images/skill/figma_sh.png);background-repeat:no-repeat;background-size:cover;z-index:1;width:100%;height:100%}#top .skill__pictule:nth-of-type(3)::before{display:block;position:absolute;top:0;left:0;content:"";background-image:url(../images/skill/adobe_sh.png);background-repeat:no-repeat;background-size:cover;z-index:1;width:100%;height:100%}#top .skill__pictule:nth-of-type(4)::before{display:block;position:absolute;top:0;left:0;content:"";background-image:url(../images/skill/canva_sh.png);background-repeat:no-repeat;background-size:cover;z-index:1;width:100%;height:100%}@media screen and (min-width: 1024px){#top .skill__pictule{display:none}}#top .skill__pictule2{position:relative;display:none}@media screen and (min-width: 1024px){#top .skill__pictule2{display:block;width:20%;margin-bottom:5%}#top .skill__pictule2:hover::before{opacity:0}#top .skill__pictule2::before{transition:.8s}#top .skill__pictule2:nth-of-type(5)::before{display:block;position:absolute;top:0;left:0;content:"";background-image:url(../images/skill/photo_pc_.png);background-repeat:no-repeat;background-size:cover;z-index:1;width:100%;height:100%}#top .skill__pictule2:nth-of-type(6)::before{display:block;position:absolute;top:0;left:0;content:"";background-image:url(../images/skill/figma_pc.png);background-repeat:no-repeat;background-size:cover;z-index:1;width:100%;height:100%}#top .skill__pictule2:nth-of-type(7)::before{display:block;position:absolute;top:0;left:0;content:"";background-image:url(../images/skill/adobe_pc.png);background-repeat:no-repeat;background-size:cover;z-index:1;width:100%;height:100%}#top .skill__pictule2:nth-of-type(8)::before{display:block;position:absolute;top:0;left:0;content:"";background-image:url(../images/skill/canva_pc.png);background-repeat:no-repeat;background-size:cover;z-index:1;width:100%;height:100%}}#top .skill__pictule1{position:relative;margin-bottom:10%;width:40%;height:40%}#top .skill__pictule1:hover::before{opacity:0}#top .skill__pictule1::before{transition:.8s}#top .skill__pictule1:nth-of-type(1)::before{display:block;position:absolute;top:0;left:0;content:"";background-image:url(../images/skill/html_sh.png);background-repeat:no-repeat;background-size:cover;z-index:1;width:100%;height:100%}#top .skill__pictule1:nth-of-type(2)::before{display:block;position:absolute;top:0;left:0;content:"";background-image:url(../images/skill/css_sh.png);background-repeat:no-repeat;background-size:cover;z-index:1;width:100%;height:100%}#top .skill__pictule1:nth-of-type(3)::before{display:block;position:absolute;top:0;left:0;content:"";background-image:url(../images/skill/sass_sh.png);background-repeat:no-repeat;background-size:cover;z-index:1;width:100%;height:100%}#top .skill__pictule1:nth-of-type(4)::before{display:block;position:absolute;top:0;left:0;content:"";background-image:url(../images/skill/jquery_sh.png);background-repeat:no-repeat;background-size:cover;z-index:1;width:100%;height:100%}@media screen and (min-width: 1024px){#top .skill__pictule1{display:none}}#top .skill__pic_sh{width:100%;height:100%}#top .skill__pictule3{position:relative;display:none}@media screen and (min-width: 1024px){#top .skill__pictule3{display:block;width:20%}#top .skill__pictule3:hover::before{opacity:0}#top .skill__pictule3::before{transition:.8s}#top .skill__pictule3:nth-of-type(5)::before{display:block;position:absolute;top:0;left:0;content:"";background-image:url(../images/skill/html_pc.png);background-repeat:no-repeat;background-size:cover;z-index:1;width:100%;height:100%}#top .skill__pictule3:nth-of-type(6)::before{display:block;position:absolute;top:0;left:0;content:"";background-image:url(../images/skill/css_pc.png);background-repeat:no-repeat;background-size:cover;z-index:1;width:100%;height:100%}#top .skill__pictule3:nth-of-type(7)::before{display:block;position:absolute;top:0;left:0;content:"";background-image:url(../images/skill/sass_pc.png);background-repeat:no-repeat;background-size:cover;z-index:1;width:100%;height:100%}#top .skill__pictule3:nth-of-type(8)::before{display:block;position:absolute;top:0;left:0;content:"";background-image:url(../images/skill/jquery_pc.png);background-repeat:no-repeat;background-size:cover;z-index:1;width:100%;height:100%}}#top .skill__pic{width:100%;height:100%;display:block}@media screen and (min-width: 1024px){#top .skill__pic{display:none}}#top .skill__pic__pc{display:none}@media screen and (min-width: 1024px){#top .skill__pic__pc{width:100%;height:100%;display:flex}}#top .skill__pic__sh2{width:100%;height:100%;display:block}@media screen and (min-width: 1024px){#top .skill__pic__sh2{display:none}}#top .skill__pic__pc2{display:none}@media screen and (min-width: 1024px){#top .skill__pic__pc2{width:100%;height:100%;display:flex}}#top .skill__revel{position:relative;z-index:1;margin-right:10%;margin-left:20%;margin-bottom:160px;padding-left:1%}@media screen and (min-width: 1024px){#top .skill__revel{margin-bottom:0;margin-left:0;margin-right:5%}}#top .skill__img{display:block;width:100%;height:100%;transition:.5s}#top .skill__img:hover{opacity:.5}#contact__page{font-family:"Shippori Mincho B1",serif,"Cinzel",serif;background-image:url(../images/contact_page/contact_bg\ .png);background-position:cover;background-repeat:no-repeat;width:100%;height:100%}#contact__page .header__ttl{opacity:0}#contact__page .contact__title2{width:80%;height:80%;margin:0 10%}@media screen and (min-width: 1024px){#contact__page .contact__title2{margin:0;margin-top:-10%;margin-left:-10%}}#contact__page .contact__title__img{display:block;width:100%;height:100%}@media screen and (min-width: 1024px){#contact__page .contact__title__img{width:75%}}#contact__page .contact__mainbox{margin:30% 0}@media screen and (min-width: 1024px){#contact__page .contact__mainbox{margin:10% 10% 0 10%}}#contact__page .contact__box__page{margin:5% 10%}@media screen and (min-width: 1024px){#contact__page .contact__box__page{display:flex}}#contact__page .contact__form{color:#333;font-size:20px;font-weight:600}#contact__page .contact__form2{color:#757575;margin-bottom:30px;font-size:14px}#contact__page .contact__wrap3{background:#fff;padding:10%}@media screen and (min-width: 1024px){#contact__page .contact__wrap3{width:50%;padding:5%}}#contact__page .contact__box3{margin:21px 0}#contact__page .contact__label{font-size:16px}#contact__page .contact__input{width:100%;border-radius:25px;border:1px solid #d9d9d9;padding:12px;margin:8px 0}#contact__page .contact__message{width:100%;height:100px;border-radius:25px;border:1px solid #d9d9d9;padding:12px;margin:8px 0}#contact__page .contact__wrap4{background:#e5d0e3;padding:10%}@media screen and (min-width: 1024px){#contact__page .contact__wrap4{width:50%;flex-wrap:wrap;align-content:center;padding:11%}}#contact__page .contact__tt__top{font-size:20px;margin-bottom:18px;font-weight:bold;color:#333}#contact__page .contact__tt{line-height:165%;margin-bottom:18px;display:block}#contact__page .contact__box4{display:flex;justify-content:end}#contact__page .contact__submit{-webkit-appearance:none}#contact__page .contact__submit:hover{opacity:.7}#alllist{font-family:"Shippori Mincho B1",serif,"Cinzel",serif;background-image:linear-gradient(173deg, rgb(190, 187, 220), rgb(224, 194, 183));background-repeat:no-repeat;width:100%;height:100%}#alllist .header__tt{color:gray}#alllist .header__header{padding:0 5%}#alllist .web__wrap{width:80%;margin:10%;border:3px solid red}@media screen and (min-width: 1024px){#alllist .web__wrap{margin-top:0;flex-wrap:wrap;display:flex;justify-content:space-between;margin-bottom:5%}}#alllist .web__pic{width:100%;margin-bottom:16px;border:1px solid #000}#alllist .web__pic::after{display:block;content:"";background-image:linear-gradient(180deg, #bebbdc, #e0c2b7);border-radius:50%;background-repeat:no-repeat;width:150px;height:150px;position:absolute;right:0;z-index:-1;margin-top:30%}@media screen and (min-width: 1024px){#alllist .web__pic::after{width:500px;height:500px;margin-top:-40%}#alllist .web__pic::after:nth-last-of-type(even)::after{display:none}}@media screen and (min-width: 1024px){#alllist .web__tt{font-size:150%}}#alllist .web__ttl{margin-bottom:8px;margin-left:-10px;position:relative}@media screen and (min-width: 1024px){#alllist .web__ttl{font-size:150%}}#alllist .web__ttl::before{display:block;content:"";background-image:linear-gradient(180deg, rgba(253, 53, 113, 0.2509803922), rgba(114, 110, 238, 0.2509803922));border-radius:50%;background-repeat:no-repeat;width:150px;height:150px;position:absolute;left:-10%;z-index:-1;margin-top:-40%}@media screen and (min-width: 1024px){#alllist .web__ttl::before{width:500px;height:500px;left:-150%}#alllist .web__ttl::before:nth-last-of-type(even)::before{display:none}}#alllist .web__pic2{width:50%;margin-left:auto}@media screen and (min-width: 1024px){#alllist .web__pic2{width:35%;margin-top:-10%}}#alllist .web__img{width:100%;height:100%}#alllist .web__title{font-family:"Cinzel",serif;color:#fff;margin-bottom:10%;margin-left:5%;font-size:150%;letter-spacing:2.8px;font-weight:normal}@media screen and (min-width: 1024px){#alllist .web__title{font-size:500%;writing-mode:vertical-rl;text-orientation:mixed;margin-bottom:-26%;margin-left:2%}#alllist .web__title:nth-of-type(2){margin-bottom:-18%}}#alllist .web__work__title{padding-top:35%;margin-bottom:20%;margin-left:5%;width:75%}@media screen and (min-width: 1024px){#alllist .web__work__title{padding-top:10%;width:30%;margin-bottom:10%}}#alllist .web__work__title__img{display:block;width:100%;height:100%}#alllist .web__box{margin-bottom:20%;border:#c1f75c 1px solid}@media screen and (min-width: 1024px){#alllist .web__box{flex-wrap:wrap;width:47%}}#alllist .web__line{border-bottom:1.5px solid #000;width:120%;background:#6b6667;margin:0 -10%}#alllist .footer{display:flex;justify-content:center;align-items:center;border:#1d29ad solid 1px}#alllist .topbtn2{background:#bebbdc;padding:10%}@media screen and (min-width: 1024px){#alllist .topbtn2{border-radius:50% 50% 0 0;padding:5%}}#alllist .topbtn__link2{width:40%;height:40%;display:block;margin:0 auto}@media screen and (min-width: 1024px){#alllist .topbtn__link2{width:10%;height:10%}}#alllist .topbtn__img{width:100%;height:100%}#thanks{font-family:"Shippori Mincho B1",serif,"Cinzel",serif;background-image:linear-gradient(180deg, #bebbdc, #e0c2b7)}#thanks .thanks__box{text-align:center;padding-top:350px}#thanks .thanks__thanks{font-size:35px;color:#fff;margin-bottom:5%}#thanks .thanks__txt{margin-bottom:5%;color:#6b6667}#thanks .thanks__top__link{text-decoration:none;color:#726eee}#date__site{font-family:"Shippori Mincho B1",serif,"Cinzel",serif;background-image:linear-gradient(173deg, rgb(190, 187, 220), rgb(224, 194, 183));background-repeat:no-repeat;width:100%;height:100%}#date__site .date__wrap{position:static;top:auto;left:auto;display:block;justify-content:center;align-items:center;gap:100px;height:100%;border:1px solid red}#date__site .date__pic{width:80%;height:80%;margin:32px auto}@media screen and (min-width: 1024px){#date__site .date__pic{width:100%;height:100%;margin:0}}#date__site .date__pic2{width:80%;height:80%;margin:32px auto}@media screen and (min-width: 1024px){#date__site .date__pic2{width:30%;height:100%;margin:0}}#date__site .date__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#date__site .date__sub__concept{font-size:16px}#date__site .date__box{width:80%;position:static;margin:0 auto;border:3px solid #c1f75c}@media screen and (min-width: 1024px){#date__site .date__box{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center}}#date__site .date__box2{width:80%;position:static;margin:0 auto;border:3px solid #c1f75c}@media screen and (min-width: 1024px){#date__site .date__box2{display:flex;justify-content:center;align-items:center}}#date__site .date__link{display:block}#date__site .date__btn{border:#1d29ad 1px solid;display:flex;justify-content:end;align-items:center}#date__site .date__view__img{display:block;width:100px;height:100%}@media screen and (min-width: 1024px){#date__site .date__view__img{width:200px}}#date__site .date__sub{margin-bottom:5%;font-size:130%;letter-spacing:.1em}@media screen and (min-width: 1024px){#date__site .date__sub{text-align:start;width:80%;font-size:177%;display:flex;align-items:center;justify-content:space-between;margin-left:10%}}@media screen and (min-width: 1024px){#date__site .date__title{border:1px solid #000;width:100%;align-items:center;justify-content:space-between}}#date__site .date__title__box{margin-inline:10%}@media screen and (min-width: 1024px){#date__site .date__title__box{display:flex;margin-inline:0;align-items:center}}@media screen and (min-width: 1024px){#date__site .date__sub__center{background-color:#000;width:1px;height:92px;display:block;transform:rotate(44deg);margin-inline:-15px;position:relative;top:0px;left:0px}}#date__site .date__sub__concept{display:flex;align-items:center}@media screen and (min-width: 1024px){#date__site .date__txt__wrap{display:flex;border:1px solid #000;align-items:center}}@media screen and (min-width: 1024px){#date__site .date__txt__box{width:58%}}#date__site .date__txt__box2{width:100%;border:#1d29ad 1px solid;margin:0 auto;margin-bottom:10%}@media screen and (min-width: 1024px){#date__site .date__txt__box2{margin-inline:0}}@media screen and (min-width: 1024px){#date__site .date__box__list{width:40%;margin-bottom:0;margin-right:10%;border:red 1px solid}}#date__site .date__txt{letter-spacing:.1em;margin-bottom:10%;margin-inline:10%;font-size:16px;line-height:150%}#date__site .date__color{display:flex;flex-wrap:wrap}#date__site .date__color__pic{width:40%;margin:3%}#date__site .date__dl__box{display:flex;margin-left:10%;font-size:14px;line-height:220%}@media screen and (min-width: 1024px){#date__site .date__dl__box{font-size:20px}}#date__site .footer{display:flex;justify-content:center;align-items:center;border:#1d29ad solid 1px}#date__site .topbtn2{background:#bebbdc;padding:10%}@media screen and (min-width: 1024px){#date__site .topbtn2{border-radius:50% 50% 0 0;padding:5%}}#date__site .topbtn__link2{width:40%;height:40%;display:block;margin:0 auto}@media screen and (min-width: 1024px){#date__site .topbtn__link2{width:10%;height:10%}}#date__site .topbtn__img{display:block;width:100%;height:100%}#date__site{font-family:"Shippori Mincho B1",serif,"Cinzel",serif;background-image:linear-gradient(173deg, rgb(190, 187, 220), rgb(224, 194, 183));background-repeat:no-repeat;width:100%;height:100%}#date__site .date__wrap{position:static;top:auto;left:auto;display:block;justify-content:center;align-items:center;gap:100px;height:100%;border:1px solid red}#date__site .date__pic{width:80%;height:80%;margin:32px auto}@media screen and (min-width: 1024px){#date__site .date__pic{width:100%;height:100%;margin:0}}#date__site .date__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#date__site .date__sub__concept{font-size:16px}#date__site .date__box{width:80%;position:static;margin:0 auto;border:3px solid #c1f75c}@media screen and (min-width: 1024px){#date__site .date__box{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center}}#date__site .date__link{display:block}#date__site .date__btn{border:#1d29ad 1px solid;display:flex;justify-content:end;align-items:center}#date__site .date__view__img{display:block;width:100px;height:100%}@media screen and (min-width: 1024px){#date__site .date__view__img{width:200px}}#date__site .date__sub{margin-bottom:5%;font-size:130%;letter-spacing:.1em}@media screen and (min-width: 1024px){#date__site .date__sub{text-align:start;width:80%;font-size:177%;display:flex;align-items:center;justify-content:space-between;margin-left:10%}}@media screen and (min-width: 1024px){#date__site .date__title{border:1px solid #000;width:100%;align-items:center;justify-content:space-between}}#date__site .date__title__box{margin-inline:10%}@media screen and (min-width: 1024px){#date__site .date__title__box{display:flex;margin-inline:0;align-items:center}}@media screen and (min-width: 1024px){#date__site .date__sub__center{background-color:#000;width:1px;height:92px;display:block;transform:rotate(44deg);margin-inline:-15px;position:relative;top:0px;left:0px}}#date__site .date__sub__concept{display:flex;align-items:center}@media screen and (min-width: 1024px){#date__site .date__txt__wrap{display:flex;border:1px solid #000;align-items:center}}@media screen and (min-width: 1024px){#date__site .date__txt__box{width:58%}}#date__site .date__txt__box2{width:100%;border:#1d29ad 1px solid;margin:0 auto;margin-bottom:10%}@media screen and (min-width: 1024px){#date__site .date__txt__box2{margin-inline:0}}@media screen and (min-width: 1024px){#date__site .date__box__list{width:60%;margin-bottom:0;margin-right:10%;border:red 1px solid}}#date__site .date__txt{letter-spacing:.1em;margin-bottom:10%;margin-inline:10%;font-size:16px;line-height:150%}#date__site .date__color{display:flex;flex-wrap:wrap}#date__site .date__color__pic{width:40%;margin:3%}#date__site .date__dl__box{display:flex;margin-left:10%;font-size:14px;line-height:220%}@media screen and (min-width: 1024px){#date__site .date__dl__box{font-size:20px}}#date__site .footer{display:flex;justify-content:center;align-items:center;border:#1d29ad solid 1px}#date__site .topbtn2{background:#bebbdc;padding:10%}@media screen and (min-width: 1024px){#date__site .topbtn2{border-radius:50% 50% 0 0;padding:5%}}#date__site .topbtn__link2{width:40%;height:40%;display:block;margin:0 auto}@media screen and (min-width: 1024px){#date__site .topbtn__link2{width:10%;height:10%}}#date__site .topbtn__img{display:block;width:100%;height:100%}#date__site{font-family:"Shippori Mincho B1",serif,"Cinzel",serif;background-image:linear-gradient(173deg, rgb(190, 187, 220), rgb(224, 194, 183));background-repeat:no-repeat;width:100%;height:100%}#date__site .date__wrap{position:static;top:auto;left:auto;display:block;justify-content:center;align-items:center;gap:100px;height:100%;border:1px solid red}#date__site .date__pic{width:80%;height:80%;margin:32px auto}@media screen and (min-width: 1024px){#date__site .date__pic{width:100%;height:100%;margin:0}}#date__site .date__pic2{width:40%;height:40%}#date__site .date__img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#date__site .date__sub__concept{font-size:16px}#date__site .date__box{width:80%;position:static;margin:0 auto;border:3px solid #c1f75c}@media screen and (min-width: 1024px){#date__site .date__box{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center}}#date__site .date__link{display:block}#date__site .date__btn{border:#1d29ad 1px solid;display:flex;justify-content:end;align-items:center}#date__site .date__view__img{display:block;width:100px;height:100%}@media screen and (min-width: 1024px){#date__site .date__view__img{width:200px}}#date__site .date__sub{margin-bottom:5%;font-size:130%;letter-spacing:.1em}@media screen and (min-width: 1024px){#date__site .date__sub{text-align:start;width:80%;font-size:177%;display:flex;align-items:center;justify-content:space-between;margin-left:10%}}@media screen and (min-width: 1024px){#date__site .date__title{border:1px solid #000;width:100%;align-items:center;justify-content:space-between}}#date__site .date__title__box{margin-inline:10%}@media screen and (min-width: 1024px){#date__site .date__title__box{display:flex;margin-inline:0;align-items:center}}@media screen and (min-width: 1024px){#date__site .date__sub__center{background-color:#000;width:1px;height:92px;display:block;transform:rotate(44deg);margin-inline:-15px;position:relative;top:0px;left:0px}}#date__site .date__sub__concept{display:flex;align-items:center}@media screen and (min-width: 1024px){#date__site .date__txt__wrap{display:flex;border:1px solid #000;align-items:center}}@media screen and (min-width: 1024px){#date__site .date__txt__box{width:58%}}#date__site .date__txt__box2{width:100%;border:#1d29ad 1px solid;margin:0 auto;margin-bottom:10%}@media screen and (min-width: 1024px){#date__site .date__txt__box2{margin-inline:0;margin-bottom:0}}@media screen and (min-width: 1024px){#date__site .date__box__list{width:40%;margin-bottom:0;margin-right:10%;border:red 1px solid}}#date__site .date__list{margin-bottom:10%}#date__site .date__txt{letter-spacing:.1em;margin-bottom:10%;margin-inline:10%;font-size:16px;line-height:150%}#date__site .date__color{display:flex;flex-wrap:wrap}#date__site .date__color__pic{width:40%;margin:3%}#date__site .date__dl__box{display:flex;margin-left:10%;font-size:14px;line-height:220%}@media screen and (min-width: 1024px){#date__site .date__dl__box{font-size:20px}}#date__site .date__dl__box2{display:flex;margin-left:15%;font-size:14px;line-height:220%}@media screen and (min-width: 1024px){#date__site .date__dl__box2{font-size:20px}}#date__site .footer{display:flex;justify-content:center;align-items:center;border:#1d29ad solid 1px}#date__site .topbtn2{background:#bebbdc;padding:10%}@media screen and (min-width: 1024px){#date__site .topbtn2{border-radius:50% 50% 0 0;padding:5%}}#date__site .topbtn__link2{width:40%;height:40%;display:block;margin:0 auto}@media screen and (min-width: 1024px){#date__site .topbtn__link2{width:10%;height:10%}}#date__site .topbtn__img{display:block;width:100%;height:100%}#date__site{font-family:"Shippori Mincho B1",serif,"Cinzel",serif;background-image:linear-gradient(173deg, rgb(190, 187, 220), rgb(224, 194, 183));background-repeat:no-repeat;width:100%;height:100%}#date__site .date__wrap{position:static;top:auto;left:auto;display:block;justify-content:center;align-items:center;gap:100px;height:100%;border:1px solid red}#date__site .date__pic{width:80%;height:80%;margin:32px auto}@media screen and (min-width: 1024px){#date__site .date__pic{width:100%;height:100%;margin:0}}#date__site .date__pic2{width:100%;height:100%}#date__site .date__img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#date__site .date__sub__concept{font-size:16px}#date__site .date__box{width:80%;position:static;margin:0 auto;border:3px solid #c1f75c}@media screen and (min-width: 1024px){#date__site .date__box{display:flex;flex-direction:row-reverse;justify-content:center}}#date__site .date__box2{width:80%;position:static;margin:0 auto;border:3px solid #c1f75c}@media screen and (min-width: 1024px){#date__site .date__box2{display:flex;flex-direction:row;align-items:start;justify-content:space-between}}#date__site .date__link{display:block}#date__site .date__btn{border:#1d29ad 1px solid;display:flex;justify-content:end;align-items:center}#date__site .date__view__img{display:block;width:100px;height:100%}@media screen and (min-width: 1024px){#date__site .date__view__img{width:200px}}#date__site .date__sub{margin-bottom:5%;font-size:130%;letter-spacing:.1em}@media screen and (min-width: 1024px){#date__site .date__sub{text-align:start;width:100%;font-size:177%;display:flex;align-items:center;justify-content:space-between;margin-left:10%}}@media screen and (min-width: 1024px){#date__site .date__title{border:1px solid #000;align-items:center;justify-content:space-between}}#date__site .date__title__box{margin-inline:10%}@media screen and (min-width: 1024px){#date__site .date__title__box{display:flex;margin-inline:0;align-items:center}}@media screen and (min-width: 1024px){#date__site .date__sub__center{background-color:#000;width:1px;height:92px;display:block;transform:rotate(44deg);margin-inline:-15px;position:relative;top:0px;left:0px}}#date__site .date__sub__concept{display:flex;align-items:center}@media screen and (min-width: 1024px){#date__site .date__txt__box{width:58%}}#date__site .date__txt__box2{width:100%;border:#1d29ad 1px solid;margin:0 auto;margin-bottom:10%}@media screen and (min-width: 1024px){#date__site .date__txt__box2{margin-inline:0;margin-bottom:0}}@media screen and (min-width: 1024px){#date__site .date__box__list{width:40%;margin-bottom:0;margin-right:10%;border:red 1px solid}}@media screen and (min-width: 1024px)and (min-width: 1024px){#date__site .date__box__list{width:60%}}#date__site .date__list{margin-bottom:10%}#date__site .date__txt{letter-spacing:.1em;margin-bottom:10%;margin-inline:10%;font-size:16px;line-height:150%}#date__site .date__color{display:flex;flex-wrap:wrap}@media screen and (min-width: 1024px){#date__site .date__color{width:400px}}#date__site .date__color__pic{width:40%;margin:3%}#date__site .date__dl__box{display:flex;margin-left:10%;font-size:14px;line-height:220%}@media screen and (min-width: 1024px){#date__site .date__dl__box{font-size:20px}}#date__site .date__dl__box2{display:flex;margin-left:10%;font-size:14px;line-height:220%}@media screen and (min-width: 1024px){#date__site .date__dl__box2{font-size:20px}}@media screen and (min-width: 1024px){#date__site .date__color{margin-left:10%}}#date__site .footer{display:flex;justify-content:center;align-items:center;border:#1d29ad solid 1px}#date__site .topbtn2{background:#bebbdc;padding:10%}@media screen and (min-width: 1024px){#date__site .topbtn2{border-radius:50% 50% 0 0;padding:5%}}#date__site .topbtn__link2{width:40%;height:40%;display:block;margin:0 auto}@media screen and (min-width: 1024px){#date__site .topbtn__link2{width:10%;height:10%}}#date__site .topbtn__img{display:block;width:100%;height:100%}#date__site{font-family:"Shippori Mincho B1",serif,"Cinzel",serif;background-image:linear-gradient(173deg, rgb(190, 187, 220), rgb(224, 194, 183));background-repeat:no-repeat;width:100%;height:100%}#date__site .date__wrap{position:static;top:auto;left:auto;display:block;justify-content:center;align-items:center;gap:100px;height:100%;border:1px solid red}#date__site .date__pic{width:80%;height:80%;margin:32px auto}@media screen and (min-width: 1024px){#date__site .date__pic{width:100%;height:100%;margin:0}}#date__site .date__pic2{width:100%;height:100%}#date__site .date__img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#date__site .date__sub__concept{font-size:16px}#date__site .date__box{width:80%;position:static;margin:0 auto;border:3px solid #c1f75c}@media screen and (min-width: 1024px){#date__site .date__box{display:flex;flex-direction:row-reverse;justify-content:center}}#date__site .date__box2{width:80%;position:static;margin:0 auto;border:3px solid #c1f75c}@media screen and (min-width: 1024px){#date__site .date__box2{display:flex;flex-direction:row;align-items:start;justify-content:space-between}}#date__site .date__link{display:block}#date__site .date__btn{border:#1d29ad 1px solid;display:flex;justify-content:end;align-items:center}#date__site .date__view__img{display:block;width:100px;height:100%}@media screen and (min-width: 1024px){#date__site .date__view__img{width:200px}}#date__site .date__sub{margin-bottom:5%;font-size:130%;letter-spacing:.1em}@media screen and (min-width: 1024px){#date__site .date__sub{text-align:start;width:100%;font-size:177%;display:flex;align-items:center;justify-content:space-between;margin-left:10%}}@media screen and (min-width: 1024px){#date__site .date__title{border:1px solid #000;align-items:center;justify-content:space-between}}#date__site .date__title__name{margin-left:10%;margin-bottom:5%;font-size:20px}#date__site .date__title__box{margin-inline:10%}@media screen and (min-width: 1024px){#date__site .date__title__box{display:flex;margin-inline:0;align-items:center}}@media screen and (min-width: 1024px){#date__site .date__sub__center{background-color:#000;width:1px;height:92px;display:block;transform:rotate(44deg);margin-inline:-15px;position:relative;top:0px;left:0px}}#date__site .date__sub__concept{display:flex;align-items:center}@media screen and (min-width: 1024px){#date__site .date__txt__box{width:58%}}#date__site .date__txt__box2{width:100%;border:#1d29ad 1px solid;margin:0 auto;margin-bottom:10%}@media screen and (min-width: 1024px){#date__site .date__txt__box2{margin-inline:0;margin-bottom:0}}@media screen and (min-width: 1024px){#date__site .date__box__list{width:40%;margin-bottom:0;margin-right:10%;border:red 1px solid}}@media screen and (min-width: 1024px)and (min-width: 1024px){#date__site .date__box__list{width:60%}}#date__site .date__list{margin-bottom:10%}#date__site .date__txt{letter-spacing:.1em;margin-bottom:10%;margin-inline:10%;font-size:16px;line-height:150%}#date__site .date__color{display:flex;flex-wrap:wrap}@media screen and (min-width: 1024px){#date__site .date__color{width:400px}}#date__site .date__color__pic{width:40%;margin:3%}#date__site .date__dl__box{display:flex;margin-left:10%;font-size:14px;line-height:220%}@media screen and (min-width: 1024px){#date__site .date__dl__box{font-size:20px}}#date__site .date__dl__box2{display:flex;margin-left:10%;font-size:14px;line-height:220%}@media screen and (min-width: 1024px){#date__site .date__dl__box2{font-size:20px}}@media screen and (min-width: 1024px){#date__site .date__color{margin-left:10%}}#date__site .footer{display:flex;justify-content:center;align-items:center;border:#1d29ad solid 1px}#date__site .topbtn2{background:#bebbdc;padding:10%}@media screen and (min-width: 1024px){#date__site .topbtn2{border-radius:50% 50% 0 0;padding:5%}}#date__site .topbtn__link2{width:40%;height:40%;display:block;margin:0 auto}@media screen and (min-width: 1024px){#date__site .topbtn__link2{width:10%;height:10%}}#date__site .topbtn__img{display:block;width:100%;height:100%}#date__site{font-family:"Shippori Mincho B1",serif,"Cinzel",serif;background-image:linear-gradient(173deg, rgb(190, 187, 220), rgb(224, 194, 183));background-repeat:no-repeat;width:100%;height:100%}#date__site .date__wrap{position:static;top:auto;left:auto;display:block;justify-content:center;align-items:center;gap:100px;height:100%;border:1px solid red}#date__site .date__pic{width:80%;height:80%;margin:32px auto}@media screen and (min-width: 1024px){#date__site .date__pic{width:100%;height:100%;margin:0}}#date__site .date__pic2{width:100%;height:100%}#date__site .date__img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#date__site .date__sub__concept{font-size:16px}#date__site .date__box{width:80%;position:static;margin:0 auto;border:3px solid #c1f75c}@media screen and (min-width: 1024px){#date__site .date__box{display:flex;flex-direction:row-reverse;justify-content:center}}#date__site .date__box2{width:80%;position:static;margin:0 auto;border:3px solid #c1f75c}@media screen and (min-width: 1024px){#date__site .date__box2{display:flex;flex-direction:row;align-items:start;justify-content:space-between}}#date__site .date__link{display:block}#date__site .date__btn{border:#1d29ad 1px solid;display:flex;justify-content:end;align-items:center}#date__site .date__view__img{display:block;width:100px;height:100%}@media screen and (min-width: 1024px){#date__site .date__view__img{width:200px}}#date__site .date__sub{margin-bottom:5%;font-size:130%;letter-spacing:.1em}@media screen and (min-width: 1024px){#date__site .date__sub{text-align:start;width:100%;font-size:177%;display:flex;align-items:center;justify-content:space-between;margin-left:10%}}@media screen and (min-width: 1024px){#date__site .date__title{border:1px solid #000;align-items:center;justify-content:space-between}}#date__site .date__title__box{margin-inline:10%}@media screen and (min-width: 1024px){#date__site .date__title__box{display:flex;margin-inline:0;align-items:center}}@media screen and (min-width: 1024px){#date__site .date__sub__center{background-color:#000;width:1px;height:92px;display:block;transform:rotate(44deg);margin-inline:-15px;position:relative;top:0px;left:0px}}#date__site .date__sub__concept{display:flex;align-items:center}@media screen and (min-width: 1024px){#date__site .date__txt__box{width:58%}}#date__site .date__txt__box2{width:100%;border:#1d29ad 1px solid;margin:0 auto;margin-bottom:10%}@media screen and (min-width: 1024px){#date__site .date__txt__box2{margin-inline:0;margin-bottom:0}}@media screen and (min-width: 1024px){#date__site .date__box__list{width:40%;margin-bottom:0;margin-right:10%;border:red 1px solid}}@media screen and (min-width: 1024px)and (min-width: 1024px){#date__site .date__box__list{width:60%}}#date__site .date__list{margin-bottom:10%}#date__site .date__txt{letter-spacing:.1em;margin-bottom:10%;margin-inline:10%;font-size:16px;line-height:150%}#date__site .date__color{display:flex;flex-wrap:wrap}@media screen and (min-width: 1024px){#date__site .date__color{width:400px}}#date__site .date__color__pic{width:40%;margin:3%}#date__site .date__dl__box{display:flex;margin-left:10%;font-size:14px;line-height:220%}@media screen and (min-width: 1024px){#date__site .date__dl__box{font-size:20px}}#date__site .date__dl__box2{display:flex;margin-left:10%;font-size:14px;line-height:220%}@media screen and (min-width: 1024px){#date__site .date__dl__box2{font-size:20px}}@media screen and (min-width: 1024px){#date__site .date__color{margin-left:10%}}#date__site .footer{display:flex;justify-content:center;align-items:center;border:#1d29ad solid 1px}#date__site .topbtn2{background:#bebbdc;padding:10%}@media screen and (min-width: 1024px){#date__site .topbtn2{border-radius:50% 50% 0 0;padding:5%}}#date__site .topbtn__link2{width:40%;height:40%;display:block;margin:0 auto}@media screen and (min-width: 1024px){#date__site .topbtn__link2{width:10%;height:10%}}#date__site .topbtn__img{display:block;width:100%;height:100%}#date__site{font-family:"Shippori Mincho B1",serif,"Cinzel",serif;background-image:linear-gradient(173deg, rgb(190, 187, 220), rgb(224, 194, 183));background-repeat:no-repeat;width:100%;height:100%}#date__site .date__wrap{position:static;top:auto;left:auto;display:block;justify-content:center;align-items:center;gap:100px;height:100%;border:1px solid red}#date__site .date__pic{width:80%;height:80%;margin:32px auto}@media screen and (min-width: 1024px){#date__site .date__pic{width:100%;height:100%;margin:0}}#date__site .date__pic2{width:100%;height:100%}#date__site .date__img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#date__site .date__sub__concept{font-size:16px}#date__site .date__box{width:80%;position:static;margin:0 auto;border:3px solid #c1f75c}@media screen and (min-width: 1024px){#date__site .date__box{display:flex;flex-direction:row-reverse;justify-content:center}}#date__site .date__box2{width:80%;position:static;margin:0 auto;border:3px solid #c1f75c}@media screen and (min-width: 1024px){#date__site .date__box2{display:flex;flex-direction:row;align-items:start;justify-content:space-between}}#date__site .date__link{display:block}#date__site .date__btn{border:#1d29ad 1px solid;display:flex;justify-content:end;align-items:center}#date__site .date__view__img{display:block;width:100px;height:100%}@media screen and (min-width: 1024px){#date__site .date__view__img{width:200px}}#date__site .date__sub{margin-bottom:5%;font-size:130%;letter-spacing:.1em}@media screen and (min-width: 1024px){#date__site .date__sub{text-align:start;width:100%;font-size:177%;display:flex;align-items:center;justify-content:space-between;margin-left:10%}}@media screen and (min-width: 1024px){#date__site .date__title{border:1px solid #000;align-items:center;justify-content:space-between}}#date__site .date__title__name{margin-left:10%;margin-bottom:5%;font-size:20px}#date__site .date__title__box{margin-inline:10%}@media screen and (min-width: 1024px){#date__site .date__title__box{display:flex;margin-inline:0;align-items:center}}@media screen and (min-width: 1024px){#date__site .date__sub__center{background-color:#000;width:1px;height:92px;display:block;transform:rotate(44deg);margin-inline:-15px;position:relative;top:0px;left:0px}}#date__site .date__sub__concept{display:flex;align-items:center}@media screen and (min-width: 1024px){#date__site .date__txt__box{width:58%}}#date__site .date__txt__box2{width:100%;border:#1d29ad 1px solid;margin:0 auto;margin-bottom:10%}@media screen and (min-width: 1024px){#date__site .date__txt__box2{margin-inline:0;margin-bottom:0}}@media screen and (min-width: 1024px){#date__site .date__box__list{width:60%;margin-bottom:0;margin-right:10%;border:red 1px solid}}@media screen and (min-width: 1024px)and (min-width: 1024px){#date__site .date__box__list{width:60%}}#date__site .date__list{margin-bottom:10%}#date__site .date__txt{letter-spacing:.1em;margin-bottom:10%;margin-inline:10%;font-size:16px;line-height:150%}#date__site .date__color{display:flex;flex-wrap:wrap}@media screen and (min-width: 1024px){#date__site .date__color{width:400px}}#date__site .date__color__pic{width:40%;margin:3%}#date__site .date__dl__box{display:flex;margin-left:10%;font-size:14px;line-height:220%}@media screen and (min-width: 1024px){#date__site .date__dl__box{font-size:20px}}#date__site .date__dl__box2{display:flex;margin-left:10%;font-size:14px;line-height:220%}@media screen and (min-width: 1024px){#date__site .date__dl__box2{font-size:20px}}@media screen and (min-width: 1024px){#date__site .date__color{margin-left:10%}}#date__site .footer{display:flex;justify-content:center;align-items:center;border:#1d29ad solid 1px}#date__site .topbtn2{background:#bebbdc;padding:10%}@media screen and (min-width: 1024px){#date__site .topbtn2{border-radius:50% 50% 0 0;padding:5%}}#date__site .topbtn__link2{width:40%;height:40%;display:block;margin:0 auto}@media screen and (min-width: 1024px){#date__site .topbtn__link2{width:10%;height:10%}}#date__site .topbtn__img{display:block;width:100%;height:100%}.btnClose{background-image:url(../images/menu_close.png)}.btnClose:hover{background-image:url(../images/menu_close.png);opacity:.7}.translateNav{transform:translateX(0%)}.close{display:none}.hidden::before{opacity:0}/*# sourceMappingURL=style.css.map */