@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&family=Roboto+Slab:wght@400&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,button{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;-webkit-text-size-adjust:100%}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;outline:none}input,textarea{-webkit-appearance:none;width:100%;padding:8px;border:0;border:1px #ccc solid;border-radius:4px;outline:none}input[type=radio],input[type=checbox]{-webkit-appearance:normal}input[type=submit]{background:none}button{-webkit-appearance:none;padding:0;border:0;background-color:rgba(0,0,0,0);outline:none}body{background-color:#fff;color:#111;font-family:"Noto Sans JP",sans-serif;font-optical-sizing:auto;font-weight:400;letter-spacing:.05em}input,textarea,button,select{font-family:"Noto Sans JP",sans-serif;font-weight:400}a{color:#111;transition:.3s}@media(hover: hover){a:hover{opacity:.7}}img{display:block;width:100%;height:auto}.all-wrapper{position:relative;overflow:hidden;padding-top:70px}.header{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;width:100%;height:70px;padding:0 1.5% 0 3%;border-bottom:1px solid #d0d0d0;background-color:#fff;z-index:10}@media all and (max-width:820px){.header{padding:0 15px}}.header__title{display:flex;align-items:center;gap:0 15px;width:360px}@media all and (max-width:820px){.header__title{gap:0 10px;width:80%}}.header__logo{width:150px;height:30px}@media all and (max-width:820px){.header__logo{width:120px;height:25px}}.header__logo a{display:block;-webkit-mask:url(../img/logo_arne.svg) no-repeat center center/contain;mask-image:url(../img/logo_arne.svg);mask-repeat:no-repeat;mask-position:center center;mask-size:contain;background-color:#111;font-size:0;height:100%;font-size:0}.header__catch{width:min(155px,36vw)}.header__nav{display:flex;justify-content:flex-end;align-items:center;gap:0 min(40px,2vw);width:min(650px,55vw)}.header__category{flex:1}@media all and (max-width:1080px){.header__category{display:none}}.header__category ul{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:15px min(40px,2vw)}.header__category li{flex-shrink:0;font-weight:500;font-size:.875rem}.header__menu{width:35px}.header__menu__icon{cursor:pointer}.header__menu__toggle{position:fixed;top:0;left:100%;z-index:100;overflow-y:scroll;width:100%;height:100%;padding:70px 0;background-color:#fff;transition:all .5s}@media all and (max-width:820px){.header__menu__toggle{padding:25px 0 50px}}.header__menu__container{width:min(1100px,90vw);margin:0 auto}.header__menu__title{display:flex;align-items:center;gap:0 min(15px,1.5vw);margin-bottom:120px}.header__menu__logo{width:min(250px,25vw);height:min(50px,5vw);-webkit-mask:url(../img/logo_arne.svg) no-repeat center center/contain;mask-image:url(../img/logo_arne.svg);mask-repeat:no-repeat;mask-position:center center;mask-size:contain;background-color:#111;font-size:0;font-size:0}@media all and (max-width:820px){.header__menu__logo{width:120px;height:25px}}.header__menu__catch{width:min(200px,22vw)}@media all and (max-width:820px){.header__menu__catch{display:none}}.header__menu__contents{display:flex;justify-content:center;gap:0 10%}@media all and (max-width:820px){.header__menu__contents{flex-direction:column;position:relative}}.header__menu-nav{width:54.5%}@media all and (max-width:820px){.header__menu-nav{width:100%}}.header__menu-nav-item{padding:18px 0;border-bottom:1px solid #d0d0d0}.header__menu-nav-item>a,.header__menu-nav-item>span{display:block;font-weight:600}@media all and (max-width:820px){.header__menu-nav-item>a,.header__menu-nav-item>span{font-size:.875rem}}.header__menu-nav-item>a{position:relative}.header__menu-nav-item>a::after{display:block;content:"";position:absolute;top:50%;right:min(10px,5%);translate:0 -50%;width:12px;height:12px;-webkit-mask:url(../img/arrow.svg) no-repeat center center/contain;mask-image:url(../img/arrow.svg);mask-repeat:no-repeat;mask-position:center center;mask-size:contain;background-color:#6da3d8}.header__menu-nav-item ul{display:flex;flex-wrap:wrap;gap:10px 25px;margin-top:15px}.header__menu-nav-item ul a{color:#828282;font-size:.813rem}@media all and (max-width:820px){.header__menu-nav-item ul a{font-size:.75rem}}.header__menu-nav-item ul a::before{display:inline-block;content:"-";scale:1.5 1;margin-right:5px}.header__menu.open .header__menu__toggle{left:0}.header__menu.open .header__menu__icon{position:fixed;top:25px;right:1.5%;width:30px;height:20px;-webkit-mask:none;mask-image:none;background-color:rgba(0,0,0,0);z-index:101}@media all and (max-width:820px){.header__menu.open .header__menu__icon{right:3vw}}.header__menu.open .header__menu__icon::before,.header__menu.open .header__menu__icon::after{display:block;content:"";position:absolute;top:9px;left:0;width:30px;height:2px;border-radius:1px;background-color:dimgray}.header__menu.open .header__menu__icon::before{rotate:25deg}.header__menu.open .header__menu__icon::after{rotate:-25deg}.header__menu.open .header__menu__icon img{opacity:0}.header__menu-side{flex:1}.header__search{position:relative}@media all and (max-width:820px){.header__search{position:absolute;top:-70px;left:0;width:100%}}.header__search input{padding:14px 14px 14px 50px;background-color:#f4f4f4;border:1px solid #d0d0d0;border-radius:2px;color:#a4a4a4;font-weight:500;font-size:.875rem}.header__search button{position:absolute;top:50%;left:20px;translate:0 -50%;width:18px;height:18px}.header__sns{display:flex;gap:0 25px;margin:50px 0;filter:brightness(0)}@media all and (max-width:820px){.header__sns{justify-content:center;margin:40px 0 50px}}.header__sns li{width:min(40px,8vw)}.header__links{display:flex;flex-direction:column;gap:12px;font-size:.813rem}@media all and (max-width:820px){.header__links{flex-direction:row;flex-wrap:wrap;justify-content:center;column-gap:40px}}@media all and (max-width:820px)and (max-width:520px){.header__links{justify-content:flex-start;column-gap:0}}@media all and (max-width:820px){.header__links li{flex-shrink:0;font-size:.6875rem}}@media all and (max-width:520px){.header__links li{width:50%}}.header.fixed{position:fixed;top:0;left:0;width:100%;height:70px;border-bottom:none;background-color:#fff;transition:.5s}.header.hide{translate:0 -100%}.footer{background-color:#212121}.footer a{color:#fff}.footer__inner{display:flex;justify-content:center;padding:60px 2%}@media all and (max-width:820px){.footer__inner{flex-direction:column}}.footer__logo{width:200px;height:40px;margin-right:min(140px,14vw)}@media all and (max-width:820px){.footer__logo{order:1;width:min(150px,40vw);height:min(33px,8.5vw);margin:0 auto}}.footer__logo a{display:block;height:100%;-webkit-mask:url(../img/logo_arne.svg) no-repeat center center/contain;mask-image:url(../img/logo_arne.svg);mask-repeat:no-repeat;mask-position:center center;mask-size:contain;background-color:#fff;font-size:0}.footer__nav{display:flex;justify-content:space-between;width:380px;margin-right:min(70px,7vw)}@media all and (max-width:820px){.footer__nav{flex-shrink:0;order:3;width:min(380px,92%);margin:0 auto}}.footer__nav ul{display:flex;flex-direction:column;gap:17px 0;width:47%;font-size:min(.875rem,3.7vw)}.footer__sns{width:120px}@media all and (max-width:820px){.footer__sns{order:2;margin:40px auto 50px}}.footer__sns ul{display:flex;justify-content:space-between;align-items:center}.footer__sns li{width:22%}.footer__sns li a{display:block}.footer__links ul{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 10px;padding:0 3%}.footer__links li{border-right:1px solid #fff;padding-right:10px;font-size:.813rem}@media all and (max-width:820px){.footer__links li{font-size:.75rem}}.footer__links li:last-child{border-right:none}.footer .copyright{padding:25px 0 35px;color:#828282;font-size:.75rem;text-align:center}@media all and (max-width:820px){.footer .copyright{padding-top:40px}}.main-wrap{display:flex;flex-direction:column;gap:70px 0;padding-bottom:150px}@media all and (max-width:820px){.main-wrap{gap:50px 0;padding-bottom:100px}}.box-wrap{position:relative;width:min(1300px,94%);margin:0 auto}.headline{margin-bottom:50px}@media all and (max-width:820px){.headline{margin-bottom:30px}}.headline__main{display:block;line-height:1.2;margin-bottom:15px;font-family:"Roboto Slab",sans-serif;font-optical-sizing:auto;font-weight:400;letter-spacing:0;font-size:50px}@media all and (max-width:820px){.headline__main{margin-bottom:5px;font-size:min(45px,7.5vw)}}@media all and (max-width:520px){.headline__main{font-size:min(35px,8.5vw)}}.headline__add{font-weight:600}@media all and (max-width:820px){.headline__add{padding-left:3px;font-size:.813rem}}.headline-subpage{line-height:1.4;padding-top:40px;font-weight:500;font-size:30px;font-feature-settings:"palt";letter-spacing:.08em}@media all and (max-width:820px){.headline-subpage{padding-top:25px;font-size:min(22px,6vw)}}.headline-underline{line-height:1.6;margin-bottom:30px;padding-bottom:20px;border-bottom:5px solid #111;font-weight:600;font-size:25px}@media all and (max-width:820px){.headline-underline{margin-bottom:20px;padding-bottom:10px;border-width:4px;font-size:1.25rem}}.article__list{display:flex;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:35px 0}@media all and (max-width:820px){.article__list{row-gap:max(20px,3.5vw)}}.article__item{position:relative;display:flex;flex-direction:column;width:33.3%;padding:0 4% 35px;border-bottom:1px solid #d0d0d0}@media all and (max-width:820px){.article__item{width:50%;justify-content:space-between;flex-direction:column;padding-bottom:20px}}.article__item::after{content:"";position:absolute;top:0;right:0;width:1px;height:calc(100% - 35px);background-color:#d0d0d0}@media all and (max-width:820px){.article__item::after{height:calc(100% - 20px)}}@media all and (min-width: 820px){.article__item:nth-child(3n):after{display:none}}@media all and (max-width:820px){.article__item:nth-child(odd){padding-left:0}.article__item:nth-child(odd)::after{display:block}.article__item:nth-child(odd) .article__new{right:12%}.article__item:nth-child(even){padding-right:0}.article__item:nth-child(even)::after{display:none}.article__item:nth-child(even) .article__new{right:10px}}.article__pic{position:relative;z-index:1;overflow:hidden;margin-bottom:12px}.article__pic img{aspect-ratio:325/244;object-fit:cover;border-radius:12px}@media all and (max-width:1080px){.article__pic img{border-radius:min(8px,1.7vw)}}.article__text{display:flex;flex-direction:column;flex-grow:1;padding-bottom:40px}@media all and (max-width:820px){.article__text{flex:1;position:relative;padding-bottom:35px}}.article__text .article__date{display:flex;justify-content:flex-start;align-items:center;gap:0 10px;position:absolute;bottom:40px;left:12%}@media all and (max-width:820px){.article__text .article__date{bottom:5px;left:0}}.article__text .article__tags{gap:5px;margin-top:15px}.article__text .article__tags a{padding:2px 10px 4px;border-radius:12px;font-size:.6875rem}@media all and (max-width:520px){.article__text .article__tags a{padding:0px 5px 2px;font-size:.625rem}}.article__text .article__title{line-height:normal;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media all and (max-width:1080px){.article__text .article__title{font-size:.875rem}}@media all and (max-width:820px){.article__text .article__title{margin-top:8px !important}}.article__category{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:3px 10px;font-size:.831rem;letter-spacing:.06em}@media all and (max-width:1080px){.article__category{font-size:.75rem}}@media all and (max-width:820px){.article__category{font-size:.6875rem !important}}.article__category a{color:#828282}.article__category.vertical{position:absolute;top:0;left:calc(6% - 6px);text-orientation:upright;writing-mode:vertical-rl}@media all and (max-width:820px){.article__category.vertical{position:static;text-orientation:unset;writing-mode:unset}}.article__category.vertical a{color:#111}@media all and (max-width:820px){.article__category.vertical a{color:#828282}}.article__tags{display:flex;flex-wrap:wrap;align-items:flex-start}.article__tags a{display:block;line-height:normal;border:1px solid #d0d0d0;font-weight:500;letter-spacing:.02em}.article__date{display:flex;justify-content:flex-start;align-items:center;gap:0 10px;color:#828282;font-size:.831rem}@media all and (max-width:1080px){.article__date{font-size:.75rem}}@media all and (max-width:820px){.article__date{font-size:.6875rem !important}}.article__new{position:absolute;top:-14px;right:14%;padding:8px 13px;border-radius:3px;background-color:#6da3d8;color:#fff;font-weight:600;font-size:.813rem;z-index:2}@media all and (max-width:820px){.article__new{top:-12px;padding:5px 8px;font-size:.6875rem}}.article__photo{width:min(675px,100%);padding-top:10px;margin:0 auto 30px}.article__photo img{border-radius:12px;overflow:hidden}.article__photo__caption{margin-top:5px;color:#828282;font-size:.75rem}@media all and (max-width:820px){.article__photo__caption{font-size:.6875rem !important}}.PR{display:inline-block;line-height:1;padding:2px 5px;border:1px solid #6da3d8;border-radius:2px;color:#6da3d8}.share-btn__wrap{display:flex;align-items:center;gap:0 50px;margin-top:40px}@media all and (max-width:820px){.share-btn__wrap{margin-top:30px}}.share-btn{display:flex;align-items:center;gap:20px;filter:brightness(0)}.share-btn li{width:30px}.search__description{display:flex;flex-direction:column;gap:15px 0;line-height:1.7;margin:20px 0 20px;font-size:.938rem}@media all and (max-width:820px){.search__description{font-size:.813rem}}.search__description strong{color:#6da3d8;font-weight:600;font-size:1.125rem;font-feature-settings:"palt"}@media all and (max-width:820px){.search__description strong{font-size:1rem}}.search__hits{padding:25px 0 30px;border-bottom:1px solid #d0d0d0}@media all and (max-width:520px){.search__hits{padding:25px 0 15px;font-size:.875rem}}.search__navigation{display:flex;justify-content:center}@media all and (max-width:520px){.search__navigation{margin-top:20px}}.search__navigation .nav-links{display:flex;align-items:center;gap:30px}.search__navigation .page-numbers{font-size:1.125rem}@media all and (max-width:520px){.search__navigation .page-numbers{font-size:1rem}}.search__navigation .page-numbers.current{color:#6da3d8;font-weight:600}.search__navigation .page-numbers.prev,.search__navigation .page-numbers.next{width:16px;height:16px;background:url(../img/arrow.svg) no-repeat center center/cover;font-size:0}.search__navigation .page-numbers.prev{scale:-1 -1}.writer{position:relative;margin-top:30px}.writer .headline{margin:0 auto 80px}@media all and (max-width:820px){.writer .headline{margin-bottom:60px}}.writer__list{position:relative}.writer .swiper{width:min(1120px,95%);margin:0 auto}@media all and (max-width:820px){.writer .swiper{overflow:visible}}.writer .swiper-slide{position:relative}.writer .swiper-prev,.writer .swiper-next{position:absolute;top:50%;translate:0 -50%;width:2vw;height:2vw;border-top:1px solid #111;border-right:1px solid #111;rotate:45deg;z-index:4;cursor:pointer}@media all and (max-width:820px){.writer .swiper-prev,.writer .swiper-next{display:none}}.writer .swiper-prev{left:10px;scale:-1 -1}.writer .swiper-next{right:10px}.writer__pic{width:68.75%;max-width:110px;margin:0 auto 10px;border-radius:50%;overflow:hidden}@media all and (max-width:520px){.writer__pic{width:74.5%}}.writer__name{line-height:1.4;color:#828282;font-weight:500;font-size:.75rem;text-align:center}@media all and (max-width:820px){.writer__name{font-size:min(.6875rem,2.5vw)}}.writer .btn-normal{position:absolute;top:50px;right:0}@media all and (max-width:820px){.writer .btn-normal{position:static;margin:40px auto 0}}.btn-normal{width:280px}@media all and (max-width:1080px){.btn-normal{width:200px}}@media all and (max-width:820px){.btn-normal{width:min(300px,100%)}}.btn-normal a{display:block;position:relative;padding:13px 0 17px;border:1px solid #111;border-radius:30px;font-weight:600;font-size:1.125rem;text-align:center}@media all and (max-width:1080px){.btn-normal a{padding:11px 0 14px;font-size:.938rem}}.btn-normal a::after{display:block;content:"";position:absolute;top:50%;right:min(10px,5%);translate:0 -50%;width:16px;height:16px;background:url(../img/arrow.svg) no-repeat center center/cover}@media all and (max-width:1080px){.btn-normal a::after{width:12px;height:12px}}.btn-normal{transition:.3s}@media(hover: hover){.btn-normal:hover{translate:0 -5px}}/*# sourceMappingURL=base.css.map */