@charset "UTF-8";html{height:100%;font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif}img{max-width:100%;vertical-align:bottom;pointer-events:none}body{position:relative}@media screen and (max-width:920px){body:before{content:"";position:fixed;z-index:0;width:100%;height:100vh;background:url(../img/bg_img.jpg) no-repeat center -20px transparent;background-size:auto 120%;left:0;top:0}}header{box-sizing:border-box;position:relative;padding:3rem 0 5rem;background-size:100%;overflow:hidden;background-color:#105973;animation:top-bgcolor 12s ease 3s infinite}@media screen and (min-width:1410px){header{background-position:center}}@media screen and (max-width:480px){header{padding:6.33333% 0 2rem;min-height:78vh;background-size:auto 100%}}header:before{content:"";display:block;position:absolute;width:55%;height:100%;background:#D6BA76;-webkit-clip-path:polygon(20% 0%,100% 0%,100% 100%,100% 100%,0% 100%);clip-path:polygon(20% 0%,100% 0%,100% 100%,100% 100%,0% 100%);top:0;right:0}@media screen and (max-width:480px){header:before{width:59%;-webkit-clip-path:polygon(30% 0%,100% 0%,100% 100%,100% 100%,0% 100%);clip-path:polygon(30% 0%,100% 0%,100% 100%,100% 100%,0% 100%)}}@keyframes top-bgcolor{0%{background-color:#105973}5%,50%{background-color:#94243a}55%,to{background-color:#105973}}h1{position:absolute;width:15vw;top:7vw;right:calc(50% - 44vw);opacity:0;animation:head_title 1s ease-out 0.2s 1 forwards}@media screen and (max-width:920px){h1{width:19vw;top:15vw;right:6vw}}@media screen and (max-width:480px){h1{width:23vw;top:11vw;right:2vw}}h1 img{display:block;width:100%}.title_writer{width:180px;margin:0 0 0 auto}.sub-title{position:absolute;width:3vw;right:calc(50% - 27vw);top:15vw;opacity:0;animation:head_title 1s ease-out 0.8s 1 forwards}@media screen and (max-width:920px){.sub-title{width:4vw;right:27vw;top:22vw}}@media screen and (max-width:480px){.sub-title{width:5.5vw;right:28vw;top:29vw}}.sub-title img{width:100%}@keyframes head_title{to{opacity:1}}.top-book{margin:1rem auto;width:36vw;position:relative;box-shadow:0 0 10px rgba(0,0,0,0.5)}@media screen and (max-width:920px){.top-book{width:48vw;margin-right:37vw}}@media screen and (max-width:480px){.top-book{width:62vw;margin-left:1.5vw;margin-right:0}}.top-book img:nth-child(2){position:absolute;top:0;left:0;opacity:0;animation:slider 12s ease 3s infinite}@keyframes slider{0%{opacity:0}5%,50%{opacity:1}55%,to{opacity:0}}.book-sub-titlle{position:absolute;top:calc(50% - 15vw);left:2vw;opacity:0;animation:head_title 0.5s ease-out 1.4s 1 forwards}@media screen and (max-width:920px){.book-sub-titlle{position:relative;margin:3vw auto 0}}@media screen and (max-width:480px){.book-sub-titlle{margin:7vw auto 0}}.book-sub-titlle h2{width:27vw}@media screen and (max-width:920px){.book-sub-titlle h2{width:47vw;margin:0 auto}}@media screen and (max-width:480px){.book-sub-titlle h2{width:56vw}}.book-sub-titlle h2 span{display:block;margin:0 auto 0.3vw;width:5.5vw}@media screen and (max-width:920px){.book-sub-titlle h2 span{width:7.5vw}}@media screen and (max-width:480px){.book-sub-titlle h2 span{width:11.5vw}}.book-sub-titlle h2:first-child{margin-bottom:3vw}.book-sub-titlle .book-date{width:24vw;margin:4vw auto 0}@media screen and (max-width:920px){.book-sub-titlle .book-date{width:36vw}}@media screen and (max-width:480px){.book-sub-titlle .book-date{width:52vw;margin:7vw auto 0}}.top-date{position:absolute;bottom:16%;right:calc(50% - 455px);width:230px;opacity:0;animation:head_title 0.5s ease-out 2s 1 forwards}.top-date img{width:100%}@media screen and (max-width:920px){.top-date{position:static;margin:-1rem auto 4rem}}@media screen and (max-width:480px){.top-date{width:180px;margin-bottom:0}}.writer-area{background:#1f1f1f;position:relative;padding:3rem 0;font-family:"游ゴシック Medium","Yu Gothic Medium","游ゴシック体","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","verdana",sans-serif}@media screen and (max-width:920px){.writer-area{padding:4rem 0}}@media screen and (max-width:480px){.writer-area{padding:3rem 0 0}}.writer-area-inner{opacity:0;transform:translateY(30px);transition:all 0.5s ease-out;display:flex;position:relative;max-width:1020px;margin:0 auto;align-items:flex-start;z-index:10}@media screen and (max-width:1100px){.writer-area-inner{margin:0 1.5rem}}@media screen and (max-width:920px){.writer-area-inner{flex-wrap:wrap;justify-content:center}}.writer-area-inner__ph{width:320px;margin-right:4rem;flex-shrink:0}@media screen and (max-width:920px){.writer-area-inner__ph{margin:0;width:290px}}@media screen and (max-width:480px){.writer-area-inner__ph{width:220px}}@media screen and (max-width:920px){.writer-area-inner-box{margin:2rem 0}}.writer-area-inner-box h2{width:240px}@media screen and (max-width:920px){.writer-area-inner-box h2{margin:0 auto;width:200px}}@media screen and (max-width:480px){.writer-area-inner-box h2{width:135px}}.writer-area-inner-box h2 img{width:100%}.writer-area-inner-box p{color:#fff;margin:2rem 0 0;line-height:1.6}@media screen and (max-width:480px){.writer-area-inner-box p{font-size:15px;font-size:0.9375rem}}.writer-area-inner-box ul{list-style:none;color:#fff;margin:1.5rem 0 0;line-height:1.8;word-break:break-word}.writer-area-inner-box ul li a{color:#fff}.writer-area-inner-box ul li a:hover{text-decoration:none}@media screen and (max-width:480px){.writer-area-inner-box ul li a{display:block;font-size:13px;font-size:0.8125rem}}.writer-area-inner.fadein{opacity:1;transform:translateY(0)}.main-area-inner{position:relative;padding:3rem 0 10rem}@media screen and (max-width:480px){.main-area-inner{padding:2rem 0 5rem}}.main-area-inner:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:url(../img/bg_img.jpg) no-repeat center 0;background-size:cover;background-attachment:fixed;opacity:0.6}@media screen and (max-width:920px){.main-area-inner:before{display:none}}.main-area-inner-box{position:relative;background:#fff;max-width:1020px;margin:0 auto 0;padding:3rem 4.5rem;box-sizing:border-box;box-shadow:0 0 6px rgba(0,0,0,0.4)}@media screen and (max-width:1100px){.main-area-inner-box{margin:0 2rem 0}}@media screen and (max-width:920px){.main-area-inner-box{padding:3.5rem 1.5rem;margin:0 4rem 0}}@media screen and (max-width:480px){.main-area-inner-box{margin:0 0.5rem;padding:2.5rem 1rem 1.5rem;box-shadow:none}}.main-area-inner-box h2{font-size:28px;font-size:1.75rem;margin:3rem auto}@media screen and (max-width:480px){.main-area-inner-box h2{font-size:20px;font-size:1.25rem;margin:2rem auto;line-height:1.4}}.main-area-inner-box-lead{line-height:1.8;font-size:20px;font-size:1.25rem;margin:0 0 3rem;color:#666}@media screen and (max-width:480px){.main-area-inner-box-lead{font-size:16px;font-size:1rem;line-height:1.6;margin:0 0 1rem;font-style:italic}}.main-area-inner-box .question{color:#bb8c17;font-size:18px;font-size:1.125rem;font-weight:bold;margin:3rem 0 1rem;border-bottom:solid 1px #bb8c17;position:relative;padding:0 0 0.5rem 0}@media screen and (max-width:480px){.main-area-inner-box .question{font-size:16px;font-size:1rem;margin:2rem 0 1rem}}.main-area-inner-box .question .icon{width:35px;display:block;flex-shrink:0;margin-right:0.5rem;position:absolute;left:0;top:0;background:#bb8c17;padding:14px}@media screen and (max-width:480px){.main-area-inner-box .question .icon{width:24px;padding:8px}}.main-area-inner-box .question .icon img{width:100%}.main-area-inner-box .question .txt{line-height:1.4}@media screen and (max-width:480px){.main-area-inner-box .question .txt{margin-top:0}}.main-area-inner-box .answer{line-height:1.8;margin-bottom:1rem;font-size:18px;font-size:1.125rem;font-family:"游ゴシック Medium","Yu Gothic Medium","游ゴシック体","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","verdana",sans-serif}@media screen and (max-width:480px){.main-area-inner-box .answer{font-size:16px;font-size:1rem}}@keyframes bganime{0%{opacity:0;background-position:-100vw 0}to{opacity:1;background-position:0 0}}.menu-list{opacity:0;transform:translateX(100%);transition:all 0.5s ease-out;position:fixed;z-index:100;right:0;top:0;list-style:none;box-sizing:border-box;background:#fff;box-shadow:0 0 4px rgba(0,0,0,0.7)}@media screen and (max-width:920px){.menu-list{top:auto;right:auto;left:0;bottom:0;display:flex;width:100%;justify-content:flex-start;overflow-x:auto;box-shadow:0 0 6px rgba(0,0,0,0.7);transform:translateX(0);transform:translateY(100%)}}@media screen and (max-width:510px){.menu-list{justify-content:flex-start}}@media screen and (max-width:480px){.menu-list{opacity:1;flex-wrap:wrap;width:50px;right:0;bottom:auto;top:0;left:auto;transform:translate(100%,0);justify-content:center;height:100%;overflow-y:scroll;align-items:flex-start}}.menu-list li{border-bottom:solid 1px #eee}@media screen and (max-width:920px){.menu-list li{border-bottom:none;border-right:solid 1px #ddd}}@media screen and (max-width:480px){.menu-list li{box-sizing:border-box;border:none;padding:0;width:36px;height:45px;display:flex;align-items:center;justify-content:center;flex-shrink:0}}@media screen and (max-width:920px){.menu-list li:first-child{border-left:solid 1px #ddd}}@media screen and (max-width:480px){.menu-list li:first-child{border:none}}.menu-list li:last-child{border-bottom:none}.menu-list li a{text-decoration:none;color:#000;padding:0;display:block}@media screen and (max-width:480px){.menu-list li a{padding:0}}.menu-list li a .icon{display:inline-block;width:40px;padding:0.5rem}@media screen and (max-width:480px){.menu-list li a .icon{width:100%;padding:0}}.menu-list li a .icon img{width:100%}.menu-list li a .txt{display:none}@media screen and (min-width:1410px){.menu-list li a .txt{display:block}}.menu-list li.active{background:#eee}@media screen and (max-width:920px){.menu-list li.active{background:none}}.menu-list li.sp-closed-btn{display:none}@media screen and (max-width:480px){.menu-list li.sp-closed-btn{display:block;cursor:pointer}.menu-list li.sp-closed-btn .btn{display:block;position:relative;height:23px;width:30px}.menu-list li.sp-closed-btn .btn:after,.menu-list li.sp-closed-btn .btn:before{content:"";display:block;width:15px;height:1px;background:#bb8c16;position:absolute;top:9px;left:8px}.menu-list li.sp-closed-btn .btn:before{transform:rotate(45deg)}.menu-list li.sp-closed-btn .btn:after{transform:rotate(-45deg)}}.menu-list.open{opacity:1;transform:translateX(0)}@media screen and (max-width:920px){.menu-list.open{transform:translateY(0)}}.sp-nav{display:none}@media screen and (max-width:480px){.sp-nav{opacity:0;display:flex;width:45px;height:45px;align-content:center;flex-wrap:wrap;justify-content:center;background:#fff;position:fixed;top:15px;right:0;box-shadow:0 0 3px rgba(0,0,0,0.5);transition:opacity 0.5s ease}}@media screen and (max-width:320px){.sp-nav{width:40px;height:40px}}.sp-nav span{background:#333;height:1px;width:25px;margin:3px 0}.sp-nav.open{opacity:1}.main-area.open .menu-list{transform:translate(0%,0)}.keyword-area{padding:3rem 0;transition:all 0.5s ease-out;background:url(../img/detaile_img_bg01.jpg) 0 0;background-size:18%;margin-top:-20px;position:relative}@media screen and (max-width:480px){.keyword-area{padding:2rem 0;background-size:70%}}.keyword-area-inner{max-width:1020px;margin:0 auto;padding:0 1rem}.keyword-area-inner h2{text-align:center;font-size:28px;font-size:1.75rem;margin:0 0 3rem;line-height:1.4}.keyword-area-inner h2:before{content:"";display:block;background:url(../img/icon.svg) no-repeat 0 0;width:27px;height:27px;margin:0 auto 1rem;background-size:100%}@media screen and (max-width:480px){.keyword-area-inner h2{font-size:26px;font-size:1.625rem;margin-bottom:1rem}}@media screen and (max-width:480px){.keyword-area-inner h2 .txt{display:block}}.keyword-area-inner .list{display:flex;flex-wrap:wrap;justify-content:space-between}.keyword-area-inner dl{width:48%}@media screen and (max-width:750px){.keyword-area-inner dl{width:100%}}.keyword-area-inner dl dt{border-top:solid 1px #000;padding:0.8rem 0.5rem;margin-bottom:1rem;font-weight:bold;font-size:22px;font-size:1.375rem}@media screen and (max-width:480px){.keyword-area-inner dl dt{font-size:20px;font-size:1.25rem}}.keyword-area-inner dl dt span{display:inline-block;margin-right:0.5rem;font-size:15px;font-size:0.9375rem}@media screen and (max-width:480px){.keyword-area-inner dl dt span{font-size:13px;font-size:0.8125rem}}.keyword-area-inner dl dd{line-height:1.6;margin-bottom:2rem;padding:0 0.5rem}.keyword-area.keyword02{background:url(../img/detaile_img_bg02.jpg) 0 0}.keyword-area.keyword02 .keyword-area-inner dl dt{border-bottom:solid 1px #000}.book-area{transition:all 0.5s ease-out;position:relative}.book-area *{box-sizing:border-box}.book-area-inner{transition:all 0.5s ease;width:80%;max-width:900px;margin:0 auto;display:flex;color:#fff}@media screen and (max-width:920px){.book-area-inner{flex-wrap:wrap;width:100%;max-width:700px;padding:0 1.5rem}}@media screen and (max-width:480px){.book-area-inner{width:100%;padding:0 2rem}}.book-area-inner-item{border:solid 2px #e0ca82;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{width:50%;max-width:370px;margin-right:3em;flex-shrink:0}@media screen and (max-width:920px){.book-area-inner-book{width:100%;max-width:350px;margin:0 auto 2em}}@media screen and (max-width:480px){.book-area-inner-book{max-width:280px}}.book-area-inner-book img{vertical-align:bottom;max-width:100%;box-shadow:0 0 15px rgba(0,0,0,0.5)}.book-area-inner-detail{width:100%}@media screen and (min-width:921px){.book-area-inner-detail{width:59%;flex-shrink:1}}.book-area-inner-title{font-size:50px;font-size:3.125rem;font-feature-settings:"palt"}@media screen and (max-width:480px){.book-area-inner-title{font-size:11vw}}.book-area-inner-title span{font-size:28px;font-size:1.75rem}@media screen and (max-width:480px){.book-area-inner-title span{font-size:7vw}}.book-area-inner-subtitle{font-size:28px;font-size:1.75rem;line-height:1.8;font-weight:bold}@media screen and (max-width:480px){.book-area-inner-subtitle{font-size:5.5vw}}.book-area-inner-txt{line-height:1.8;margin-top:1em;font-family:"游ゴシック Medium","Yu Gothic Medium","游ゴシック体","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","verdana",sans-serif}@media screen and (max-width:480px){.book-area-inner-txt{font-size:14px;font-size:0.875rem}}.book-area-inner-info{margin-top:1em}.book-area-inner-info span{display:block;line-height:1.8;font-size:13px;font-size:0.8125rem;font-family:"游ゴシック Medium","Yu Gothic Medium","游ゴシック体","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","verdana",sans-serif}.book-area-wrapitem{padding:5em 0}@media screen and (max-width:480px){.book-area-wrapitem{padding:3em 0}}.book-area-wrapitem.item01{background:#1f5874}.book-area-wrapitem.item02{background:#94243a}.book-area.fadein .book-area-inner{opacity:1;transform:translateY(0)}.book_sotre_list{margin:1rem auto 0;max-width:830px;list-style:none;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:flex-start}@media screen and (min-width:921px){.book_sotre_list{justify-content:space-around}}@media screen and (max-width:480px){.book_sotre_list{justify-content:space-around}}.book_sotre_list li{width:23%;margin-right:10px;text-align:center;margin-bottom:10px}@media screen and (min-width:921px){.book_sotre_list li{width:44%}}@media screen and (min-width:481px) and (max-width:914px){.book_sotre_list li{width:29%}}@media screen and (max-width:480px){.book_sotre_list li{width:45%;margin-right:3%}}.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_sotre_list li a{padding:7px 5px}}@media screen and (max-width:480px){.book_sotre_list li a{padding:7px 5px}}.book_sotre_list li a img{width:100%;max-width:100%;vertical-align:bottom}.book_sotre_list li a:hover{opacity:0.4;transition:opacity 0.3s ease-out}@media screen and (max-width:768px){.book_sotre_list li a:hover{opacity:1;transition:none}}