@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap";*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{width:100%;height:100%;font-size:62.5%}body{width:100%;height:100%;font-size:1.4rem;font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","Noto Serif JP","游明朝","Yu Mincho","游明朝体","YuMincho",sans-serif;color:#fff;line-height:1.6;-webkit-text-size-adjust:100%}@media screen and (max-width: 600px){body{font-size:1.2rem}}body:before{content:"";width:100%;height:100%;background:url(../images/common/bg1.webp) no-repeat top center/cover,#050f2d;top:0;left:0;position:fixed;z-index:-5}h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,ol,figure{font-weight:normal;margin:0;padding:0;list-style:none}img{max-width:100%;height:auto;line-height:0;vertical-align:middle;border:0}.red{color:red}.yellow{color:#ffdc8c}.gray{color:#ccc}.black{color:#000}.white{color:#fff}.normal{font-weight:normal}.bold,strong{font-weight:700}.strike{text-decoration:line-through}.underline{text-decoration:underline}a{color:#ffdc8c;word-break:break-all;text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease}a:hover{color:#fff}@media screen and (max-width: 600px){br.pc{display:none}}br.sp{display:none}@media screen and (max-width: 600px){br.sp{display:inline-block}}.indent{text-indent:-1em;padding-left:1em;display:inline-block}.indent2{text-indent:-2em;padding-left:2em;display:inline-block}.indent3{text-indent:-3em;padding-left:3em;display:inline-block}.indent4{text-indent:-4em;padding-left:4em;display:inline-block}.indent5{text-indent:-5em;padding-left:5em;display:inline-block}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}.mt50{margin-top:50px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mb50{margin-bottom:50px}.pt5{padding-top:5px}.pt10{padding-top:10px}.pt20{padding-top:20px}.pt30{padding-top:30px}.pt40{padding-top:40px}.pt50{padding-top:50px}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb20{padding-bottom:20px}.pb30{padding-bottom:30px}.pb40{padding-bottom:40px}.pb50{padding-bottom:50px}.inner{max-width:1120px;margin:auto}@media screen and (max-width: 1366px){.inner{padding:0 40px}}@media screen and (max-width: 950px){.inner{padding:0 30px}}@media screen and (max-width: 600px){.inner{padding:0 20px}}h2{font-family:"EB Garamond","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","Noto Serif JP","游明朝","Yu Mincho","游明朝体","YuMincho",sans-serif;font-size:4.8rem;text-align:center;line-height:1;background:url(../images/common/tit_line.png) no-repeat bottom center;background-size:auto 9px;text-shadow:0 0 15px #0082ff,0 0 15px #0082ff;margin-bottom:50px;padding-bottom:40px}@media screen and (max-width: 1366px){h2{font-size:4rem;padding-bottom:30px}}@media screen and (max-width: 950px){h2{font-size:3.6rem}}@media screen and (max-width: 600px){h2{font-size:3rem;background-size:auto 7px;margin-bottom:30px;padding-bottom:25px}}#x{width:50px;height:150px;font-family:"EB Garamond","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","Noto Serif JP","游明朝","Yu Mincho","游明朝体","YuMincho",sans-serif;font-size:2rem;color:#fff;background:#000;border:1px solid #1e1e1e;border-right:none;text-align:center;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;top:30px;right:0;position:fixed;z-index:20}#x i{width:30px;height:30px;background:#fff;border-radius:50%;margin-bottom:7px;padding:7px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}#x i img{width:100%}#x:hover{background:#00285a}@media screen and (max-width: 1366px){#x{top:auto;bottom:20px}}@media screen and (max-width: 600px){#x{width:40px;height:120px;font-size:1.6rem}#x i{width:25px;height:25px;padding:5px}}.btn-link{width:100%;font-size:1.8rem;font-weight:700;color:#fff;text-align:center;line-height:1;background:-webkit-gradient(linear, left top, left bottom, from(rgb(210, 0, 105)), to(rgb(90, 0, 0)));background:-webkit-linear-gradient(top, rgb(210, 0, 105) 0%, rgb(90, 0, 0) 100%);background:linear-gradient(180deg, rgb(210, 0, 105) 0%, rgb(90, 0, 0) 100%);border-radius:50px;padding:15px 15px 18px 15px;display:block;position:relative}@media screen and (max-width: 950px){.btn-link{font-size:1.6rem}}.btn-link::before,.btn-link::after{content:"";position:absolute;display:block;-webkit-transition:all .3s ease;transition:all .3s ease}.btn-link::before{width:calc(100% - 8px);height:calc(100% - 8px);border:2px solid #050f2d;border-radius:50px;margin:auto;top:2px;left:2px}.btn-link::after{top:50%;right:15px;border:5px solid rgba(0,0,0,0);border-left-color:rgba(0,0,0,0);border-left:8px solid #ffdc8c;margin-top:-5px}@media screen and (max-width: 600px){.btn-link::after{right:10px}}.btn-link:hover{text-shadow:0 0 5px #fff}.btn-link:hover::after{right:12px}@media screen and (max-width: 950px){.btn-link:hover::after{right:10px}}footer{text-align:center;background:#050f2d;padding:80px 10px 30px 10px;position:relative}@media screen and (max-width: 600px){footer{padding:60px 10px 30px 10px}}footer .share{margin-bottom:50px}@media screen and (max-width: 600px){footer .share{margin-bottom:40px}}footer .share p{font-family:"EB Garamond","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","Noto Serif JP","游明朝","Yu Mincho","游明朝体","YuMincho",sans-serif;font-size:1.6rem;line-height:1;margin-bottom:10px}@media screen and (max-width: 950px){footer .share p{font-size:1.4rem}}footer .share ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}footer .share ul li{width:35px;height:35px;line-height:1;margin:0 10px}@media screen and (max-width: 600px){footer .share ul li{margin:0 7.5px}}footer .share ul li a:hover{opacity:.7}footer .copy{line-height:1}@media screen and (max-width: 600px){footer .copy{font-size:1rem}}.fade{opacity:0;-webkit-transition:all .5s ease;transition:all .5s ease}.fade.fadein{opacity:1}.load{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.load.fadein{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}#loading{width:100%;height:100%;top:0;left:0;padding:0 30px;position:fixed;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:1000;overflow:hidden;background:url(../images/common/bg1.webp) no-repeat top center/cover,#050f2d}#loading .logo{width:500px;position:relative;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0}@media screen and (max-width: 600px){#loading .logo{width:90%}}#loading .logo.fadein{opacity:1}#index #top{background:url(../images/top/main.png) no-repeat center,url(../images/top/bg_bottom.webp) no-repeat bottom center/100%,url(../images/top/bg_top.webp) no-repeat top center/100%,#050f2d;padding:100px 40px}@media screen and (max-width: 1366px){#index #top{background:url(../images/top/main.png) no-repeat center/124%,url(../images/top/bg_bottom.webp) no-repeat bottom center/100%,url(../images/top/bg_top.webp) no-repeat top center/100%,#050f2d;padding:12% 5%}}#index #top #main{width:1000px;height:1486px;background:url(../images/top/mainimg.webp) no-repeat top center/cover;margin:auto;position:relative}@media screen and (max-width: 1366px){#index #top #main{width:100%;height:0;padding-top:146.8%}}#index #top #main h1{width:780px;top:-63px;left:0;right:0;margin:auto;position:absolute;z-index:1;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}@media screen and (max-width: 600px){#index #top #main h1{width:90%}}#index #top #main h1.fadein{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}@media screen and (max-width: 1366px){#index #top #main h1{width:90%;top:-6.5%}}#index #top #main .info{width:65px;top:100px;right:-35px;position:absolute;z-index:1;opacity:0;overflow:hidden}#index #top #main .info.fadein{-webkit-animation:info ease-in .7s;animation:info ease-in .7s;opacity:1}@-webkit-keyframes info{0%{max-height:0}100%{max-height:100%}}@keyframes info{0%{max-height:0}100%{max-height:100%}}@media screen and (max-width: 1366px){#index #top #main .info{width:9%;top:42%;left:3%;right:auto}}#index #introduction{background:url(../images/common/bg2.png),#000;background-size:85px;position:relative;border-top:1px solid #ffdc8c;border-bottom:1px solid #ffdc8c;padding:80px 0 100px 0}@media screen and (max-width: 950px){#index #introduction{background-size:65px}}@media screen and (max-width: 600px){#index #introduction{background-size:50px}}#index #introduction::before,#index #introduction::after{content:"";width:292px;height:50px;margin:auto;left:0;right:0;position:absolute;z-index:1}@media screen and (max-width: 1366px){#index #introduction::before,#index #introduction::after{width:234px;height:40px}}@media screen and (max-width: 600px){#index #introduction::before,#index #introduction::after{width:175px;height:30px}}#index #introduction::before{background:url(../images/common/line_top.png) no-repeat center/cover;top:-45px}@media screen and (max-width: 1366px){#index #introduction::before{top:-35px}}@media screen and (max-width: 600px){#index #introduction::before{top:-25px}}#index #introduction::after{background:url(../images/common/line_bottom.png) no-repeat center/cover;bottom:-45px}@media screen and (max-width: 1366px){#index #introduction::after{bottom:-35px}}@media screen and (max-width: 600px){#index #introduction::after{bottom:-25px}}@media screen and (max-width: 600px){#index #introduction{padding:50px 0}}#index #introduction p{font-size:2rem;font-weight:700;line-height:1.8;text-align:center;margin-bottom:30px}@media screen and (max-width: 950px){#index #introduction p{font-size:1.8rem;text-align:left}}@media screen and (max-width: 600px){#index #introduction p{font-size:1.6rem;margin-bottom:20px}}#index #introduction p:last-child{margin-bottom:0}#index #introduction p.large{font-size:2.4rem;text-shadow:0 0 15px #7d6946,0 0 15px #7d6946,0 0 15px #7d6946}@media screen and (max-width: 950px){#index #introduction p.large{font-size:2.2rem}}@media screen and (max-width: 600px){#index #introduction p.large{font-size:2rem}}#index #introduction p ruby[data-ruby]{position:relative}#index #introduction p ruby[data-ruby]::before{content:attr(data-ruby);font-size:1rem;text-align:center;margin:auto;top:-12px;left:0;right:0;position:absolute}@media screen and (max-width: 950px){#index #introduction p ruby[data-ruby]::before{font-size:.8rem}}#index #comment{text-align:center;padding:120px 0 140px 0}@media screen and (max-width: 950px){#index #comment{padding:100px 0 120px 0}}@media screen and (max-width: 600px){#index #comment{padding:60px 0 90px 0}}#index #comment .box{background:-webkit-gradient(linear, right top, left top, from(#dec58a), color-stop(50%, rgb(255, 240, 200)), to(#dec58a));background:-webkit-linear-gradient(right, #dec58a 0%, rgb(255, 240, 200) 50%, #dec58a 100%);background:linear-gradient(270deg, #dec58a 0%, rgb(255, 240, 200) 50%, #dec58a 100%);border:1px solid #ffdc8c;border-radius:30px;padding:25px 40px 30px 40px;position:relative}#index #comment .box::before,#index #comment .box::after{content:"";width:292px;height:50px;margin:auto;left:0;right:0;position:absolute;z-index:1}@media screen and (max-width: 1366px){#index #comment .box::before,#index #comment .box::after{width:234px;height:40px}}@media screen and (max-width: 600px){#index #comment .box::before,#index #comment .box::after{width:175px;height:30px}}#index #comment .box::before{background:url(../images/common/line_top.png) no-repeat center/cover;top:-45px}@media screen and (max-width: 1366px){#index #comment .box::before{top:-35px}}@media screen and (max-width: 600px){#index #comment .box::before{top:-25px}}#index #comment .box::after{background:url(../images/common/line_bottom.png) no-repeat center/cover;bottom:-45px}@media screen and (max-width: 1366px){#index #comment .box::after{bottom:-35px}}@media screen and (max-width: 600px){#index #comment .box::after{bottom:-25px}}@media screen and (max-width: 600px){#index #comment .box{border-radius:15px;padding:20px 20px 25px 20px}}#index #comment .box::before,#index #comment .box::after{width:175px;height:30px}#index #comment .box::before{top:-25px}#index #comment .box::after{bottom:-25px}#index #comment .box h3{font-weight:700;color:#000;line-height:1.3;margin-bottom:15px}#index #comment .box h3 .part{font-size:1.8rem}@media screen and (max-width: 950px){#index #comment .box h3 .part{font-size:1.6rem}}@media screen and (max-width: 600px){#index #comment .box h3 .part{font-size:1.4rem}}#index #comment .box h3 .name{font-size:3rem}@media screen and (max-width: 950px){#index #comment .box h3 .name{font-size:2.8rem}}@media screen and (max-width: 600px){#index #comment .box h3 .name{font-size:2.4rem}}#index #comment .box .text{font-size:1.8rem;font-weight:700;line-height:1.8;background:url(../images/common/bg2.png),#000;background-size:85px;border:1px solid #ffdc8c;border-radius:10px;padding:30px}@media screen and (max-width: 950px){#index #comment .box .text{background-size:65px}}@media screen and (max-width: 600px){#index #comment .box .text{background-size:50px}}@media screen and (max-width: 950px){#index #comment .box .text{font-size:1.6rem;text-align:left}}@media screen and (max-width: 600px){#index #comment .box .text{font-size:1.4rem;padding:20px}}#index #comment .box .illust{text-align:center;position:relative;overflow:hidden}#index #comment .box .illust::before{content:"";width:100%;height:100%;background:url(../images/common/dummy.png);position:absolute}@media screen and (max-width: 950px){#index #comment .box .illust img{width:60%}}@media screen and (max-width: 600px){#index #comment .box .illust img{width:100%}}#index #comment .box-text{margin:80px 0}@media screen and (max-width: 950px){#index #comment .box-text{margin:50px 0 60px 0}}#index #comment .box-illust{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px}@media screen and (max-width: 1366px){#index #comment .box-illust{gap:20px}}@media screen and (max-width: 950px){#index #comment .box-illust{display:block}}#index #comment .box-illust .box{margin-bottom:0}@media screen and (max-width: 950px){#index #comment .box-illust .box{margin-bottom:60px}#index #comment .box-illust .box:last-child{margin-bottom:0}}#index #books{text-align:center;background:url(../images/common/bg2.png),#000;background-size:85px;position:relative;border-top:1px solid #ffdc8c;border-bottom:1px solid #ffdc8c;padding:80px 0 120px 0}@media screen and (max-width: 950px){#index #books{background-size:65px}}@media screen and (max-width: 600px){#index #books{background-size:50px}}#index #books::before,#index #books::after{content:"";width:292px;height:50px;margin:auto;left:0;right:0;position:absolute;z-index:1}@media screen and (max-width: 1366px){#index #books::before,#index #books::after{width:234px;height:40px}}@media screen and (max-width: 600px){#index #books::before,#index #books::after{width:175px;height:30px}}#index #books::before{background:url(../images/common/line_top.png) no-repeat center/cover;top:-45px}@media screen and (max-width: 1366px){#index #books::before{top:-35px}}@media screen and (max-width: 600px){#index #books::before{top:-25px}}#index #books::after{background:url(../images/common/line_bottom.png) no-repeat center/cover;bottom:-45px}@media screen and (max-width: 1366px){#index #books::after{bottom:-35px}}@media screen and (max-width: 600px){#index #books::after{bottom:-25px}}@media screen and (max-width: 950px){#index #books{padding:80px 0 100px 0}}@media screen and (max-width: 600px){#index #books{padding:50px 0 80px 0}}#index #books ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:40px}@media screen and (max-width: 1366px){#index #books ul{gap:20px}}@media screen and (max-width: 950px){#index #books ul{grid-template-columns:repeat(1, 1fr);gap:50px}}#index #books ul li h3{width:228px;height:95px;font-family:"EB Garamond","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","Noto Serif JP","游明朝","Yu Mincho","游明朝体","YuMincho",sans-serif;font-size:3.2rem;color:#000;line-height:1;background:url(../images/common/tit_bg.png) no-repeat center/cover;margin:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:1}@media screen and (max-width: 1366px){#index #books ul li h3{width:200px;height:83px;font-size:2.4rem}}@media screen and (max-width: 600px){#index #books ul li h3{width:170px;height:70px;font-size:2rem}}#index #books ul li .bg{background:rgba(0,40,90,.75);border-radius:30px;margin-top:-48px;padding:60px 30px;position:relative}@media screen and (max-width: 1366px){#index #books ul li .bg{margin-top:-42px;padding:50px 20px}}@media screen and (max-width: 600px){#index #books ul li .bg{border-radius:15px;margin-top:-35px;padding:50px 20px}}#index #books ul li .bg p{font-size:2.2rem;font-weight:700;margin-bottom:20px}@media screen and (max-width: 1366px){#index #books ul li .bg p{font-size:2rem}}@media screen and (max-width: 600px){#index #books ul li .bg p{font-size:1.8rem;line-height:1.2}}#index #books ul li .bg .image img{height:400px}@media screen and (max-width: 950px){#index #books ul li .bg .image img{width:60%;height:auto}}@media screen and (max-width: 600px){#index #books ul li .bg .image img{width:90%}}#index #books ul li .bg .btn-link{width:250px;margin:auto;bottom:-25px;left:0;right:0;position:absolute}