@charset "UTF-8";body{font-family:-apple-system, BlinkMacSystemFont,"segoe ui","游ゴシック体","yu gothic",meiryo,Roboto,sans-serif;position:relative}@media screen and (max-width:920px){body:before{content:"";display:block;position:fixed;z-index:-10;background-size:270%;background-position:center 0;left:0;top:0;width:100%;height:100%}}body.fixed{position:absolute;overflow:hidden}img{pointer-events:none}@font-face{font-display:swap}header{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;background:url(../img/top_bg.jpg) no-repeat;background-position:left 43% top 50%;background-size:100%;background-color:#fff;min-height:800px;padding:5rem 0}@media screen and (max-width:920px){header{min-height:auto;background-size:1000px;background-position:left 43% top 59%;padding:2rem 0 7rem}}@media screen and (max-width:480px){header{background-size:200%;background-position:left 66% top 63%;padding:2rem 0 12rem}}header h2{width:28px;bottom:83px;left:calc(50% - 400px);position:absolute;opacity:0;-webkit-animation:fadein_anime 1s ease-out 3s forwards;animation:fadein_anime 1s ease-out 3s forwards}@media screen and (max-width:920px){header h2{width:5%;bottom:83px;left:4%;max-width:28px}}@media screen and (max-width:480px){header h2{width:22px;left:7%}}header h2 img{width:100%}header .top-icon{position:absolute;left:calc(50% + 160px);bottom:28%;width:220px;opacity:0;-webkit-animation:fadein_anime 1s ease-out 3s forwards;animation:fadein_anime 1s ease-out 3s forwards}@media screen and (max-width:920px){header .top-icon{left:auto;right:1%;bottom:4%;width:36%;max-width:220px}}@media screen and (max-width:480px){header .top-icon{bottom:17%}}header .top-icon img{width:100%}h1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;width:685px;margin:0 auto}h1 span{display:block;margin:0 1rem;opacity:0;-webkit-filter:blur(5px);filter:blur(5px)}@media screen and (max-width:920px){h1 span{margin:.2rem}}h1 span:first-child{-webkit-animation:head_title 1s ease-out  forwards;animation:head_title 1s ease-out  forwards}h1 span:nth-child(2){-webkit-animation:head_title 1s ease-out 1s forwards;animation:head_title 1s ease-out 1s forwards}h1 span:nth-child(3){-webkit-animation:head_title 1s ease-out 2s forwards;animation:head_title 1s ease-out 2s forwards}h1 img{max-width:100%;vertical-align:bottom}@media screen and (max-width:920px){h1{width:80%;max-width:685px}}@media screen and (max-width:480px){h1{margin:0 1rem 0 auto}}@-webkit-keyframes head_title{to{opacity:1;-webkit-filter:blur(0);filter:blur(0)}}@keyframes head_title{to{opacity:1;-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes fadein_anime{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadein_anime{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.lead{padding:3rem 0 4rem;background:url(../img/main_bg.jpg) repeat-y;background-size:130%;background-position:top 0 right -150px;background-color:#fefdf6;color:#000;background-attachment:fixed}.lead.fadein .lead01{-webkit-animation:fadein_anime 1s ease-out forwards;animation:fadein_anime 1s ease-out forwards}.lead.fadein .lead02{-webkit-animation:fadein_anime 1s ease-out 1s forwards;animation:fadein_anime 1s ease-out 1s forwards}.lead.fadein p{-webkit-animation:fadein_anime 1s ease-out 2s forwards;animation:fadein_anime 1s ease-out 2s forwards}.lead.fadein .lead03{-webkit-animation:fadein_anime 1s ease-out 3s forwards;animation:fadein_anime 1s ease-out 3s forwards}@media screen and (max-width:920px){.lead{background-size:180%;background-attachment:inherit}}@media screen and (max-width:480px){.lead{background-size:220%;padding:2rem 0rem 1rem}}.lead .lead01{max-width:950px;margin:0 auto 4rem;width:95%;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}@media screen and (max-width:480px){.lead .lead01{margin:0 auto 2rem}}.lead .lead01 img{width:100%}.lead .lead02{width:800px;margin:0 auto 3rem;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);transform:translateY(20px)}@media screen and (max-width:920px){.lead .lead02{width:95%}}@media screen and (max-width:480px){.lead .lead02{margin:0 auto 3rem}}.lead .lead02 img{width:100%}.lead .lead03{width:800px;margin:0 auto;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}@media screen and (max-width:920px){.lead .lead03{width:95%}}@media screen and (max-width:480px){.lead .lead03{margin:0 auto 1rem}}.lead .lead03 img{width:100%}.lead p{color:#00a0b8;font-size:30px;font-size:1.875rem;line-height:2;width:800px;margin:0 auto 4rem;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}@media screen and (max-width:920px){.lead p{max-width:800px;width:95%}}@media screen and (max-width:480px){.lead p{font-size:18px;font-size:1.125rem;margin:0 auto 3rem;text-align:center}}.book-area{position:relative;background:#f3ffff}@media screen and (max-width:480px){.book-area{padding:0}}.book-area *{-webkit-box-sizing:border-box;box-sizing:border-box}.book-area-inner{-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;width:95%;max-width:1000px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;color:#333}@media screen and (max-width:920px){.book-area-inner{-ms-flex-wrap:wrap;flex-wrap:wrap;width:auto;max-width:none;padding:0 1.5rem}}@media screen and (max-width:480px){.book-area-inner{padding:0 1rem}}.book-area-inner-wrap{padding:4rem 0;position:relative;margin:0 auto;position:relative;z-index:10;opacity:0}@media screen and (max-width:920px){.book-area-inner-wrap{padding:4rem 0;width:auto}}@media screen and (max-width:480px){.book-area-inner-wrap{padding:2rem 0 3rem}}.book-area-inner-wrap.fadein{-webkit-animation:head_title 1s ease-out forwards;animation:head_title 1s ease-out forwards}.book-area-inner-item{padding:4rem 3rem;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:920px){.book-area-inner-item{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width:480px){.book-area-inner-item{padding:1rem}}.book-area-inner-book{width:43%;max-width:400px;margin-right:2em;-ms-flex-negative:0;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{margin:0 auto 1rem;max-width:300px}}.book-area-inner-book img{vertical-align:bottom;max-width:100%;width:100%;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.45);box-shadow:0 0 10px rgba(0, 0, 0, 0.45)}.book-area-inner-detail{width:100%}@media screen and (min-width:921px){.book-area-inner-detail{width:52%;-ms-flex-negative:1;flex-shrink:1}}@media screen and (max-width:480px){.book-area-inner-detail{padding:0}}.book-area-inner-title{font-size:35px;font-size:2.1875rem;line-height:1.4}.book-area-inner-title span{display:block}@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:25px;font-size:1.5625rem}.book-area-inner-title span{display:block}}.book-area-inner-title__sub{margin-top:.5rem;font-size:24px;font-size:1.5rem;font-weight:normal}@media screen and (max-width:920px){.book-area-inner-title__sub{text-align:center;font-size:22px;font-size:1.375rem}}@media screen and (max-width:480px){.book-area-inner-title__sub{font-size:18px;font-size:1.125rem}}.book-area-inner-writer{font-size:22px;font-size:1.375rem;margin-top:1.5rem}@media screen and (max-width:920px){.book-area-inner-writer{text-align:center}}@media screen and (max-width:480px){.book-area-inner-writer{font-size:18px;font-size:1.125rem}}.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;color:#333}.book-area.book-area-top{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}.book-area.book-area-top.fadein{-webkit-animation:fadein_anime .5s ease-out 1 forwards;animation:fadein_anime .5s ease-out 1 forwards}.book_sotre_list{margin:1.5rem auto 0;max-width:830px;list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media screen and (min-width:921px){.book_sotre_list{-ms-flex-pack:distribute;justify-content:space-around}}@media screen and (max-width:920px){.book_sotre_list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width:480px){.book_sotre_list{-ms-flex-pack:distribute;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;-webkit-box-sizing:border-box;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:.4;-webkit-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}@media screen and (max-width:768px){.book_sotre_list li a:hover{opacity:1;-webkit-transition:none;-o-transition:none;transition:none}}.trial_btn_area_wrap{width:60%;position:relative;margin:6rem auto 0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:9px;background:#fff;border-radius:20px;border:solid 2px #00a0b8}@media screen and (max-width:920px){.trial_btn_area_wrap{width:90%;max-width:600px}}@media screen and (max-width:480px){.trial_btn_area_wrap{width:auto}}.trial_btn_area_wrap:before{content:"";display:block;height:2px;width:250px;position:absolute;top:9px;left:calc(50% - 125px);background:#fff;z-index:10}@media screen and (max-width:480px){.trial_btn_area_wrap:before{width:180px;left:calc(50% - 90px)}}@media screen and (max-width:480px){.trial_btn_area_wrap{margin:4rem 0 0}}.trial_btn_area_wrap .trial_btn_area-inner{background:#fcfbde;padding:3rem 0 2rem;border-radius:20px;text-align:center;position:relative;border:solid 2px #00a0b8}@media screen and (max-width:480px){.trial_btn_area_wrap .trial_btn_area-inner{padding:3rem 1rem 2rem}}.trial_btn_area_wrap .trial_btn_area-inner .title{position:absolute;left:calc(50% - 85px);width:169px;top:-32px;z-index:20}@media screen and (max-width:480px){.trial_btn_area_wrap .trial_btn_area-inner .title{width:150px;left:calc(50% - 75px)}.trial_btn_area_wrap .trial_btn_area-inner .title img{width:100%}}.trial_btn_area_wrap .trial_btn_area-inner .mokuji{width:320px;margin:0 auto}@media screen and (max-width:480px){.trial_btn_area_wrap .trial_btn_area-inner .mokuji{width:auto}}.trial_btn_area_wrap .trial_btn_area-inner .mokuji img{max-width:100%}.trial_btn_area_wrap .trial_btn_area-inner .hd{font-size:18px;font-size:1.125rem;margin:2rem 0 .5rem;font-weight:bold;position:relative}@media screen and (max-width:480px){.trial_btn_area_wrap .trial_btn_area-inner .hd{font-size:15px;font-size:0.9375rem}}.trial_btn_area_wrap .trial_btn_area-inner .hd:after,.trial_btn_area_wrap .trial_btn_area-inner .hd:before{content:"";display:inline-block;width:1px;height:20px;background-color:#000;vertical-align:bottom}@media screen and (max-width:480px){.trial_btn_area_wrap .trial_btn_area-inner .hd:after,.trial_btn_area_wrap .trial_btn_area-inner .hd:before{height:18px}}.trial_btn_area_wrap .trial_btn_area-inner .hd:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin-right:.5rem}.trial_btn_area_wrap .trial_btn_area-inner .hd:after{margin-left:.8rem;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.trial_btn_area_wrap .trial_btn_area-inner:before{left:-3px;top:-3px;content:"";display:block;width:7%;height:7%;background:#fcfbde;position:absolute;border-top-left-radius:20px}.trial_btn_area_wrap .trial_btn_area-inner:after{right:-3px;bottom:-3px;content:"";display:block;width:7%;height:7%;background:#fcfbde;position:absolute;border-bottom-right-radius:20px}.trial_btn_area_wrap .trial_btn{display:block;width:320px;margin:0 auto;background:#322521;padding:10px;border-radius:10px;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.6);box-shadow:0 0 10px rgba(0, 0, 0, 0.6)}@media screen and (max-width:480px){.trial_btn_area_wrap .trial_btn{width:80%}}.trial_btn_area_wrap .trial_btn .trial_btn_img{width:180px}@media screen and (max-width:480px){.trial_btn_area_wrap .trial_btn .trial_btn_img{width:150px}}@media screen and (min-width:921px){.trial_btn_area_wrap .trial_btn:hover{opacity:.5;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}}