@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");body{font-family:"Noto Sans JP",YuGothic,"Yu Gothic Medium","Yu Gothic","Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,sans-serif;position:relative}img{pointer-events:none}@-webkit-keyframes fadein{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadein{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.wrapper{position:relative}header{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;background-size:cover;z-index:10;min-height:850px}@media screen and (max-width:480px){header{height:145vw;min-height:auto;overflow:hidden}}header:before{content:"";display:block;position:absolute;background:url(../img/arukinagara/top_bg.jpg) center;background-size:cover;top:0;width:715px;height:850px;left:calc(50% - 350px)}@media screen and (max-width:768px){header:before{width:90%;left:0}}@media screen and (max-width:480px){header:before{width:100%;left:0;height:145vw}}header h1{opacity:0;position:absolute;width:182px;top:70px;right:calc(50% - 283px)}@media screen and (max-width:768px){header h1{width:25%;top:8%;right:14%}}@media screen and (max-width:480px){header h1{width:29vw;top:11vw;right:5%}}header h1 img{width:100%}header .writer{position:absolute;left:calc(50% - 250px);top:318px;width:62px}@media screen and (max-width:768px){header .writer{left:13%;top:36%;width:9%}}@media screen and (max-width:480px){header .writer{top:39%;width:13.2%;left:10%}}header .writer span{display:block;opacity:0}header .writer img{vertical-align:top;width:100%}header .top-img{position:absolute;width:580px;top:42px;left:calc(50% - 238px);opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}@media screen and (max-width:768px){header .top-img{width:67%;top:6%;left:17%}}@media screen and (max-width:480px){header .top-img{width:92%;top:6%;left:14%}}header .top-img img{max-width:100%}header.fix .writer span{-webkit-animation:fadein 0.5s ease-out 2s forwards;animation:fadein 0.5s ease-out 2s forwards}header.fix h1{-webkit-animation:fadein 1s ease-out 1s forwards;animation:fadein 1s ease-out 1s forwards}header.fix .top-img{-webkit-animation:topImg 1s ease forwards;animation:topImg 1s ease forwards}@keyframes fadein{to{opacity:1;-webkit-filter:blur(0);filter:blur(0);-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes topImg{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes topImg{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.lead{padding:5rem 0;position:relative;opacity:0}@media screen and (max-width:480px){.lead{padding:3.5rem 0}}.lead .lead-inr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;max-width:900px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto;width:85%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10;position:relative}@media screen and (max-width:480px){.lead .lead-inr{width:100%}}.lead .lead-inr .hd{width:122px;opacity:0;-webkit-filter:blur(5px);filter:blur(5px)}@media screen and (max-width:480px){.lead .lead-inr .hd{width:22vw}}.lead .lead-inr .hd img{width:100%}.lead .lead-inr .lead-l{width:calc(100% - 200px);margin-right:3rem;font-size:22px;line-height:2;font-weight:500;opacity:0}@media screen and (max-width:480px){.lead .lead-inr .lead-l{width:60vw;margin-right:7vw;font-size:14px}}.lead .icon01,.lead .icon02,.lead .icon03,.lead .icon04,.lead .icon05,.lead .icon06,.lead .icon07,.lead .icon08,.lead .icon09,.lead .icon10{position:absolute;opacity:0.6}.lead .icon01 img,.lead .icon02 img,.lead .icon03 img,.lead .icon04 img,.lead .icon05 img,.lead .icon06 img,.lead .icon07 img,.lead .icon08 img,.lead .icon09 img,.lead .icon10 img{max-width:100%}.lead .icon01{width:50px;top:0;left:10%;-webkit-animation:icon_anime 20s ease forwards infinite;animation:icon_anime 20s ease forwards infinite}@media screen and (max-width:480px){.lead .icon01{width:30px}}.lead .icon02{width:30px;top:30%;left:5%;-webkit-animation:icon_anime 20s ease forwards 5s infinite;animation:icon_anime 20s ease forwards 5s infinite}@media screen and (max-width:480px){.lead .icon02{width:25px}}.lead .icon03{width:40px;top:50%;left:25%;-webkit-animation:icon_anime 20s ease forwards infinite;animation:icon_anime 20s ease forwards infinite}@media screen and (max-width:480px){.lead .icon03{width:30px}}.lead .icon04{width:40px;top:70%;left:15%;-webkit-animation:icon_anime 20s ease forwards 2s infinite;animation:icon_anime 20s ease forwards 2s infinite}@media screen and (max-width:480px){.lead .icon04{width:30px}}.lead .icon05{width:40px;top:70%;right:15%;-webkit-animation:icon_anime 20s ease forwards 1s infinite;animation:icon_anime 20s ease forwards 1s infinite}@media screen and (max-width:480px){.lead .icon05{width:20px;top:80%}}.lead .icon06{width:50px;top:40%;right:35%;-webkit-animation:icon_anime 20s ease forwards 1s infinite;animation:icon_anime 20s ease forwards 1s infinite}@media screen and (max-width:480px){.lead .icon06{width:30px}}.lead .icon07{width:50px;top:10%;right:8%;-webkit-animation:icon_anime 20s ease forwards infinite;animation:icon_anime 20s ease forwards infinite}@media screen and (max-width:480px){.lead .icon07{width:30px;top:90%}}.lead .icon08{width:40px;top:60%;right:55%;-webkit-animation:icon_anime 20s ease forwards 2s infinite;animation:icon_anime 20s ease forwards 2s infinite}@media screen and (max-width:480px){.lead .icon08{width:30px}}.lead .icon09{width:45px;top:40%;right:5%;-webkit-animation:icon_anime 20s ease forwards infinite;animation:icon_anime 20s ease forwards infinite}@media screen and (max-width:480px){.lead .icon09{width:30px;top:10%}}.lead .icon10{width:45px;bottom:15%;right:35%;-webkit-animation:icon_anime 20s ease forwards infinite;animation:icon_anime 20s ease forwards infinite}@media screen and (max-width:480px){.lead .icon10{width:30px;bottom:8%;right:auto;left:34%}}.lead.fadein{-webkit-animation:fadein 1s ease forwards;animation:fadein 1s ease forwards}.lead.fadein .lead-inr .hd{-webkit-animation:fadein 1s ease 1s forwards;animation:fadein 1s ease 1s forwards}.lead.fadein .lead-inr .lead-l{-webkit-animation:fadein 1s ease 1s forwards;animation:fadein 1s ease 1s forwards}@-webkit-keyframes icon_anime{0%{-webkit-transform:scale(1) rotate(0deg) translate(0,0);transform:scale(1) rotate(0deg) translate(0,0)}50%{-webkit-transform:scale(1.2) rotate(360deg) translate(5%,5%);transform:scale(1.2) rotate(360deg) translate(5%,5%)}to{-webkit-transform:scale(1) rotate(0deg) translate(0,0);transform:scale(1) rotate(0deg) translate(0,0)}}@keyframes icon_anime{0%{-webkit-transform:scale(1) rotate(0deg) translate(0,0);transform:scale(1) rotate(0deg) translate(0,0)}50%{-webkit-transform:scale(1.2) rotate(360deg) translate(5%,5%);transform:scale(1.2) rotate(360deg) translate(5%,5%)}to{-webkit-transform:scale(1) rotate(0deg) translate(0,0);transform:scale(1) rotate(0deg) translate(0,0)}}.profile{background:#f4f4f4;padding:6rem 0}@media screen and (max-width:480px){.profile{padding:4rem 0 3rem;position:relative;border-top:solid 3px #000;border-bottom:solid 3px #000}}@media screen and (max-width:480px){.profile:after,.profile:before{content:"";display:block;width:100%;height:1px;background:#000;position:absolute;left:0}}@media screen and (max-width:480px){.profile:before{top:2px}}@media screen and (max-width:480px){.profile:after{bottom:2px}}.profile .profile-inr{position:relative;max-width:900px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}.profile .profile-inr .wrap{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:768px){.profile .profile-inr .wrap{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:90%;margin:0 auto}}.profile .profile-inr .wrap .ph{width:250px;-webkit-box-shadow:-30px -23px 0 -5px #b9cbcf;box-shadow:-30px -23px 0 -5px #b9cbcf;opacity:0}@media screen and (max-width:480px){.profile .profile-inr .wrap .ph{width:58%}}.profile .profile-inr .wrap .ph img{max-width:100%}.profile .profile-inr .wrap .detail{width:50%;margin-left:5rem}@media screen and (max-width:768px){.profile .profile-inr .wrap .detail{width:100%;margin-left:0;max-width:600px;margin-top:3rem}}@media screen and (max-width:480px){.profile .profile-inr .wrap .detail{margin-top:0}}.profile .profile-inr .wrap .detail:after,.profile .profile-inr .wrap .detail:before{content:"";display:block;height:3px;background:#959595;width:0}@media screen and (max-width:480px){.profile .profile-inr .wrap .detail:after,.profile .profile-inr .wrap .detail:before{display:none}}.profile .profile-inr .wrap .detail:before{margin:0 0 2.5rem}.profile .profile-inr .wrap .detail:after{margin:2.5rem 0 0}.profile .profile-inr .wrap .detail h3{font-size:35px;margin:2rem 0;opacity:0}@media screen and (max-width:480px){.profile .profile-inr .wrap .detail h3{font-size:25px;text-align:center;margin:1.5rem 0}}.profile .profile-inr .wrap .detail h3 span{display:block;font-size:18px;margin-top:0.4rem}@media screen and (max-width:480px){.profile .profile-inr .wrap .detail h3 span{font-size:15px}}.profile .profile-inr .wrap .detail p{line-height:2;font-size:14px;margin-top:1rem;font-weight:400;opacity:0}@media screen and (max-width:480px){.profile .profile-inr .wrap .detail p{font-size:12px}}.profile.fadein .profile-inr .wrap .ph{-webkit-animation:fadein 1s ease forwards;animation:fadein 1s ease forwards}.profile.fadein .profile-inr .wrap .detail:after,.profile.fadein .profile-inr .wrap .detail:before{-webkit-transition:all 1s ease;transition:all 1s ease;width:100%}.profile.fadein .profile-inr .wrap .detail h3,.profile.fadein .profile-inr .wrap .detail p{-webkit-animation:fadein 1s ease 1s forwards;animation:fadein 1s ease 1s forwards}.book-area{position:relative;background:#ECF9FA;background:-webkit-gradient(linear,left top,left bottom,from(#b5dce2),to(#9ee5e2));background:linear-gradient(180deg,#b5dce2 0%,#9ee5e2 100%)}.book-area *{-webkit-box-sizing:border-box;box-sizing:border-box}.book-area-inner{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.book-area-inner-wrap{padding:6rem 0;margin:0 auto;position:relative;opacity:0}@media screen and (max-width:920px){.book-area-inner-wrap{padding:8vw 0 12vw}}@media screen and (max-width:480px){.book-area-inner-wrap{padding:3rem 0 5rem}}.book-area-inner-wrap .trial-link{width:26rem;margin:3rem auto 0}@media screen and (max-width:480px){.book-area-inner-wrap .trial-link{width:61%}}.book-area-inner-wrap .trial-link a{display:block}.book-area-inner-wrap .trial-link a:hover{opacity:0.5;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}@media screen and (max-width:480px){.book-area-inner-wrap .trial-link a:hover{opacity:1;-webkit-transition:none;transition:none}}.book-area-inner-wrap .trial-link a img{width:100%;-webkit-filter:drop-shadow(0 0 5px rgba(0,0,0,0.5));filter:drop-shadow(0 0 5px rgba(0,0,0,0.5))}@media screen and (max-width:480px){.book-area-inner-wrap .trial-link a img{-webkit-filter:drop-shadow(0 0 5px rgba(0,0,0,0.4));filter:drop-shadow(0 0 5px rgba(0,0,0,0.4))}}.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:40%;max-width:420px;margin-right:1%;-ms-flex-negative:0;flex-shrink:0;z-index:10}@media screen and (max-width:920px){.book-area-inner-book{width:100%;margin-right:0}}@media screen and (max-width:480px){.book-area-inner-book{margin:0 auto 1rem;max-width:280px;width:75%}}.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:47%;padding:0 3% 3%;z-index:0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width:921px){.book-area-inner-detail{width:49%;max-width:750px;-ms-flex-negative:1;flex-shrink:1}}@media screen and (max-width:920px){.book-area-inner-detail{margin-top:5%;width:90%;padding:0}}@media screen and (max-width:480px){.book-area-inner-detail{width:90%;margin:0 auto;padding:5% 0 3%}}.book-area-inner-title{line-height:1.2;font-size:45px;font-size:2.8125rem}@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:35px;font-size:2.1875rem;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;margin-top:1.2rem}}.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:920px){.book-area-inner-txt{text-align:center}}@media screen and (max-width:480px){.book-area-inner-txt{text-align:left;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 .mokuji-wrap{max-width:550px;margin:5rem auto 0;background:#faf6bb;border-radius:20px;padding:1rem;width:75%;-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:center;-ms-flex-pack:center;justify-content:center;position:relative}@media screen and (max-width:480px){.book-area .mokuji-wrap{width:80%;border-radius:15px;margin:3rem auto 0}}.book-area .mokuji-wrap:before{content:"";height:0;display:block;position:absolute;right:0;top:0;border-style:solid;border-width:0 50px 50px 0;border-color:#a4e2e2 #a4e2e2 transparent transparent;border-radius:0 0 0 20px;background:#ddd88a;-webkit-box-shadow:-2px 2px 2px rgb(237,233,170);box-shadow:-2px 2px 2px rgb(237,233,170)}@media screen and (max-width:480px){.book-area .mokuji-wrap:before{border-width:0 40px 40px 0;border-radius:0 0 0 15px}}.book-area .mokuji-wrap .hd{text-align:center;margin:1rem 0;width:100%}@media screen and (max-width:480px){.book-area .mokuji-wrap .hd{margin:7px 0 0}}.book-area .mokuji-wrap .hd:after{content:"";display:block;width:37px;height:4px;background:#E3D02A;margin:8px auto 0}.book-area .mokuji-wrap .hd img{width:60px}@media screen and (max-width:480px){.book-area .mokuji-wrap .hd img{width:48px}}.book-area .mokuji-wrap .mokjuji-list{list-style:none}@media screen and (max-width:480px){.book-area .mokuji-wrap .mokjuji-list{padding:0 1rem}}.book-area .mokuji-wrap .mokjuji-list li{margin:1rem 0;line-height:1.4;font-weight:bold;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:solid #e8e38c 1px}@media screen and (max-width:480px){.book-area .mokuji-wrap .mokjuji-list li{font-size:15px;-ms-flex-wrap:wrap;flex-wrap:wrap}}.book-area .mokuji-wrap .mokjuji-list li span{display:inline-block;font-size:14px;margin-right:16px}@media screen and (max-width:480px){.book-area .mokuji-wrap .mokjuji-list li span{width:100%;font-size:12px;margin-right:0}}.book-area .mokuji-wrap .trial-btn-wrap{width:100%;margin:1rem 0}.book-area .mokuji-wrap .trial-btn-wrap .trial-btn{display:block;background:#9b0301;padding:1rem 2.2rem;width:267px;margin:0 auto;border:solid 1px #000}@media screen and (max-width:480px){.book-area .mokuji-wrap .trial-btn-wrap .trial-btn{width:75%;padding:1rem}}.book-area .mokuji-wrap .trial-btn-wrap .trial-btn img{width:100%}@media (hover:hover){.book-area .mokuji-wrap .trial-btn-wrap .trial-btn:hover{opacity:0.6;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}}.book-area.fadein .book-area-inner-wrap{-webkit-animation:fadein 1s ease-out forwards;animation:fadein 1s ease-out forwards}.book_sotre_list{margin:1.5rem 0 0;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}@media screen and (max-width:920px){.book_sotre_list{width:100%;max-width:620px;margin:2.8rem auto 0}}@media screen and (max-width:768px){.book_sotre_list{max-width:500px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width:480px){.book_sotre_list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.book_sotre_list li{width:44%;margin-right:10px;text-align:center;margin-bottom:10px}@media screen and (max-width:920px){.book_sotre_list li{width:31%}}@media screen and (max-width:768px){.book_sotre_list li{width:44%}}@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;-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:0.4;-webkit-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out}@media screen and (max-width:768px){.book_sotre_list li a:hover{opacity:1;-webkit-transition:none;transition:none}}.book_sotre_list li:nth-child(7),.book_sotre_list li:nth-child(8){margin-bottom:0}.kikan{padding:5rem 0;opacity:0}.kikan .kikan-inr{max-width:800px;margin:0 auto;border:solid 2px #000;-webkit-box-sizing:border-box;box-sizing:border-box;width:90%}@media screen and (max-width:480px){.kikan .kikan-inr{width:80%}}.kikan .kikan-inr h2{margin:-30px auto 0;background:#fff;width:17rem}@media screen and (max-width:480px){.kikan .kikan-inr h2{margin:-20px auto 0;width:11rem}}.kikan .kikan-inr h2 span{display:block;background:#000;padding:12px 41px;border-radius:30px;width:11rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto}@media screen and (max-width:480px){.kikan .kikan-inr h2 span{padding:10px 32px;width:9rem}}.kikan .kikan-inr h2 span img{width:100%}.kikan .kikan-inr .book-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:1.2rem 0 1rem}@media screen and (max-width:480px){.kikan .kikan-inr .book-detail{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0}}.kikan .kikan-inr .book-detail .ph{width:34%}@media screen and (max-width:480px){.kikan .kikan-inr .book-detail .ph{width:69%}}.kikan .kikan-inr .book-detail .ph img{max-width:100%;-webkit-box-shadow:0 0 7px rgba(0,0,0,0.2);box-shadow:0 0 7px rgba(0,0,0,0.2)}.kikan .kikan-inr .book-detail .detail{width:45%;margin-left:5%}@media screen and (max-width:480px){.kikan .kikan-inr .book-detail .detail{width:100%;margin:0;padding:0 1rem}}.kikan .kikan-inr .book-detail .detail h3{font-size:30px;margin:2rem 0;line-height:1.2}@media screen and (max-width:480px){.kikan .kikan-inr .book-detail .detail h3{text-align:center;margin:1rem 0;font-size:28px}}.kikan .kikan-inr .book-detail .detail p{line-height:1.6;font-size:15px;margin-top:2rem}@media screen and (max-width:480px){.kikan .kikan-inr .book-detail .detail p{font-size:12px;margin-top:1rem}}.kikan .kikan-inr .book-detail .detail a{display:block;padding:15px;background:#9b0000;width:9rem;text-align:center;color:#fff;text-decoration:none;font-weight:bold;margin-top:2rem;border:solid 2px #151515}@media (hover:hover){.kikan .kikan-inr .book-detail .detail a:hover{opacity:0.6;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}}@media screen and (max-width:480px){.kikan .kikan-inr .book-detail .detail a{margin:1rem auto;font-size:15px;padding:0.8rem;width:55%}}.kikan.fadein{-webkit-animation:fadein 1s ease-out forwards;animation:fadein 1s ease-out forwards}