@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap");body{font-family:YakuHanJPs,"Zen Old Mincho",-apple-system,BlinkMacSystemFont,"segoe ui","游ゴシック体","yu gothic",meiryo,Roboto,sans-serif;position:relative;background-size:1400px}img{pointer-events:none}@keyframes fadein{to{opacity:1;transform:translateY(0)}}.wrapper{position:relative;background-color:#121931}.wrapper:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../img/top_bg.webp) no-repeat center 0;filter:hue-rotate(0deg) blur(10px);background-size:cover;opacity:0.5}.wrapper.pc:before,.wrapper.sp:before{transition:all 3s ease}.wrapper.bg-color:before,.wrapper.sp-bg-color:before{filter:hue-rotate(138deg) blur(10px)}.headline{position:relative;background-size:127vw;background-attachment:fixed;overflow:hidden;display:flex;box-sizing:border-box;place-content:center;padding:4vw 0}@media screen and (max-width:480px){.headline{padding:7vw 0 1.5rem}}.headline .headline-main{display:flex;flex-direction:column;place-content:center;align-items:center}.headline h1{width:73vw;z-index:10;max-width:560px}.headline h1 img{width:100%}.headline h2{width:26vw;z-index:10;max-width:210px;margin-top:1.5rem}.headline h2 img{width:100%}.lead{position:relative;color:#fff;line-height:1.6;display:flex;justify-content:center;font-size:22px;margin:2rem auto 1rem;width:90%}@media screen and (max-width:480px){.lead{font-size:16px;line-height:1.8;margin-bottom:1rem}}.special{position:relative;display:grid;justify-content:center}.special a{display:block;padding:0.3rem;border:solid 1px rgba(255,255,255,0.75);transition:opacity 0.5s ease;width:90vw;max-width:44rem}@media screen and (max-width:480px){.special a{width:85vw;padding:5px}}.special a .inr{background:rgba(255,255,255,0.75);display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;position:relative}@media screen and (max-width:768px){.special a .inr{padding:4.8vw 4.5vw}}@media screen and (max-width:480px){.special a .inr{padding:3.5vw 4vw 4vw}}.special a .inr span.hd{width:70%;margin:0 auto}@media screen and (max-width:768px){.special a .inr span.hd{width:80%}}@media screen and (max-width:480px){.special a .inr span.hd{width:80%;height:7.5vw;overflow:hidden}}.special a .inr span.icon{width:11%;filter:drop-shadow(2px 4px 6px rgba(0,0,0,0.4))}@media screen and (max-width:480px){.special a .inr span.icon{margin-left:3vw;filter:drop-shadow(1px 1px 2px rgba(0,0,0,0.4))}}.special a .inr .atend{position:absolute;font-size:10px;color:#000;text-decoration:none;border:solid 1px #000;padding:5px;right:8px;bottom:8px;font-family:sans-serif}@media screen and (max-width:480px){.special a .inr .atend{padding:3px}}.special a img{max-width:100%}@media (hover:hover){.special a:hover{opacity:0.5}}.panel-area{position:relative;padding:0 0 3rem;margin-top:6rem}@media screen and (max-width:480px){.panel-area{margin-top:3rem}}.panel-area .panel-area-hd{display:grid;justify-items:center}.panel-area .panel-area-hd .lead01{width:20vw}@media screen and (max-width:768px){.panel-area .panel-area-hd .lead01{width:38vw}}@media screen and (max-width:480px){.panel-area .panel-area-hd .lead01{width:32vw}}.panel-area .panel-area-hd .lead02{width:42vw}@media screen and (max-width:768px){.panel-area .panel-area-hd .lead02{width:74vw}}@media screen and (max-width:480px){.panel-area .panel-area-hd .lead02{width:64vw}}.panel-area .panel-area-hd span{display:block;background:#000;padding:0.5rem 1rem}.panel-area .panel-area-hd span img{width:100%}.panel-area .lead-wrap{position:relative;box-sizing:border-box}@media screen and (max-width:768px){.panel-area .lead-wrap{padding:2rem}}@media screen and (max-width:480px){.panel-area .lead-wrap{padding:0}}.panel-area h2{font-size:45px;text-align:center;background:#fff697;width:38rem;margin:0 auto 2rem;padding:0.5rem;text-align:center;transform:skewX(-8deg);letter-spacing:4px}@media screen and (max-width:768px){.panel-area h2{width:90%;font-size:35px}}@media screen and (max-width:480px){.panel-area h2{width:80%;font-size:20px}}.panel-area p{color:#fff;line-height:1.4;margin:2.5rem 0 0;font-size:20px;text-align:center;padding:0 1rem}@media screen and (max-width:480px){.panel-area p{font-size:14px;margin:2rem 0 0}}.panel-area .panel-ph{max-width:41rem;width:80vw;margin:1rem auto 0;padding:3px;box-sizing:border-box;background:#FFEB00}@media screen and (max-width:768px){.panel-area .panel-ph{width:90vw}}.panel-area .panel-ph img{max-width:100%}.panel-area a{display:block;max-width:41rem;width:80vw;margin:0 auto;text-decoration:none;transition:all 0.5s ease}@media screen and (max-width:768px){.panel-area a{width:70vw}}.panel-area a .name{text-align:center;padding:1.5rem;background:#259c44;color:#fff;border-radius:30px;font-size:21px;margin:1.5rem 0 0;font-weight:bold;box-shadow:0 0 5px rgba(0,0,0,0.1)}@media screen and (max-width:480px){.panel-area a .name{font-size:16px;margin-top:1rem;padding:1rem}}@media (hover:hover){.panel-area a:hover{opacity:0.5}}.book-area{box-sizing:border-box;position:relative;padding:2rem 0 6rem}@media screen and (max-width:480px){.book-area{width:93%;margin:0 auto;padding:0 0 3rem}}.book-area *{box-sizing:border-box}.book-area-inner{box-sizing:border-box;position:relative;margin:0 auto;z-index:10;display:flex;position:relative;justify-content:center;align-items:flex-start}@media screen and (max-width:920px){.book-area-inner{flex-wrap:wrap;width:90%;max-width:730px}}@media screen and (max-width:480px){.book-area-inner{width:95%}}.book-area-inner-wrap{padding:2rem 25px;margin:0 auto;position:relative;z-index:10;max-width:950px;background:#fff}@media screen and (max-width:480px){.book-area-inner-wrap{padding:1.5rem 0}}.book-area-inner-item{padding:4rem 3rem;display:flex}@media screen and (max-width:920px){.book-area-inner-item{flex-wrap:wrap}}@media screen and (max-width:480px){.book-area-inner-item{padding:1rem}}.book-area-inner-book{z-index:10;position:relative;width:60%;display:flex;align-items:flex-start}@media screen and (max-width:920px){.book-area-inner-book{width:80%}}@media screen and (max-width:480px){.book-area-inner-book{width:100%;margin-right:0}}.book-area-inner-book img{vertical-align:bottom;max-width:100%;width:100%;box-shadow:0 0 10px rgba(0,0,0,0.35)}.book-area-inner-book figure{width:48%;margin:0 1%}.book-area-inner-book figure:last-child{width:48.55%}.book-area-inner-detail{z-index:0;position:relative;box-sizing:border-box;padding:0 0 3% 4%;position:relative;box-sizing:border-box;width:56%;letter-spacing:0.06em}@media screen and (max-width:920px){.book-area-inner-detail{width:80%;margin-top:3vw;max-width:380px;padding:0}}@media screen and (max-width:480px){.book-area-inner-detail{margin-top:1rem;width:80%;text-align:center;padding:0}}.book-area-inner-detail .sub-detail{color:#6A6A6A;font-size:16px;font-size:1rem;margin-top:1rem}@media screen and (max-width:480px){.book-area-inner-detail .sub-detail{font-size:13px;font-size:0.8125rem}}.book-area-inner-detail .btn{display:block;border:solid #000 1px;width:8rem;padding:0.5rem;font-size:14px;text-align:center;margin-top:1rem;color:#000;text-decoration:none;transition:all 0.5s ease}@media (hover:hover){.book-area-inner-detail .btn:hover{background:#000;color:#fff}}.book-area-inner-title{font-size:46px;font-size:2.875rem;line-height:1.2;font-weight:700}@media screen and (max-width:480px){.book-area-inner-title{font-size:30px;font-size:1.875rem;line-height:1.2}}.book-area-inner-title ruby>rt{font-size:12px}.book-area-inner-title span{display:block;font-size:22px;font-size:1.375rem;line-height:1.2}@media screen and (max-width:480px){.book-area-inner-title span{font-size:18px}}.book-area-inner-writer{font-size:19px;font-size:1.1875rem;margin-top:1.5rem;line-height:1.4;font-weight:500}@media screen and (max-width:480px){.book-area-inner-writer{font-size:13px;font-size:0.8125rem;margin-top:0.8rem}}.book-area-inner-info{margin-top:1.5rem;font-weight:300;font-weight:500}@media screen and (max-width:480px){.book-area-inner-info{margin-top:1rem}}.book-area-inner-info span{display:block;line-height:1.8;font-size:12px;font-size:0.75rem}@media screen and (max-width:480px){.book-area-inner-info span{font-size:10px;font-size:0.625rem}}.book-area-inner-info span.genre{margin:0.5rem 0;width:6em;text-align:center;padding:0.1rem;border:solid 1px #707070}@media screen and (max-width:768px){.book-area-inner-info span.genre{margin:0.5rem auto}}.book-area.fadein{animation:fadein 1.5s ease forwards}.book-area .book_sotre_list{margin:1.5rem 0 0;max-width:575px;list-style:none;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:flex-start}@media screen and (max-width:768px){.book-area .book_sotre_list{justify-content:center}}@media screen and (max-width:480px){.book-area .book_sotre_list{justify-content:space-between;margin-top:2rem;max-width:none}}.book-area .book_sotre_list li{width:44%;margin-right:10px;text-align:center;margin-bottom:10px}@media screen and (max-width:920px){.book-area .book_sotre_list li{width:46%}}@media screen and (max-width:768px){.book-area .book_sotre_list li{width:44%}}@media screen and (max-width:480px){.book-area .book_sotre_list li{width:48%;margin:0 0 10px}}.book-area .book_sotre_list li a{padding:7px 15px;background:#fff;border:solid 1px #dcdcdc;box-sizing:border-box;display:block}@media screen and (min-width:481px) and (max-width:914px){.book-area .book_sotre_list li a{padding:7px 5px}}@media screen and (max-width:480px){.book-area .book_sotre_list li a{padding:7px 5px}}.book-area .book_sotre_list li a img{width:100%;max-width:100%;vertical-align:bottom}@media (hover:hover){.book-area .book_sotre_list li a:hover{opacity:0.4;transition:opacity 0.3s ease-out}}@media screen and (max-width:768px){.book-area .book_sotre_list li a:hover{opacity:1;transition:none}}.book-area .book_sotre_list li:nth-child(7),.book-area .book_sotre_list li:nth-child(8){margin-bottom:0}.modal{position:fixed;inset:0;z-index:4000;opacity:0;visibility:hidden;-webkit-transition:0.3s;transition:0.3s;width:100%;height:100%;top:0;left:0}.modal .modal-bg{position:absolute;inset:0;background-color:#000;opacity:0.8;z-index:-1;width:100%;height:100%;top:0;left:0}.modal .form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 50px);max-width:50rem;z-index:1;transition:opacity 0.3s,visibility 0.3s;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif}.modal .form .cloce-btn{position:absolute;width:56px;height:56px;background-color:#000;border-radius:100%;z-index:10;display:flex;justify-content:center;align-items:center;cursor:pointer;right:-20px;top:-20px;box-shadow:0 0 6px 3px rgba(255,255,255,0.6)}.modal .form .cloce-btn .cloce-btn-inr{width:24px;height:24px;position:relative;display:flex;justify-content:center;align-items:center}.modal .form .cloce-btn .cloce-btn-inr:after,.modal .form .cloce-btn .cloce-btn-inr:before{content:"";display:block;width:100%;height:1.5px;background-color:#fff;position:absolute}.modal .form .cloce-btn .cloce-btn-inr:before{transform:rotate(135deg)}.modal .form .cloce-btn .cloce-btn-inr:after{transform:rotate(-135deg)}.modal .form .form-inr{background-color:rgba(224,224,224,0.95);overflow:auto;padding:4rem 1.5rem;max-height:calc(100vh - 15rem)}@media screen and (max-width:480px){.modal .form .form-inr{padding-top:3rem}}.modal .form .form-inr .atend{font-size:14px;line-height:1.6;width:80%;max-width:30rem;margin:0 auto 1.5rem;text-align:center;border:solid 1px #8d8787;padding:10px 10px 15px;border-radius:10px}@media screen and (max-width:480px){.modal .form .form-inr .atend{font-size:13px;width:auto}}.modal .form .form-inr .atend .a-hd{background:#ffe700;width:7rem;padding:4px 0;text-align:center;margin:-26px auto 0.5rem;font-size:14px;font-weight:bold;border-radius:3px;transform:rotate(-5deg);box-shadow:1px 2px 6px rgba(0,0,0,0.4)}.modal .form .form-inr .atend span{font-weight:bold;color:#a10000;font-size:17px}@media screen and (max-width:480px){.modal .form .form-inr .atend span{font-size:16px;display:inline-block}}.modal .form .form-inr .q{line-height:1.6;font-weight:bold;font-size:18px;text-align:center;margin:2rem 0 1rem;transform:skewX(-5deg)}@media screen and (max-width:480px){.modal .form .form-inr .q{font-size:16px;text-align:left}}.modal .form .form-inr .q span{color:#b84c05;font-size:15px}@media screen and (max-width:480px){.modal .form .form-inr .q br{display:none}}.modal .form .form-inr form input{max-width:29rem;width:80%;display:block;margin:0 auto;border:solid 1px #ababab;border-radius:10px;line-height:1.6;font-size:18px;height:auto;padding:1rem 0.5rem;box-shadow:0 0 12px rgba(0,0,0,0.3)}@media screen and (max-width:480px){.modal .form .form-inr form input{width:95%;font-size:15px}}.modal .form .form-inr form button{border:none;font-size:18px;margin:1rem auto 0;display:block;padding:0.8rem 1.5rem;background:#2a5a89;color:#fff;border-radius:30px;font-weight:600;cursor:pointer;width:34%;max-width:16rem;transition:all 0.5s ease}@media screen and (max-width:768px){.modal .form .form-inr form button{width:50%}}@media screen and (max-width:480px){.modal .form .form-inr form button{font-size:15px;width:80%}}@media (hover:hover){.modal .form .form-inr form button:hover{background-color:#06396c}}.modal .form .form-inr #message01{display:none}.modal .form .form-inr #message01 .an{display:grid;justify-items:center;font-size:19px;color:#bc5f01;margin-bottom:0.5rem}@media screen and (max-width:480px){.modal .form .form-inr #message01 .an{font-size:17px}}.modal .form .form-inr #message01 .an span{display:block;line-height:1.4;color:#000;margin-top:0.5rem;font-size:22px}@media screen and (max-width:480px){.modal .form .form-inr #message01 .an span{font-size:18px;margin-top:1rem}}.modal .form .form-inr #message01 .audio{display:grid;justify-items:center}.modal .form .form-inr #message01 .audio audio{width:60%;margin-top:0.5rem}@media screen and (max-width:480px){.modal .form .form-inr #message01 .audio audio{width:100%}}.modal .form .form-inr #message01 .detile{display:grid;justify-items:center;margin-top:1rem}.modal .form .form-inr #message01 .detile ul{list-style:none;font-size:12px;line-height:1.4}@media screen and (max-width:480px){.modal .form .form-inr #message01 .detile ul{font-size:10px}}.modal .form .form-inr #message01 .detile ul li{margin:0.2rem 0}.modal .form .form-inr #message02{display:none;text-align:center;color:#cf0000;margin:2rem 0 1rem}.modal .form .form-inr #message03{display:none}.modal .form .form-inr #message03 .an{display:block;line-height:1.4;color:#000;margin-top:0.5rem;font-size:22px;text-align:center;margin-bottom:0.5rem;font-weight:bold}@media screen and (max-width:480px){.modal .form .form-inr #message03 .an{font-size:18px}}.modal .form .form-inr #message03 .audio{display:grid;justify-items:center}.modal .form .form-inr #message03 .audio audio{width:60%;margin-top:0.5rem}@media screen and (max-width:480px){.modal .form .form-inr #message03 .audio audio{width:100%}}.modal .form .form-inr .m-action{border:none;font-size:18px;margin:0 auto;display:block;padding:0.8rem 1.5rem;background:#000;color:#fff;border-radius:30px;font-weight:600;cursor:pointer;max-width:26rem;width:90%;transition:all 0.5s ease}@media (hover:hover){.modal .form .form-inr .m-action:hover{background-color:#333}}.modal .form .form-inr .humb{border-top:solid 1px #a5a5a5;margin-top:5rem;padding:1.5rem 0;border-bottom:solid 1px #a5a5a5;background:rgba(255,255,255,0.3)}@media screen and (max-width:480px){.modal .form .form-inr .humb{margin-top:4rem}}.modal .form .form-inr .humb .hd{font-size:16px;text-align:center}@media screen and (max-width:480px){.modal .form .form-inr .humb .hd{font-size:14px}}.modal .form .form-inr .humb .hd span{display:inline-block;position:relative;z-index:10;font-weight:700}@media screen and (max-width:480px){.modal .form .form-inr .humb .hd span{font-size:16px;line-height:1.4;margin-bottom:0.2rem}}.modal .form .form-inr .humb .hd span:after{content:"";display:block;width:95%;position:absolute;height:11px;background:#f1ec9c;z-index:-1;bottom:-2px;left:2.5%}@media screen and (max-width:480px){.modal .form .form-inr .humb .hd span:after{display:none}}.modal .form .form-inr .humb button{font-weight:bold;font-size:14px;background:#000;border-radius:30px;padding:10px;width:auto;color:#ffffff;width:34%;max-width:16rem;margin:1rem auto 0;border:none;display:block;cursor:pointer;transition:all 0.5s ease}@media screen and (max-width:768px){.modal .form .form-inr .humb button{width:50%}}@media screen and (max-width:480px){.modal .form .form-inr .humb button{width:80%;font-size:13px}}.modal .form .form-inr .humb button span{display:block;font-size:12px}@media screen and (max-width:480px){.modal .form .form-inr .humb button span{font-size:10px}}@media (hover:hover){.modal .form .form-inr .humb button:hover{background-color:#333}}.modal .form .form-inr .book-info{display:grid;justify-items:center;margin-top:3rem}.modal .form .form-inr .book-info .txt{font-size:14px;font-weight:bold;margin-bottom:0.5rem;display:flex;justify-content:center;align-items:flex-end}.modal .form .form-inr .book-info .txt:after,.modal .form .form-inr .book-info .txt:before{content:"";width:1px;background:#000;display:block;height:1rem}.modal .form .form-inr .book-info .txt:before{transform:rotate(-15deg);margin-right:10px}.modal .form .form-inr .book-info .txt:after{transform:rotate(15deg);margin-left:10px}.modal .form .form-inr .book-info button{display:block;background:#4FB7AB;padding:1rem;color:#fff;text-decoration:none;width:34%;max-width:16rem;text-align:center;border-radius:3rem;font-size:15px;font-weight:bold;border:none;cursor:pointer;transition:all 0.5s ease}@media screen and (max-width:768px){.modal .form .form-inr .book-info button{width:50%}}@media screen and (max-width:480px){.modal .form .form-inr .book-info button{width:80%}}@media (hover:hover){.modal .form .form-inr .book-info button:hover{background:#21877a}}.modal .is-none{display:none!important}.modal .is-active{display:block!important}.is-open{opacity:1;visibility:visible}