@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@700&display=swap");body{font-family:"Zen Maru Gothic",-apple-system,BlinkMacSystemFont,"segoe ui","游ゴシック体","yu gothic",meiryo,Roboto,sans-serif;position:relative}img{pointer-events:none}@keyframes fadein{to{opacity:1;transform:translateY(0)}}header{box-sizing:border-box;position:relative;padding:0;padding:4rem 0 7rem;background:#afd7e3;background-size:26%;min-height:50vw}@media screen and (max-width:920px){header{background-size:48%;min-height:auto;padding:4rem 0 2rem}}@media screen and (max-width:480px){header{background-size:76%;padding:2rem 0 4rem}}header .icon{position:relative;width:50vw;margin:5rem auto 0;max-width:40rem}@media screen and (max-width:920px){header .icon{width:55vw}}@media screen and (max-width:768px){header .icon{width:70vw}}@media screen and (max-width:480px){header .icon{width:78vw;margin-top:4rem}}header .icon img{max-width:100%;margin-left:1.5rem}header h1{width:64vw;max-width:1182px;order:1;z-index:10;margin:0 auto;transition:all ease 0.5s}header h1 svg{width:100%}header h1 svg #parts1,header h1 svg #parts2{opacity:0}header h1 svg #parts1{animation:top-h1 1s ease-in-out 1.5s forwards}header h1 svg #parts2{animation:top-h1 1s ease-in-out 2.5s forwards}@media screen and (max-width:1400px){header h1{width:75vw}}@media screen and (max-width:920px){header h1{width:82vw}}@media screen and (max-width:480px){header h1{width:90vw}}header h1 img{width:100%}header h2{order:0;width:18vw;max-width:332px;opacity:0;filter:blur(50);animation:top-h1 0.8s ease-in-out 3s forwards;transition:all ease 0.5s;margin:13.5vw auto 0}@media screen and (min-width:1855px){header h2{margin-top:16.5rem}}@media screen and (max-width:1200px){header h2{width:23vw;margin-top:19.5vw}}@media screen and (max-width:920px){header h2{width:27vw;margin-top:19.5vw}}@media screen and (max-width:480px){header h2{width:39vw;margin-top:22.5vw}}header h2 img{width:100%}header .top-icon{opacity:0;transform:scale(0.9);position:absolute;width:46vw;animation:top-h1 1.5s ease forwards;left:23vw;top:24vw;transition:all ease 0.5s;max-width:850px}@media screen and (min-width:1855px){header .top-icon{left:calc(50% - 483px);top:27rem}}@media screen and (max-width:1400px){header .top-icon{width:53vw;left:19vw;top:28vw}}@media screen and (max-width:1200px){header .top-icon{width:58vw;left:17vw;top:29vw}}@media screen and (max-width:920px){header .top-icon{width:63vw;left:13vw;top:32.5vw}}@media screen and (max-width:768px){header .top-icon{top:35.5vw}}@media screen and (max-width:480px){header .top-icon{width:66vw;left:11vw;top:36vw}}header .top-icon img{max-width:100%}@keyframes icon{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes yure02{0%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(0,-7px) rotate(3deg)}to{transform:translate(0,0) rotate(0deg)}}@keyframes yure02-sp{0%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(0,-3px) rotate(1.5deg)}to{transform:translate(0,0) rotate(0deg)}}@keyframes top-h1{to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes main-icon-anime01{25%{transform:translate(0px,-10px) rotate(-10deg)}50%{transform:translate(0px,0px) rotate(0deg)}75%{transform:translate(0px,10px) rotate(10deg)}to{transform:translate(0px,0px) rotate(0deg)}}.lead-area{position:relative;padding-top:7vw;background:#afd7e3}.lead-area-inr{padding:5rem 0 0;display:flex;justify-content:center}@media screen and (max-width:480px){.lead-area-inr{padding:1rem 0px}}.lead-area-inr .lead01,.lead-area-inr .lead02,.lead-area-inr .lead03,.lead-area-inr .lead04,.lead-area-inr .lead05{opacity:0;transform:translateY(10px)}.lead-area-inr .lead01 img,.lead-area-inr .lead02 img,.lead-area-inr .lead03 img,.lead-area-inr .lead04 img,.lead-area-inr .lead05 img{width:100%}.lead-area-inr .lead{padding-left:8rem}@media screen and (max-width:1300px){.lead-area-inr .lead{padding-left:4vw}}@media screen and (max-width:768px){.lead-area-inr .lead{padding-left:3vw}}.lead-area-inr .lead01{width:22vw;max-width:383px}@media screen and (max-width:768px){.lead-area-inr .lead01{width:27vw}}@media screen and (max-width:480px){.lead-area-inr .lead01{width:33vw}}.lead-area-inr .lead02{width:31vw;max-width:536px;margin:6vw 0}@media screen and (max-width:768px){.lead-area-inr .lead02{width:38vw}}@media screen and (max-width:480px){.lead-area-inr .lead02{width:45vw}}.lead-area-inr .lead03{width:23.4vw;max-width:432px}@media screen and (max-width:768px){.lead-area-inr .lead03{width:28.4vw}}@media screen and (max-width:480px){.lead-area-inr .lead03{width:34.4vw}}.lead-area-inr .lead04{width:39.4vw;margin:9vw 0 2vw;max-width:728px}@media screen and (max-width:768px){.lead-area-inr .lead04{width:48.4vw}}@media screen and (max-width:480px){.lead-area-inr .lead04{width:59.4vw;margin-bottom:3vw}}.lead-area-inr .lead04:after{content:"";display:block;width:100%;height:1.5vw;background:url(../img/line.svg) no-repeat 0 0;background-size:100%;clip-path:inset(0 100% 0 0)}.lead-area-inr .lead05{width:46.4vw;max-width:728px}@media screen and (max-width:768px){.lead-area-inr .lead05{width:56.4vw}}@media screen and (max-width:480px){.lead-area-inr .lead05{width:68.4vw}}.lead-area-inr .lead05:after{content:"";display:block;width:100%;height:1.5vw;background:url(../img/line.svg) no-repeat 0 0;background-size:100%;clip-path:inset(0 100% 0 0)}.lead-area-inr .icon{display:flex;align-items:flex-start;margin:-12vw 4vw 0 2vw}@media screen and (max-width:768px){.lead-area-inr .icon{margin:-12vw 4vw 0 -8vw}}@media screen and (max-width:480px){.lead-area-inr .icon{margin:-19vw 0 0 -19vw}}.lead-area-inr .icon .icon01{width:19vw;animation:yure 2s ease-in-out infinite alternate;transform:translate(0,-4px);max-width:350px}@media screen and (max-width:1300px){.lead-area-inr .icon .icon01{width:23vw}}@media screen and (max-width:480px){.lead-area-inr .icon .icon01{width:26vw}}.lead-area-inr .icon .icon01 img{max-width:100%}.lead-area-inr .icon .icon02{width:19vw;margin-top:40vw;margin-left:-6vw;max-width:350px}@media screen and (max-width:1300px){.lead-area-inr .icon .icon02{width:23vw}}@media screen and (max-width:480px){.lead-area-inr .icon .icon02{width:26vw;margin-left:-9vw;margin-top:47vw}}.lead-area-inr .icon .icon02 img{max-width:100%}.lead-area-inr .lead.fadein .lead01{animation:m-icon-anime 2s ease forwards}.lead-area-inr .lead.fadein .lead02{animation:m-icon-anime 2s ease 1s forwards}.lead-area-inr .lead.fadein .lead03{animation:m-icon-anime 2s ease 2s forwards}.lead-area-inr .lead.fadein .lead04{animation:m-icon-anime 1.5s ease 3s forwards}.lead-area-inr .lead.fadein .lead04:after{animation:clip-path-anime 1s linear 4s forwards}.lead-area-inr .lead.fadein .lead05{animation:m-icon-anime 1.5s ease 3s forwards}.lead-area-inr .lead.fadein .lead05:after{animation:clip-path-anime 1s linear 4s forwards}.lead-area .icon03{width:32vw;margin:5vw auto 0;max-width:591px;position:relative}.lead-area .icon03:before{opacity:0;content:"";display:block;width:23vw;height:16vw;max-width:335px;position:absolute;background:url(../img/icon03_c01.png) 0 0 no-repeat;left:-26vw;top:10%;transform:rotate(-9deg) translateY(10px);background-size:100%;transition:all 1.5s ease-in-out 0.5s}.lead-area .icon03:after{opacity:0;content:"";display:block;width:22vw;height:17vw;max-width:350px;position:absolute;background:url(../img/icon03_c02.png) 0 0 no-repeat;right:-26vw;top:10%;transform:rotate(6deg) translateY(10px);background-size:100%;transition:all 1.5s ease-in-out 1s}@media screen and (max-width:480px){.lead-area .icon03{width:41vw}}.lead-area .icon03 img{max-width:100%}.lead-area .icon03.fadein:after,.lead-area .icon03.fadein:before{opacity:1}.lead-area .icon03.fadein:before{transform:rotate(-9deg) translateY(0)}.lead-area .icon03.fadein:after{transform:rotate(6deg) translateY(0)}@keyframes clip-path-anime{to{clip-path:inset(0)}}@keyframes m-icon-anime{to{opacity:1;transform:translateY(0)}}@keyframes yure{0%{transform:translate(0,-4px) rotate(-2deg)}to{transform:translate(0,0) rotate(2deg)}}@keyframes yure-sp{0%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(0,-3px) rotate(-1.5deg)}to{transform:translate(0,0) rotate(0deg)}}.comment-area{padding-top:9vw;background:#afd7e3;padding-bottom:4vw;position:relative}.comment-area:after{content:"";display:block;width:100%;height:48vw;border-radius:100%;position:absolute;bottom:-25vw;background:#afd7e2}.comment-area-inr{position:relative;overflow:hidden}.comment-area-inr .comment-bg-icon02,.comment-area-inr .comment-bg-icon03,.comment-area-inr .comment-bg-icon04,.comment-area-inr .comment-bg-icon05{width:34vw;position:absolute;height:25vw;opacity:0;transition:all 1.5s ease 2s}@media screen and (max-width:480px){.comment-area-inr .comment-bg-icon02,.comment-area-inr .comment-bg-icon03,.comment-area-inr .comment-bg-icon04,.comment-area-inr .comment-bg-icon05{width:45vw}}.comment-area-inr .comment-bg-icon02 img,.comment-area-inr .comment-bg-icon03 img,.comment-area-inr .comment-bg-icon04 img,.comment-area-inr .comment-bg-icon05 img{max-width:100%;opacity:0.2}@media screen and (max-width:480px){.comment-area-inr .comment-bg-icon02 img,.comment-area-inr .comment-bg-icon03 img,.comment-area-inr .comment-bg-icon04 img,.comment-area-inr .comment-bg-icon05 img{opacity:0.1}}.comment-area-inr .comment-bg-icon02{top:6rem;left:-10%}@media screen and (max-width:480px){.comment-area-inr .comment-bg-icon02{top:9rem}}.comment-area-inr .comment-bg-icon03{width:20vw;top:6rem;right:-10%}@media screen and (max-width:480px){.comment-area-inr .comment-bg-icon03{width:35vw;top:11rem}}.comment-area-inr .comment-bg-icon04{bottom:10rem;right:-10%}@media screen and (max-width:480px){.comment-area-inr .comment-bg-icon04{bottom:5rem}}.comment-area-inr .comment-bg-icon05{width:20vw;bottom:10rem;left:-10%}@media screen and (max-width:480px){.comment-area-inr .comment-bg-icon05{width:35vw;bottom:6rem}}.comment-area-inr h2{width:25vw;margin:0 auto 5vw;max-width:462px}@media screen and (max-width:480px){.comment-area-inr h2{width:45vw}}.comment-area-inr h2 img{width:100%}.comment-area-inr .comment-box-wrap{display:flex;justify-content:center;flex-wrap:wrap;position:relative;z-index:10;max-width:2010px;margin:0 auto}.comment-area-inr .comment-box-wrap .comment-box{background:url(../img/comment_bg.png) no-repeat;background-size:100%;display:flex;box-sizing:border-box;padding:3.5vw;align-items:center;opacity:0;transform:scale(0.5)}.comment-area-inr .comment-box-wrap .comment-box img{width:100%;flex-shrink:0}.comment-area-inr .comment-box-wrap .comment-box.box01{width:28vw;height:28vw;margin:0 5%;max-width:517px}@media screen and (max-width:480px){.comment-area-inr .comment-box-wrap .comment-box.box01{width:39vw;height:39vw;margin:0 3%}}.comment-area-inr .comment-box-wrap .comment-box.box02{width:28vw;height:28vw;margin:0 5%;max-width:517px}@media screen and (max-width:480px){.comment-area-inr .comment-box-wrap .comment-box.box02{width:39vw;height:39vw;margin:0 3%}}.comment-area-inr .comment-box-wrap .comment-box.box03{width:21vw;height:21vw;margin:2% 5% 0;max-width:388px}@media screen and (max-width:480px){.comment-area-inr .comment-box-wrap .comment-box.box03{width:27vw;height:27vw;margin:8% 1% 0}}.comment-area-inr .comment-box-wrap .comment-box.box04{width:31vw;height:31vw;margin:9% 0 5%;padding:5vw;max-width:572px}@media screen and (max-width:480px){.comment-area-inr .comment-box-wrap .comment-box.box04{width:36vw;height:36vw;margin:18% 0 5%}}.comment-area-inr .comment-box-wrap .comment-box.box05{width:22vw;height:22vw;margin:2% 5% 0;max-width:406px}@media screen and (max-width:480px){.comment-area-inr .comment-box-wrap .comment-box.box05{width:27vw;height:27vw;margin:8% 1% 0}}.comment-area.fadein .comment-area-inr .comment-box-wrap .box01{animation:comment-anime 0.5s ease forwards,yure02 3s linear infinite alternate}.comment-area.fadein .comment-area-inr .comment-box-wrap .box02{animation:comment-anime 0.5s ease 0.5s forwards,yure02 3s linear 1.5s infinite alternate}.comment-area.fadein .comment-area-inr .comment-box-wrap .box03{animation:comment-anime 0.5s ease 1s forwards,yure02 3s linear 2s infinite alternate}.comment-area.fadein .comment-area-inr .comment-box-wrap .box04{animation:comment-anime 0.5s ease 1.5s forwards,yure02 3s linear infinite alternate}.comment-area.fadein .comment-area-inr .comment-box-wrap .box05{animation:comment-anime 0.5s ease 2s forwards,yure02 3s linear 2.5s infinite alternate}.comment-area.fadein .comment-area-inr .comment-bg-icon02{opacity:1;left:0}.comment-area.fadein .comment-area-inr .comment-bg-icon05{opacity:1;left:40px}@media screen and (max-width:480px){.comment-area.fadein .comment-area-inr .comment-bg-icon05{left:0}}.comment-area.fadein .comment-area-inr .comment-bg-icon03,.comment-area.fadein .comment-area-inr .comment-bg-icon04{opacity:1;right:0}.comment-area .comment-icon{width:35vw;margin:0 auto;position:relative;z-index:10;max-width:646px}@media screen and (max-width:480px){.comment-area .comment-icon{width:49vw}}.comment-area .comment-icon img{max-width:100%}@keyframes comment-anime{to{opacity:1;transform:scale(1)}}@keyframes yure02{0%,to{transform:translatey(0)}45%{transform:translatey(-5px)}}.book-area{position:relative;background:#79aab6;width:85%;max-width:1600px;padding:10px;margin:0 auto 7rem;box-shadow:0 0 15px rgba(0,0,0,0.2);opacity:0;transform:translateY(10px)}@media screen and (max-width:480px){.book-area{padding:5px;width:90%;margin:0 auto 5rem}}.book-area *{box-sizing:border-box}.book-area-inner{box-sizing:border-box;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:flex-start}.book-area-inner-wrap{padding:4rem 0;margin:0 auto;position:relative;z-index:10;background:#fff}@media screen and (max-width:920px){.book-area-inner-wrap{padding:3rem 0}}@media screen and (max-width:480px){.book-area-inner-wrap{padding:2rem 0}}.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:40%;max-width:520px;margin-right:1%;flex-shrink:0;z-index:10}@media screen and (max-width:920px){.book-area-inner-book{width:80%;margin-right:0}}@media screen and (max-width:480px){.book-area-inner-book{margin:0 auto 1rem;max-width:280px;width:80%}}.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:47%;color:#000;padding:0 3% 3%;z-index:0;position:relative;box-sizing:border-box}@media screen and (min-width:921px){.book-area-inner-detail{width:49%;max-width:750px;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% 2% 3%}}.book-area-inner-title{font-size:40px;font-size:2.5rem;line-height:1.2}@media screen and (max-width:920px){.book-area-inner-title{max-width:420px;margin:0 auto}}@media screen and (max-width:480px){.book-area-inner-title{font-size:30px;font-size:1.875rem;line-height:1.2;text-align:center}}@media screen and (max-width:375px){.book-area-inner-title{font-size:28px;font-size:1.75rem}}.book-area-inner-title span{display:inline-block}@media screen and (max-width:480px){.book-area-inner-title span{display:block}}.book-area-inner-writer{font-size:22px;font-size:1.375rem;margin-top:1.5rem;line-height:1.4}@media screen and (max-width:920px){.book-area-inner-writer{font-size:20px;font-size:1.25rem;max-width:420px;margin:1.5rem auto}}@media screen and (max-width:480px){.book-area-inner-writer{font-size:16px;font-size:1rem;margin-top:1.2rem;text-align:center}}.book-area-inner-writer span{display:inline-block;margin-right:1rem}.book-area-inner-txt{line-height:1.8;margin-top:1.5rem}@media screen and (max-width:920px){.book-area-inner-txt{max-width:420px;margin:1.5rem auto}}@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{max-width:420px;margin:1.5rem auto}}.book-area-inner-info span{display:block;line-height:1.8;font-size:13px;font-size:0.8125rem}.book-area.fadein{animation:top-h1 1.5s ease forwards}.book_sotre_list{margin:1.5rem 0 0;max-width:575px;list-style:none;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:flex-start}@media screen and (max-width:920px){.book_sotre_list{max-width:420px;width:100%;margin:3rem auto 0}}@media screen and (max-width:480px){.book_sotre_list{justify-content:space-between;margin-top:2rem;max-width:none}}.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:46%}}@media screen and (max-width:768px){.book_sotre_list li{width:44%}}@media screen and (max-width:480px){.book_sotre_list li{width:48%;margin:0 0 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}}.book_sotre_list li:nth-child(7),.book_sotre_list li:nth-child(8){margin-bottom:0}.oyako_bnr{position:relative;margin:5rem auto 6rem}@media screen and (max-width:480px){.oyako_bnr{margin:0rem auto 4rem}}.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}}