@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;700&display=swap");body{font-family:-apple-system,BlinkMacSystemFont,"segoe ui","游ゴシック体","yu gothic",meiryo,Roboto,sans-serif;position:relative;background:url(../img/bg_img.jpg) repeat 0 0;background-attachment:fixed;background-size:1000px}.area{width:100%;height:100%}@media screen and (max-width:480px){.wrapper{overflow-x:hidden}}@keyframes fadein{to{opacity:1;transform:translateY(0)}}header{box-sizing:border-box;position:relative}header .head-bg-img{position:relative;width:100%;height:56.08333vw;top:0;left:0;border-bottom:solid 1px #6EA2BA}@media screen and (max-width:980px){header .head-bg-img{height:80.08333vw}}@media screen and (max-width:480px){header .head-bg-img{height:150.08333vw}}header .head-bg-img:before{content:"";display:block;position:absolute;top:0;right:0;background:url(../img/top_img.jpg) no-repeat center top;background-size:cover;width:100%;height:56.08333vw;z-index:1;opacity:0;animation:top-img 3.8s cubic-bezier(0,1.1,0.24,0.94) forwards;transition:all ease 0.5s}@media screen and (max-width:980px){header .head-bg-img:before{height:80.08333vw}}@media screen and (max-width:480px){header .head-bg-img:before{height:150.08333vw}}header h1{position:absolute;z-index:10;width:15vw;top:1.2vw;left:calc(50% - 24vw);z-index:10;overflow:hidden;opacity:0;filter:blur(20);animation:top-h1 1.2s ease-in-out 1.2s forwards;transition:all ease 0.5s}@media screen and (max-width:980px){header h1{left:calc(50% - 35vw);width:24vw}}@media screen and (max-width:480px){header h1{left:calc(50% - 52vw);width:42vw;top:5.2vw}}header h1 span{display:block}header h1 span img{width:100%}header h2{top:4.1vw;right:calc(50% - 25.2vw);width:3.2vw;position:absolute;z-index:10;opacity:0;filter:blur(50);animation:top-h1 1.2s ease-in-out 2s forwards;transition:all ease 0.5s}@media screen and (max-width:980px){header h2{right:calc(50% - 28.2vw);width:3.6vw}}@media screen and (max-width:920px){header h2{right:calc(50% - 36.2vw);width:5.6vw;top:8.1vw}}@media screen and (max-width:480px){header h2{right:3vw;width:7.6vw;top:14.1vw}}header h2 span{display:block}header h2 span img{width:100%}@keyframes top-img{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes top-h1{to{transform:translateY(0);opacity:1;filter:blur(0)}}@keyframes text-anime{to{transform:translateX(0);opacity:1;filter:blur(0)}}.info-area{padding:6rem 40px 12rem;max-width:1280px;margin:0 auto;display:flex;justify-content:space-between}@media screen and (max-width:920px){.info-area{flex-wrap:wrap;padding:11.8333vw 40px 15vw}}@media screen and (max-width:480px){.info-area{padding:11.8333vw 3.33vw 25vw}}.info-area .info{width:62%}@media screen and (max-width:920px){.info-area .info{width:100%}}.info-area .info h3{display:flex;align-items:flex-end;opacity:0;filter:blur(20);transform:translateY(20px);animation:top-h1 1.2s ease 3s forwards}.info-area .info h3 img{flex-shrink:0;width:170px}@media screen and (max-width:480px){.info-area .info h3 img{width:28vw}}.info-area .info h3 a{color:#F5665A;text-decoration:none;margin-left:3rem;font-size:15px;font-size:0.9375rem;display:block;align-items:center;margin-bottom:3px;position:relative}.info-area .info h3 a:after{content:"";display:block;height:1px;width:0;background:#F5665A;position:absolute;bottom:-5px;left:3px;transition:all ease 0.5s}.info-area .info h3 a:hover:after{width:100%}@media screen and (max-width:920px){.info-area .info h3 a{margin-left:auto}}.info-area .info h3 a:before{top:4px;right:-8px;position:absolute;content:"";display:block;width:5px;height:5px;border-top:1px solid #F5665A;border-right:1px solid #F5665A;transform:rotate(45deg);margin-left:3px}.info-area .info-list{list-style:none;margin-top:35px}.info-area .info-list li{margin-top:10px}.info-area .info-list li a{display:flex;flex-wrap:wrap;padding:23px;background:#D7EBF4;border-radius:10px;color:#3B3B3B;text-decoration:none;transition:all ease 0.5s}.info-area .info-list li a:hover{opacity:0.5}@media screen and (max-width:480px){.info-area .info-list li a{padding:3.3vw 4.3vw}}.info-area .info-list li a .date{margin-right:10px;font-size:14px;font-size:0.875rem}@media screen and (max-width:480px){.info-area .info-list li a .date{font-size:12px;font-size:0.75rem}}.info-area .info-list li a .category{color:#F5665A;font-size:14px;font-size:0.875rem}@media screen and (max-width:480px){.info-area .info-list li a .category{font-size:12px;font-size:0.75rem}}.info-area .info-list li a .info-title{width:100%;font-weight:bold;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:920px){.info-area .info-list li a .info-title{white-space:pre-wrap;font-size:14px;font-size:0.875rem;line-height:1.6;max-height:3.2em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@media screen and (max-width:480px){.info-area .info-list li a .info-title{margin-top:6px;font-size:13px;font-size:0.8125rem}}@media screen and (max-width:480px){.info-area .info-list li:nth-child(n+5){display:none}}.info-area .twitter{width:32.5%}@media screen and (max-width:920px){.info-area .twitter{width:100%;margin:11vw 0 0}}@media screen and (max-width:920px) and (max-width:480px){.info-area .twitter{margin-top:18vw}}.info-area .twitter h3{width:180px;margin-bottom:38px;opacity:0;filter:blur(20);transform:translateY(20px);animation:top-h1 1.2s ease 3s forwards}@media screen and (max-width:480px){.info-area .twitter h3{width:32vw}}.info-area .twitter h3 img{width:100%}@media screen and (max-width:920px){.info-area .tw-inner iframe{width:100%!important}}@media screen and (max-width:480px){.info-area .tw-inner iframe{max-height:450px}}.lead{position:relative;height:50.5vw}@media screen and (max-width:920px){.lead{height:76.875vw}}@media screen and (max-width:480px){.lead{height:112.875vw}}.lead .lead-ph{position:absolute;width:50.875vw;top:0;left:0}@media screen and (max-width:920px){.lead .lead-ph{width:76.875vw}}@media screen and (max-width:480px){.lead .lead-ph{width:112.875vw;right:-49vw;left:auto}}.lead .lead-ph img{max-width:100%}@media screen and (max-width:480px){.lead .lead-ph img{opacity:0.6}}.lead .text01,.lead .text02,.lead .text03{position:absolute;opacity:0;filter:blur(20);transform:translateX(-20px)}.lead .text01 img,.lead .text02 img,.lead .text03 img{width:100%}.lead .text01{width:35.3vw;left:45vw;top:6vw}@media screen and (max-width:920px){.lead .text01{width:70.3vw;left:22vw;top:7vw}}@media screen and (max-width:480px){.lead .text01{width:88.3vw;left:4vw;top:14vw}}.lead .text02{width:26vw;top:13vw;left:45vw}@media screen and (max-width:920px){.lead .text02{width:42vw;left:50vw;top:20vw}}@media screen and (max-width:480px){.lead .text02{width:49vw;left:4vw;top:33vw}}.lead .text03{width:24.3vw;left:45vw;top:33vw}@media screen and (max-width:920px){.lead .text03{width:37.3vw;left:50vw;top:51vw}}@media screen and (max-width:480px){.lead .text03{width:50.3vw;left:4vw;top:76vw}}.lead.fadein .text01{animation:text-anime 1.2s ease 0.5s forwards}.lead.fadein .text02{animation:text-anime 1.2s ease 1.2s forwards}.lead.fadein .text03{animation:text-anime 1.2s ease 2s forwards}.lead02 p{width:55vw;font-size:20px;line-height:2.8;margin:1rem auto 4rem;max-width:850px;opacity:0}@media screen and (max-width:920px){.lead02 p{width:80vw}}@media screen and (max-width:480px){.lead02 p{width:90vw;font-size:16px;font-size:1rem;line-height:2.4;margin:1rem auto 2rem}}.lead02 .honyataisho{width:55vw;margin:3rem auto 0;max-width:850px;opacity:0}@media screen and (max-width:920px){.lead02 .honyataisho{width:80vw}}@media screen and (max-width:480px){.lead02 .honyataisho{width:90vw;margin-top:0}}.lead02 .honyataisho img{width:100%}.lead.fadein+.lead02 p{animation:top-h1 1.5s ease 3s forwards}.lead.fadein+.lead02 .honyataisho{animation:top-h1 1.5s ease 3.8s forwards}.book-trial{width:31vw;background:#fff;border:solid 4px #3790b7;margin:6rem auto;box-shadow:0 0 22px rgba(4,21,34,0.2);max-width:530px;transition:all ease 0.5s}.book-trial:hover{opacity:0.5}@media screen and (max-width:920px){.book-trial{max-width:400px;width:80vw}}@media screen and (max-width:480px){.book-trial{margin:4rem auto 2.5rem;border:solid 3px #3790b7;box-shadow:0 0 10px rgba(4,21,34,0.2)}}.book-trial a{padding:2.1vw;display:block}@media screen and (max-width:920px){.book-trial a{padding:3.1vw}}@media screen and (max-width:480px){.book-trial a{padding:4.1vw 11vw}}.book-trial a img{width:100%}.book-area{position:relative}.book-area *{box-sizing:border-box}.book-area-inner{transition:all 0.5s ease;padding:4rem 0;box-sizing:border-box;max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;position:relative;justify-content:center;background:rgba(255,255,255,0.6);border:solid 1px #6EA2BA}@media screen and (max-width:920px){.book-area-inner{flex-wrap:wrap;width:auto;max-width:none;padding:3rem 0 2rem}}@media screen and (max-width:480px){.book-area-inner{padding:3rem 0}}.book-area-inner-wrap{padding:2rem 0 5rem;margin:0 auto;position:relative;z-index:10}@media screen and (max-width:920px){.book-area-inner-wrap{padding:1rem 0 6rem;width:auto}}@media screen and (max-width:480px){.book-area-inner-wrap{padding:2rem 0 4rem}}.book-area-inner-wrap.fadein{animation:fadein_anime 1s ease-out forwards}.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{width:32%;max-width:450px;margin-right:3em;flex-shrink:0}@media screen and (max-width:920px){.book-area-inner-book{width:100%;margin:0 auto 2em}}@media screen and (max-width:480px){.book-area-inner-book{margin:0 auto 1rem;max-width:280px}}.book-area-inner-book img{vertical-align:bottom;max-width:100%;width:100%;box-shadow:0 0 10px rgba(0,0,0,0.45)}.book-area-inner-detail{width:100%;color:#000}@media screen and (min-width:921px){.book-area-inner-detail{width:53%;flex-shrink:1}}@media screen and (max-width:480px){.book-area-inner-detail{padding:0}}.book-area-inner-title{font-size:45px;font-size:2.8125rem;line-height:1.2}@media screen and (max-width:920px){.book-area-inner-title{text-align:center}}@media screen and (max-width:480px){.book-area-inner-title{font-size:38px;font-size:2.375rem;line-height:1.2}}.book-area-inner-title span{display:block;font-size:24px;font-size:1.5rem}@media screen and (max-width:480px){.book-area-inner-title span{font-size:18px;font-size:1.125rem}}.book-area-inner-writer{font-size:25px;font-size:1.5625rem;margin-top:1.5rem}@media screen and (max-width:920px){.book-area-inner-writer{text-align:center;font-size:20px;font-size:1.25rem}}@media screen and (max-width:480px){.book-area-inner-writer{font-size:18px;font-size:1.125rem}}.book-area-inner-writer span{font-size:16px;font-size:1rem}@media screen and (max-width:480px){.book-area-inner-writer span{font-size:13px;font-size:0.8125rem}}.book-area-inner-txt{line-height:1.8;margin-top:1.5rem}@media screen and (max-width:480px){.book-area-inner-txt{font-size:14px;font-size:0.875rem}}.book-area-inner-info{margin-top:1.5rem}@media screen and (max-width:920px){.book-area-inner-info{text-align:center}}.book-area-inner-info span{display:block;line-height:1.8;font-size:13px;font-size:0.8125rem}.book-area.book-area-top{opacity:0;transform:translateY(20px)}.book-area.book-area-top.fadein{animation:fadein_anime 0.5s ease-out 1 forwards}.book_sotre_list{margin:1.5rem 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:920px){.book_sotre_list{justify-content:center}}@media screen and (max-width:480px){.book_sotre_list{justify-content:center}}.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:0 2% 10px}}.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}}