.reco-section{margin:0 auto}@media(min-width:320px){.reco-section{width:95%}}@media(min-width:768px){.reco-section{max-width:840px;margin-top:3.5rem}}@media(min-width:320px)and (max-width:767.98px){.reco-section{margin-top:2rem}}.reco-section__title{text-align:center;font-weight:700;color:#22323a}@media(min-width:768px){.reco-section__title{font-size:2.5rem}}@media(min-width:320px)and (max-width:767.98px){.reco-section__title{font-size:1.75rem}}.reco-section__cards{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch}@media(min-width:768px){.reco-section__cards{margin-top:2.4375rem;gap:2.5rem}}@media(min-width:320px)and (max-width:767.98px){.reco-section__cards{margin-top:1.75rem;gap:.75rem}}.reco-section__card{flex:1 1;transition:opacity .3s ease;color:#22323a}.reco-section__card:hover{opacity:.7}@media(min-width:320px)and (max-width:767.98px){.reco-section__card{height:161px}}.reco-section__card-content{position:relative;height:100%;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center;display:flex;flex-direction:column;align-items:center;border-radius:1rem}@media(min-width:768px){.reco-section__card-content{padding:30px 70px}}@media(min-width:768px)and (max-width:1023.98px){.reco-section__card-content{padding:30px 40px}}@media(min-width:320px)and (max-width:767.98px){.reco-section__card-content{padding:20px 5px}.reco-section__card-content--jp{padding-left:5px;padding-right:5px}}.reco-section__card-title{font-weight:700}@media(min-width:768px){.reco-section__card-title{font-size:1.125rem}}@media(min-width:320px)and (max-width:767.98px){.reco-section__card-title{font-size:.875rem}}@media(min-width:768px){.reco-section__card-image{margin-top:1.875rem}}@media(min-width:320px)and (max-width:767.98px){.reco-section__card-image{margin-top:.75rem}}.reco-section__card-icon{position:absolute}@media(min-width:768px){.reco-section__card-icon{top:85%;right:3%}}@media(min-width:320px)and (max-width:767.98px){.reco-section__card-icon{top:80%;right:3%}}@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+TC:wght@100..900&family=Noto+Sans+SC:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Zen+Kaku+Gothic+New:wght@400;700&display=swap";.kobo-splide__track{padding-top:1rem;padding-bottom:1rem}.kobo-splide .splide__pagination{bottom:-2em}@media(min-width:320px)and (max-width:640px){.kobo-splide .splide__pagination{position:unset;margin:1rem auto 0}.kobo-splide .splide__arrows{display:none}}@media(min-width:768px)and (max-width:1023.98px){.kobo-splide .splide__arrows{display:none}}.kobo-splide .splide__arrow.splide__arrow--next,.kobo-splide .splide__arrow.splide__arrow--prev{width:50px;height:50px;left:-1.5em;top:51.5%;background-color:rgba(0,0,0,0);border:1px solid #d1d1d1}@media(min-width:640px){.kobo-splide .splide__arrow.splide__arrow--next,.kobo-splide .splide__arrow.splide__arrow--prev{background-color:#fff}}.kobo-splide .splide__arrow.splide__arrow--next{right:-1.5em;left:auto;background-color:#fff}@media(min-width:320px)and (max-width:768px){.kobo-splide .splide__arrow.splide__arrow--next{width:28px;height:56px;right:0}.kobo-splide .splide__arrow.splide__arrow--prev{width:28px;height:56px;left:0}}.kobo-en-splide .splide__pagination,.kobo-map-splide .splide__pagination{display:flex!important;bottom:-2em}@media(min-width:320px)and (max-width:768px){.kobo-en-splide .splide__pagination,.kobo-map-splide .splide__pagination{bottom:-1em}}.kobo-en-splide .splide__pagination__page,.kobo-map-splide .splide__pagination__page{background:#9cb1d6}.kobo-en-splide .splide__pagination__page.is-active,.kobo-map-splide .splide__pagination__page.is-active{background:#0b41a0}.kobo-en-splide .splide__arrow,.kobo-map-splide .splide__arrow{background:none}@media(min-width:320px)and (max-width:768px){.kobo-en-splide .splide__arrow,.kobo-map-splide .splide__arrow{background:none}}.kobo-en-splide .splide__arrow.splide__arrow--next,.kobo-map-splide .splide__arrow.splide__arrow--next{width:50px;height:50px;right:-1.5em;top:51.5%}@media(min-width:320px)and (max-width:768px){.kobo-en-splide .splide__arrow.splide__arrow--next,.kobo-map-splide .splide__arrow.splide__arrow--next{display:block}}.kobo-en-splide.youtube .splide__pagination,.kobo-map-splide.youtube .splide__pagination{left:0;bottom:-1.3em}.kobo-en-splide.youtube .splide__arrow.splide__arrow--next,.kobo-map-splide.youtube .splide__arrow.splide__arrow--next{display:block}@media(min-width:320px)and (max-width:768px){.kobo-en-splide .splide__slide.is-active .focus-overlay,.kobo-map-splide .splide__slide.is-active .focus-overlay{display:none}}.splide__pagination .splide__pagination__page{background:#98c6da;opacity:.4;width:10px;height:10px}.splide__pagination .splide__pagination__page.is-active{opacity:1;background:#0076ab;transform:scale(1)}.kobo-splide--promo .splide__pagination .splide__pagination__page{background:#fff;opacity:.4}.kobo-splide--promo .splide__pagination .splide__pagination__page.is-active{opacity:1;background:#fff}.yt-section{position:relative;overflow:hidden;z-index:1;background-size:cover;background-position:top;padding-bottom:60px}@media(min-width:768px){.yt-section{background-image:url(/images/content/img_youtube_bg_pc.png);margin-top:-90px;padding-top:3.5rem}}@media(min-width:320px)and (max-width:767.98px){.yt-section{background-image:url(/images/content/img_youtube_bg_sp.png);margin-top:-35px;padding-top:2rem}}.yt-section__wrapper{max-width:1160px;margin:0 auto}.yt-section__title{text-align:center;font-size:30px;font-weight:600;color:#22323a}@media(min-width:320px)and (max-width:767.98px){.yt-section__title{margin-bottom:16px;font-size:26px}}@media(min-width:768px){.yt-section__title{margin-bottom:24px;font-size:30px}}.yt-section__carousel{margin-top:2rem;margin-bottom:.5rem}.yt-section__slide{position:relative;width:100%;height:100%;cursor:pointer;transition:opacity .3s ease-in-out}.yt-section__slide:hover{opacity:.7}.yt-section__overlay{position:absolute;inset:0;background-color:#000;opacity:.5;border-radius:.5rem}@media(min-width:768px){.yt-section__overlay{display:none}}.yt-section__link{display:block}.yt-section__image{width:100%;height:100%;object-fit:cover}@media(min-width:768px){.yt-section__image{max-width:370px}}@media(min-width:320px)and (max-width:767.98px){.yt-section__image{max-width:264px}}.splide__slide .yt-section__overlay{display:block}.splide__slide.is-active .yt-section__overlay{display:none}