  ﻿.l-header__gnav,.l-header__menu-toggler{display:none !important}.l-navigation{position:relative;background-color:#fff;position:absolute;left:0;width:100%;z-index:100;border-bottom:1px solid #ededed}@media only screen and (min-width: 768px){.l-navigation{top:59px}}.is-scrolled .l-navigation{position:fixed;top:0}.is-scrolled.is-scroll-back .l-navigation{position:fixed;top:59px}.l-navigation img{display:block}.l-navigation .nav-top{position:relative;display:flex;justify-content:space-between;align-items:center}@media only screen and (min-width: 768px){.l-navigation .nav-top{height:82px;padding:0 30px 0 40px}}@media only screen and (max-width: 767px){.l-navigation .nav-top{height:68px;padding:0 20px}}@media only screen and (min-width: 768px){.l-navigation .nav-logo{max-width:232px}}@media only screen and (max-width: 767px){.l-navigation .nav-logo{max-width:190px}}.l-navigation .nav-logo svg{width:100%;height:auto;display:block}.l-navigation .nav-content{position:absolute;top:100%;left:0;width:100%;height:0;overflow:hidden;background-color:#faf7df}@media only screen and (min-width: 768px){.l-navigation .nav-content__inner{padding:25px 0}}@media only screen and (max-width: 767px){.l-navigation .nav-content__inner{padding:16px 40px}}.l-navigation .l-navigation__list{margin-right:auto;margin-left:auto;height:auto}@media only screen and (min-width: 768px){.l-navigation .l-navigation__list{max-width:500px}}@media only screen and (min-width: 768px){.l-navigation .l-navigation__list .l-navigation__list_item{margin:24px 0}}@media only screen and (max-width: 767px){.l-navigation .l-navigation__list .l-navigation__list_item{margin:24px 0}}.l-navigation .l-navigation__list .l-navigation__list_item .l-navigation__list_link{text-decoration:none;display:flex;align-items:center;letter-spacing:.03em}@media only screen and (min-width: 768px){.l-navigation .l-navigation__list .l-navigation__list_item .l-navigation__list_link{line-height:180%;font-size:18px}}@media only screen and (max-width: 767px){.l-navigation .l-navigation__list .l-navigation__list_item .l-navigation__list_link{line-height:200%;font-size:15px}}.l-navigation .l-navigation__list .l-navigation__list_item .l-navigation__list_link::before{content:"";font-family:"nisshin" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;left:0;color:#e60021;font-size:14px;margin-right:10px}.l-navigation .l-navigation__list+.l-navigation__list{border-top:1px solid #d9d9d9}.l-navigation .toggle-button{position:relative;width:30px;height:22px;z-index:100;background-color:rgba(0,0,0,0);border:none;cursor:pointer;outline:none;padding:0;appearance:none;transition:opacity .2s ease}@media only screen and (min-width: 768px){.l-navigation .toggle-button{width:40px;height:28px}}@media only screen and (max-width: 767px){.l-navigation .toggle-button{width:36px;height:26px}}.l-navigation .toggle-button:hover{opacity:.7}.l-navigation .toggle-button span{display:block;width:100%;height:3px;border-radius:3px;background:#e60021;position:absolute;transform-origin:50% 50%;transition:all .3s ease}.l-navigation .toggle-button span:nth-child(1){top:0}.l-navigation .toggle-button span:nth-child(2){top:50%;translate:0 -50%}.l-navigation .toggle-button span:nth-child(3){bottom:0}.l-navigation.open .toggle-button span:nth-child(1){transform:rotate(45deg);top:43%}.l-navigation.open .toggle-button span:nth-child(2){opacity:0}.l-navigation.open .toggle-button span:nth-child(3){transform:rotate(-45deg);bottom:44%}@media only screen and (min-width: 768px){html{padding-top:59px}}.l-main{padding:0}.l-main>*{max-width:none;margin:0}.l-main>:last-child{margin-bottom:0}.l-container{margin:0}.l-container img{width:100%;height:auto;vertical-align:bottom}.l-topicpath{top:79px}.l-topicpath ul{padding:0 40px}.m-content-section{overflow:hidden}@media only screen and (min-width: 768px){.m-content-section{padding-top:130px}}@media only screen and (max-width: 767px){.m-content-section{padding-top:82px}}@media only screen and (min-width: 768px){.p-knowledge_title-wrap{max-width:1040px;width:100%;margin:0 auto}}.p-knowledge_title-wrap .p-knowledge_title-box{background-color:#fff}@media only screen and (min-width: 768px){.p-knowledge_title-wrap .p-knowledge_title-box{position:absolute;width:320px;z-index:1;padding:12px 32px 16px}}@media only screen and (max-width: 767px){.p-knowledge_title-wrap .p-knowledge_title-box{display:flex;flex-direction:column;align-items:center;padding:13px 32px 16px}}@media only screen and (min-width: 768px){.p-knowledge_title-wrap .p-knowledge_title{width:251px}}@media only screen and (max-width: 767px){.p-knowledge_title-wrap .p-knowledge_title{width:58.8957055215%}}.p-knowledge_title-wrap .p-knowledge_text{margin-top:4px;letter-spacing:.05em}@media only screen and (max-width: 767px){.p-knowledge_title-wrap .p-knowledge_text{margin-top:9px;font-size:15px}}.m-carousel{text-align:center}@media only screen and (min-width: 768px){.m-carousel{margin-right:auto;margin-left:auto;max-width:680px}}@media only screen and (max-width: 767px){.m-carousel{margin-top:5px}}.m-carousel button{background-color:rgba(0,0,0,0);border:none;cursor:pointer;outline:none;padding:0;appearance:none}.m-carousel .slick-list{overflow:visible}.m-carousel .m-carousel_item{transition:opacity .1s ease-out;opacity:.5}@media only screen and (min-width: 768px){.m-carousel .m-carousel_item{width:600px;margin:0 20px}}@media only screen and (max-width: 767px){.m-carousel .m-carousel_item{width:100vw}}.m-carousel .m-carousel_item.slick-center{opacity:1}.m-carousel .m-carousel_item.slick-current,.m-carousel .m-carousel_item:has(+.slick-current){transition:opacity .1s ease-out}.m-carousel .slick-arrow{position:absolute;font-size:0;line-height:0;z-index:10}@media only screen and (min-width: 768px){.m-carousel .slick-arrow{top:158px}}@media only screen and (max-width: 767px){.m-carousel .slick-arrow{top:calc(50% - 36px)}}.m-carousel .slick-arrow::before{content:"";font-family:"nisshin" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;color:#e60021;font-size:33px}.m-carousel .slick-prev{left:0;transform:rotate(-180deg)}.m-carousel .slick-next{right:0}@media only screen and (min-width: 768px){.m-carousel .slick-next{top:173px}}@media only screen and (max-width: 767px){.m-carousel .slick-next{top:calc(50% - 21px)}}.m-carousel .slick-dots{display:inline-flex;position:relative;left:-12px}@media only screen and (min-width: 768px){.m-carousel .slick-dots{margin-top:20px;column-gap:10px}}@media only screen and (max-width: 767px){.m-carousel .slick-dots{margin-top:18px;column-gap:10px}}.m-carousel .slick-dots li{width:8px;height:8px;border-radius:50%;background-color:#d9d9d9}.m-carousel .slick-dots li.slick-active{background-color:#e60021}.m-carousel .slick-dots button{font-size:0;line-height:0}.m-carousel .m-carousel_button_play{position:absolute;left:auto;width:12px;aspect-ratio:1/1;background-color:rgba(0,0,0,0);border:none;cursor:pointer;outline:none;padding:0;appearance:none;background-repeat:no-repeat;background-size:contain;font-size:0;color:rgba(0,0,0,0)}@media only screen and (min-width: 768px){.m-carousel .m-carousel_button_play{bottom:20px}}@media only screen and (max-width: 767px){.m-carousel .m-carousel_button_play{bottom:16px}}.m-carousel .m-carousel_button_play[data-play=true]{background-image:url(/thebaseoflife/assets/img/icon_carousel_stop.svg)}.m-carousel .m-carousel_button_play[data-play=false]{background-image:url(/thebaseoflife/assets/img/icon_carousel_play.svg)}.m-carousel .m-carousel_item{position:relative}.m-carousel .p-carousel-link{text-decoration:none;transition:opacity .2s ease-out}.m-carousel .p-carousel-link:hover{text-decoration:none;opacity:.7}.m-carousel .p-carousel-link:hover .p-carousel-tag{color:#222}.m-carousel .p-carousel-info{width:100%;text-align:left;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);position:absolute;bottom:0;left:0;min-height:50%}@media only screen and (min-width: 768px){.m-carousel .p-carousel-info{padding:35px 30px 20px}}@media only screen and (max-width: 767px){.m-carousel .p-carousel-info{display:flex;justify-content:flex-end;flex-direction:column;padding:10px 20px}.m-carousel .p-carousel-info .p-carousel-title{order:2}.m-carousel .p-carousel-info .p-carousel-tags{order:1}}.m-carousel .p-carousel-title{line-height:160%;letter-spacing:.05em;color:#fff}@media only screen and (min-width: 768px){.m-carousel .p-carousel-title{font-size:22px}}@media only screen and (max-width: 767px){.m-carousel .p-carousel-title{margin-top:7px;line-height:163%;font-size:15px}}.m-carousel .p-carousel-tags{display:flex;flex-wrap:wrap}@media only screen and (min-width: 768px){.m-carousel .p-carousel-tags{margin-top:12px;gap:6px}}@media only screen and (max-width: 767px){.m-carousel .p-carousel-tags{margin-top:14px;gap:5px}}.m-carousel .p-carousel-tags .p-carousel-tag{line-height:1}@media only screen and (min-width: 768px){.m-carousel .p-carousel-tags .p-carousel-tag{background-color:#ededed;font-size:14px;padding:9px 14px;border-radius:40px}}@media only screen and (max-width: 767px){.m-carousel .p-carousel-tags .p-carousel-tag{background-color:#ededed;font-size:12px;padding:6px 10px 7px;border-radius:40px}}.m-carousel .p-button{margin-right:auto;margin-left:auto}@media only screen and (min-width: 768px){.m-carousel .p-button{margin-top:40px}}@media only screen and (max-width: 767px){.m-carousel .p-button{margin-top:30px}}.m-knowledge-list_wrap{background-color:#fcfbef}@media only screen and (min-width: 768px){.m-knowledge-list_wrap{margin-top:18px}}@media only screen and (max-width: 767px){.m-knowledge-list_wrap{margin-top:12px}}@media only screen and (min-width: 768px){.m-knowledge-list_wrap-inner{padding:40px 20px 60px}}@media only screen and (max-width: 767px){.m-knowledge-list_wrap-inner{padding:30px 20px 60px}}.m-knowledge-list_3col{width:100%;margin:0 auto;display:flex;flex-wrap:wrap}@media only screen and (min-width: 768px){.m-knowledge-list_3col{flex-direction:row;max-width:1040px;column-gap:2%;row-gap:38px}}@media only screen and (max-width: 767px){.m-knowledge-list_3col{flex-direction:column;column-gap:0;row-gap:30px}}.m-knowledge-list_3col .m-knowledge-list_3col-link{text-decoration:none;transition:opacity .2s ease-out}@media only screen and (max-width: 767px){.m-knowledge-list_3col .m-knowledge-list_3col-link{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}}.m-knowledge-list_3col .m-knowledge-list_3col-link:hover{text-decoration:none;opacity:.7}.m-knowledge-list_3col .m-knowledge-list_3col-link:hover .p-knowledge-list_3col-text{color:#222}.m-knowledge-list_3col .m-knowledge-list_3col-link:hover .p-knowledge-list_tag{color:#222}.m-knowledge-list_3col .m-knowledge-list_3col-item{height:auto}@media only screen and (min-width: 768px){.m-knowledge-list_3col .m-knowledge-list_3col-item{width:32%}}@media only screen and (max-width: 767px){.m-knowledge-list_3col .m-knowledge-list_3col-item{width:100%}}@media only screen and (min-width: 768px){.m-knowledge-list_3col .p-knowledge-list_3col-img{max-height:191px;width:100%}}@media only screen and (max-width: 767px){.m-knowledge-list_3col .p-knowledge-list_3col-img{width:45.7%;height:auto}}@media only screen and (max-width: 767px){.m-knowledge-list_3col .p-knowledge-list_3col-texts{width:50.85%}}@media only screen and (min-width: 768px){.m-knowledge-list_3col .p-knowledge-list_3col-text{margin-top:11px;line-height:1.6;letter-spacing:.05em}}@media only screen and (max-width: 767px){.m-knowledge-list_3col .p-knowledge-list_3col-text{font-size:15px;line-height:1.65;letter-spacing:.03em}}.m-knowledge-list_3col .p-knowledge-list_tags{display:flex;flex-direction:row;flex-wrap:wrap}@media only screen and (min-width: 768px){.m-knowledge-list_3col .p-knowledge-list_tags{gap:8px;margin-top:10px;margin-left:2px}}@media only screen and (max-width: 767px){.m-knowledge-list_3col .p-knowledge-list_tags{gap:7px;margin-top:4px;margin-left:1px}}.m-knowledge-list_3col .p-knowledge-list_tag{font-size:12px;border-radius:30px;background-color:#ededed}@media only screen and (min-width: 768px){.m-knowledge-list_3col .p-knowledge-list_tag{padding:3px 9px}}@media only screen and (max-width: 767px){.m-knowledge-list_3col .p-knowledge-list_tag{padding:2px 9px 1px}}.l-wrapper .l-footer__pagetop{position:sticky;bottom:45px;z-index:1}
