@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-color:#f2f3f3}@media screen and (max-width:920px){body{background-size:25px}}@media screen and (max-width:480px){body{background-size:18px}}.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;background:url(../img/bg_img02.jpg) repeat 0 0;background-size:100%;min-height:1110px;padding-top:4%}@media screen and (max-width:920px){header{padding-bottom:9%;min-height:auto}}@media screen and (max-width:480px){header{padding-bottom:18%;padding-top:9%}}header h1{position:relative;display:flex;justify-content:center;flex-direction:row-reverse;z-index:10}header h1 span{display:block}header h1 span img{width:100%}header h1 .title01{opacity:0;animation:title-anime01 1s ease 0.5s forwards;width:250px}@media screen and (max-width:920px){header h1 .title01{width:26%}}header h1 .title02{opacity:0;animation:title-anime 1s ease 1.2s forwards}@media screen and (max-width:920px){header h1 .title02{width:28%}}header h1 .title02_inner01{width:255px}@media screen and (max-width:920px){header h1 .title02_inner01{width:100%}}header h1 .title02_inner02{position:relative;width:268px;margin-top:8px}@media screen and (max-width:920px){header h1 .title02_inner02{width:100%}}@media screen and (max-width:480px){header h1 .title02_inner02{margin-top:2%}}header h1 .title02_inner02 img{position:relative}header h1 .title02_inner02:before{opacity:0;content:"";position:absolute;display:block;width:146px;height:200px;background:url(../img/top_hakase.png) no-repeat 0 0;background-size:100%;top:-55px;right:-50px;animation:icon-anime01 1s ease 3s forwards}@media screen and (max-width:920px){header h1 .title02_inner02:before{width:62%}}@media screen and (max-width:480px){header h1 .title02_inner02:before{width:61%;left:65%;top:-25%}}header h1 .title03{opacity:0;animation:title-anime 1s ease 2s forwards;width:202px;position:relative}@media screen and (max-width:920px){header h1 .title03{width:22%}}header h1 .title03:before{opacity:0;animation:fadein-anime 0.5s ease 3.5s forwards;content:"";position:absolute;display:block;width:106px;height:85px;background:url(../img/top_tane.png) no-repeat 0 0;background-size:100%;bottom:170px;right:-27px}@media screen and (max-width:920px){header h1 .title03:before{width:49%;bottom:18%}}@media screen and (max-width:480px){header h1 .title03:before{bottom:3%;right:-13%}}header h1 .sub_title{opacity:0;animation:fadein-anime 1s ease 2.5s forwards;position:absolute;width:188px;bottom:0;left:calc(50% - 114px)}@media screen and (max-width:920px){header h1 .sub_title{width:20%;left:39%}}header h2{opacity:0;animation:fadein-anime 1s ease 3.5s forwards;position:relative;z-index:10;width:280px;margin:8rem auto 0}@media screen and (max-width:920px){header h2{margin:8% auto 0;width:30%}}header h2 span{display:block}header h2 span img{width:100%}header .icon{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}header .icon div{display:block;width:50%;padding:0 10px;box-sizing:border-box;position:relative;height:370px}@media screen and (max-width:920px){header .icon div{height:auto;padding-top:33%}}header .icon div img{max-width:100%}header .icon div:nth-child(2n){text-align:right}header .icon div span{display:block;position:absolute;top:0;animation-iteration-count:infinite;animation-duration:14s}header .icon div span.ph01{left:0;width:350px;animation-name:slider;animation-delay:-2s}@media screen and (max-width:920px){header .icon div span.ph01{width:60%;left:-25%}}@media screen and (max-width:480px){header .icon div span.ph01{width:86%;left:-40%}}header .icon div span.ph02{left:0;width:217px;animation-name:slider;animation-delay:5s;left:42px;opacity:0}@media screen and (max-width:920px){header .icon div span.ph02{width:40%;left:-8%}}@media screen and (max-width:480px){header .icon div span.ph02{width:57%;left:-22%}}header .icon div span.ph03{right:0;width:350px;animation-name:slider;animation-delay:-2s}@media screen and (max-width:920px){header .icon div span.ph03{width:50%;right:-9%;top:7%}}@media screen and (max-width:480px){header .icon div span.ph03{width:74%;right:-23%;top:2%}}header .icon div span.ph04{right:0;width:320px;animation-name:slider;animation-delay:5s;opacity:0;top:73px}@media screen and (max-width:920px){header .icon div span.ph04{width:48%;top:19%;right:-9%}}@media screen and (max-width:480px){header .icon div span.ph04{right:-20%;width:63%}}header .icon div span.ph05{top:-20px;width:238px;animation-name:slider;animation-delay:-2s}@media screen and (max-width:920px){header .icon div span.ph05{width:39%;left:-14%;top:1%}}@media screen and (max-width:480px){header .icon div span.ph05{width:51%;left:-21%;top:20%}}header .icon div span.ph06{width:269px;animation-name:slider;animation-delay:5s;left:9px;opacity:0;top:-19px}@media screen and (max-width:920px){header .icon div span.ph06{width:50%;left:-12%;top:4%}}@media screen and (max-width:480px){header .icon div span.ph06{width:56%;top:34%}}header .icon div span.ph07{right:0;width:328px;animation-name:slider;animation-delay:-2s}@media screen and (max-width:920px){header .icon div span.ph07{width:51%;right:-10%}}@media screen and (max-width:480px){header .icon div span.ph07{width:70%;right:-31%;top:14%}}header .icon div span.ph08{right:0;width:360px;animation-name:slider;animation-delay:5s;opacity:0;top:-3px}@media screen and (max-width:920px){header .icon div span.ph08{width:66%;top:-6%;right:-11%}}@media screen and (max-width:480px){header .icon div span.ph08{width:77%;top:4%;right:-29%}}header .icon div span.ph09{top:17px;width:352px;animation-name:slider;animation-delay:-2s}@media screen and (max-width:920px){header .icon div span.ph09{width:65%;left:-15%;top:9%}}@media screen and (max-width:480px){header .icon div span.ph09{width:67%;top:54%}}header .icon div span.ph10{width:340px;animation-name:slider;animation-delay:5s;left:0;opacity:0;top:6px}@media screen and (max-width:920px){header .icon div span.ph10{width:59%;top:15%;left:-7%}}@media screen and (max-width:480px){header .icon div span.ph10{width:68%;top:48%}}header .icon div span.ph11{right:0;top:-36px;width:290px;animation-name:slider;animation-delay:-2s}@media screen and (max-width:920px){header .icon div span.ph11{width:50%;right:-7%}}@media screen and (max-width:480px){header .icon div span.ph11{width:63%;top:15%;right:-16%}}header .icon div span.ph12{right:0;width:227px;animation-name:slider;animation-delay:5s;opacity:0;top:-72px}@media screen and (max-width:920px){header .icon div span.ph12{width:43%;top:-22%;right:-6%}}@media screen and (max-width:480px){header .icon div span.ph12{width:52%;top:7%;right:-12%}}@keyframes slider{0%{opacity:0}14.28%{opacity:1}50%{opacity:1}64.28%{opacity:0}to{opacity:0}}@keyframes title-anime01{0%{opacity:0;transform:scale(0.1)}10%{transform:scale(0.3)}20%{transform:scale(0.8)}40%{transform:scale(1.4)}50%{transform:scale(0.8)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes title-anime{0%{opacity:0;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}@keyframes icon-anime01{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadein-anime{0%{opacity:0}to{opacity:1}}@keyframes cont01-icon{0%{transform:translateX(-10%);opacity:0}to{opacity:1;transform:translateX(0)}}@keyframes cont01-sub{0%{transform:translateY(10%);opacity:0}to{opacity:1;transform:translateY(0)}}.movie-area{background:#fff49b;padding:3rem 0;text-align:center}.movie-area iframe{box-shadow:0 0 10px rgba(0,0,0,0.5)}@media screen and (max-width:480px){.movie-area{padding:1.5rem 0}}.movie-area .movie{opacity:0}@media screen and (max-width:920px){.movie-area .movie{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:0 1.5rem;z-index:100}}@media screen and (max-width:920px) and (max-width:480px){.movie-area .movie{margin:0}}@media screen and (max-width:920px){.movie-area .movie iframe{position:absolute;top:0;left:0;width:100%;height:100%}}.movie-area.fadein .movie{animation:fadein-anime 1s ease forwards}.main{background:#fde516;padding:4rem 0 9rem}@media screen and (max-width:480px){.main{padding:2rem 0 3rem}}.main .cont01{position:relative}.main .cont01 h2{margin-left:3rem;position:relative;z-index:10}@media screen and (min-width:1350px){.main .cont01 h2{margin-left:calc(50% - 633px)}}@media screen and (max-width:1200px){.main .cont01 h2{margin-left:1rem}}.main .cont01 h2 span{display:block}.main .cont01 h2 span img{width:100%}.main .cont01 h2 span:first-child{opacity:0;max-width:581px}@media screen and (max-width:1200px){.main .cont01 h2 span:first-child{width:50%}}@media screen and (max-width:480px){.main .cont01 h2 span:first-child{width:63%}}.main .cont01 h2 span:nth-child(2){opacity:0;margin-top:-34px;max-width:775px}@media screen and (max-width:1200px){.main .cont01 h2 span:nth-child(2){width:70%;margin-top:-3%}}@media screen and (max-width:480px){.main .cont01 h2 span:nth-child(2){width:83%}}.main .cont01 h3{margin:12% auto 0;max-width:816px;width:95%;opacity:0}@media screen and (min-width:1350px){.main .cont01 h3{margin:10rem auto 0}}.main .cont01 h3 img{width:100%}.main .cont01 .cont01-icon{opacity:0;position:absolute;width:87%;right:-27%;top:-80px;max-width:1000px}@media screen and (min-width:1350px){.main .cont01 .cont01-icon{right:calc(50% - 870px);width:1000px}}@media screen and (max-width:480px){.main .cont01 .cont01-icon{top:-16%;right:-40%;width:103%}}.main .cont01 .cont01-icon img{max-width:100%}.main .cont01.fadein h2 span:first-child{animation:cont01-icon 0.5s ease forwards}.main .cont01.fadein h2 span:nth-child(2){animation:cont01-icon 0.5s ease 0.8s forwards}.main .cont01.fadein .cont01-icon{animation:fadein-anime 0.5s ease 1.5s forwards}.main .cont01.fadein h3{animation:cont01-sub 0.5s ease 2.2s forwards}.main .cont02 h2{max-width:1050px;margin:8% auto 0;opacity:0;transform:translateX(0)}@media screen and (min-width:1350px){.main .cont02 h2{margin:5rem auto 0}}.main .cont02 h2 img{width:100%}.main .cont02 h3{width:85%;margin:2rem auto 0;position:relative;max-width:950px}.main .cont02 h3 img{width:100%;position:relative;z-index:10}@media screen and (max-width:480px){.main .cont02 h3{width:93%;margin:1rem auto 0}}.main .cont02 h3:after{content:"";display:block;width:0;height:10px;background:#fff;position:absolute;bottom:0;left:0}.main .cont02-list{list-style:none;display:flex;align-items:flex-start;justify-content:center;margin:4rem 0 0;flex-wrap:wrap}@media screen and (min-width:1350px){.main .cont02-list{flex-wrap:nowrap}}@media screen and (max-width:480px){.main .cont02-list{justify-content:space-between;margin:1rem 0 0}}.main .cont02-list li img{max-width:100%}.main .cont02-list .item01{position:relative;width:37%;margin-right:4%}@media screen and (min-width:1350px){.main .cont02-list .item01{width:402px;margin-right:60px}}@media screen and (max-width:480px){.main .cont02-list .item01{margin-left:6%;order:1;margin-top:2rem;width:64%;margin-right:0}}.main .cont02-list .item01:before{content:"";display:block;position:absolute;height:100px;background:url(../img/main_icon02_txt.svg) no-repeat 0 0;background-size:100%;left:17%;width:66%;top:-4%;clip-path:inset(0 0 100% 0)}@media screen and (min-width:1350px){.main .cont02-list .item01:before{width:272px;left:89px;top:-19px}}.main .cont02-list .item02{width:56%;position:relative;max-width:670px}@media screen and (min-width:1350px){.main .cont02-list .item02{width:528px}}@media screen and (max-width:480px){.main .cont02-list .item02{margin-left:auto;margin-right:17px;order:0;width:84%}}.main .cont02-list .item02:before{width:37%;right:-2%;top:27%;content:"";display:block;height:125px;background:url(../img/main_icon03_txt.svg) no-repeat 0 0;background-size:100%;position:absolute;clip-path:inset(0 0 100% 0);max-width:243px}@media screen and (min-width:1350px){.main .cont02-list .item02:before{right:-76px;top:95px;width:243px}}.main .cont02.fadein h2{animation:cont01-icon 1s ease forwards}.main .cont02.fadein .cont02-list .item01:before{animation:clip-path-anime 0.5s ease 1s forwards}@media screen and (max-width:480px){.main .cont02.fadein .cont02-list .item01:before{animation:clip-path-anime 0.5s ease 1.5s forwards}}.main .cont02.fadein .cont02-list .item02:before{animation:clip-path-anime 0.5s ease 1.5s forwards}@media screen and (max-width:480px){.main .cont02.fadein .cont02-list .item02:before{animation:clip-path-anime 0.5s ease 1s forwards}}.main .cont02.fadein h3:after{animation:line-anime 0.5s ease 2s forwards}.main .cont03{opacity:0;background:#fff;max-width:1050px;margin:12rem auto 0;position:relative;padding:2rem 3rem;box-sizing:border-box;box-shadow:0 0 12px rgba(119,110,30,0.5);width:95%}@media screen and (max-width:1200px){.main .cont03{margin-top:25%}}@media screen and (max-width:480px){.main .cont03{margin-top:24%;padding:2rem 1rem}}.main .cont03 h2{width:528px;margin:-10rem auto 0}@media screen and (max-width:1200px){.main .cont03 h2{max-width:528px;width:71%;margin:-23% auto 0}}@media screen and (max-width:920px){.main .cont03 h2{width:58%}}@media screen and (max-width:480px){.main .cont03 h2{width:73%;margin-top:-31%}}.main .cont03 h2 img{width:100%}.main .cont03 p{font-size:28px;font-size:1.75rem;font-family:"Noto Sans JP",sans-serif;line-height:1.8}@media screen and (max-width:920px){.main .cont03 p{font-size:20px;font-size:1.25rem}}@media screen and (max-width:480px){.main .cont03 p{font-size:16px;font-size:1rem}}.main .cont03 p span{font-weight:bold;font-size:37px;font-size:2.3125rem}@media screen and (max-width:920px){.main .cont03 p span{font-size:30px;font-size:1.875rem}}@media screen and (max-width:480px){.main .cont03 p span{font-size:20px;font-size:1.25rem}}.main .cont03 .book-info-area{display:flex;align-items:center;justify-content:center}.main .cont03 .book-info-area img{max-width:100%}@media screen and (max-width:480px){.main .cont03 .book-info-area .about{width:71%}}.main .cont03 .book-info-area .about-book{width:250px;margin-left:34px}@media screen and (max-width:480px){.main .cont03 .book-info-area .about-book{width:26%;margin-left:3%}}.main .cont03 .book-info-area .about-book span{display:block;width:125px;margin:0 auto;margin-bottom:7px}@media screen and (max-width:480px){.main .cont03 .book-info-area .about-book span{width:89%}}.main .cont03 .book-info-area .about-book span img{width:100%}.main .cont03 .book-info-area .about-book>img{box-shadow:0 0 5px rgba(0,0,0,0.4)}.main .cont03.fadein{animation:cont01-sub 1s ease forwards}@keyframes clip-path-anime{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes line-anime{0%{width:0}to{width:100%}}.read-trial{background:url(../img/bg_img03.jpg) repeat 0 0;background-size:100%}.read-trial-inner{padding:4rem 0}.read-trial-inner h2{position:relative;margin:0 auto 3rem;max-width:600px;width:69%}@media screen and (max-width:480px){.read-trial-inner h2{margin-bottom:6%;width:77%}}.read-trial-inner h2 img{width:100%;margin-left:-30px}.read-trial-inner h2:before{content:"";display:block;background:url(../img/trial_icon.png) no-repeat 0 0;height:200px;background-size:100%;position:absolute;right:-109px;top:-49px;max-width:140px;width:27%;z-index:10}@media screen and (max-width:920px){.read-trial-inner h2:before{right:-21%}}@media screen and (max-width:480px){.read-trial-inner h2:before{right:-18%}}.read-trial-inner a{opacity:0;display:block;margin:0 auto;max-width:800px;padding:2rem 2.5rem;box-sizing:border-box;background:url(../img/trial_bg_img.jpg) no-repeat center;background-size:120%;border:solid 2px #000;border-radius:10px;box-shadow:0 0 30px rgba(76,2,2,0.4);text-align:center;width:95%}.read-trial-inner a:hover{opacity:0.6!important}@media screen and (max-width:480px){.read-trial-inner a{width:90%;padding:2rem 1rem}}.read-trial-inner a span{display:block;max-width:500px;width:100%;margin:0 auto 1rem}.read-trial-inner a span img{width:100%}.read-trial-inner a>img{max-width:100%;width:520px}.read-trial-inner.fadein a{animation:cont01-sub 1s ease forwards}.book-area{position:relative;background-color:#fff}.book-area *{box-sizing:border-box}.book-area-inner{transition:all 0.5s ease;padding:2rem 0;box-sizing:border-box;width:95%;max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;position:relative}@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:1rem 0 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 3rem;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:43%;max-width:450px;margin-right:2em;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}}.oyako_bnr{position:relative;margin:5rem auto 6rem}@media screen and (max-width:480px){.oyako_bnr{margin:3rem auto}}.oyako_bnr a{display:block;margin:0 auto;width:44vw;max-width:500px;padding:9px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15)}@media screen and (max-width:920px){.oyako_bnr a{width:55vw}}@media screen and (max-width:480px){.oyako_bnr a{width:74vw;padding:7px}}.oyako_bnr a img{max-width:100%}@media (hover:hover){.oyako_bnr a:hover{transition:opacity 0.5s ease;opacity:0.6}}