.image-container{overflow:hidden}a img:not(.header-title,.icon-image){transition:opacity 450ms,transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);object-fit:contain}@media screen and (max-width: 540px){a img:not(.header-title,.icon-image){transition:none}}a:hover img:not(.header-title,.icon-image,.no-hover){transform:scale(1.1)}@media screen and (max-width: 540px){a:hover img:not(.header-title,.icon-image,.no-hover){transform:none}}.article-categories-container{width:100%;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:repeat(4, 1fr);justify-content:space-between;row-gap:40px;column-gap:40px;margin-bottom:64px}@media screen and (max-width: 1130px){.article-categories-container{width:100%}}@media screen and (max-width: 841px){.article-categories-container{grid-template-columns:repeat(2, 1fr);row-gap:24px;margin-bottom:48px;column-gap:16px}.article-categories-container.sp-large{row-gap:40px}}.article-categories-container .category-item{min-width:0;display:flex;flex-direction:column;gap:16px;align-items:center}@media screen and (max-width: 540px){.article-categories-container .category-item{gap:0}}.article-categories-container .category-item__image{overflow:hidden;text-align:center;border-radius:50%}@media screen and (max-width: 540px){.article-categories-container .category-item__image{margin-bottom:12px}}.article-categories-container .category-item__image img{width:100%;height:100%;object-fit:cover;max-width:136px;max-height:136px}.article-categories-container .category-item__image img.sp-large{max-width:136px;max-height:136px}@media screen and (max-width: 540px){.article-categories-container .category-item__image img{max-width:80px;max-height:80px}}.article-categories-container .category-item__title{color:#6f6e6c;font-size:16px;letter-spacing:.96px;font-weight:400;line-height:150%;text-align:center;word-break:keep-all;flex:1;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 841px){.article-categories-container .category-item__title{flex:2}}@media screen and (max-width: 540px){.article-categories-container .category-item__title{font-size:14px;letter-spacing:.42px;margin-bottom:8px}}.article-categories-container .category-item__text{color:#6f6e6c;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:.36px;word-break:keep-all;max-width:180px}@media screen and (max-width: 540px){.article-categories-container .category-item__text{font-size:11px;line-height:150%;letter-spacing:.33px}}.section-nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:48px;row-gap:24px}.section-nav.narrow{column-gap:24px}@media screen and (max-width: 743px){.section-nav{column-gap:32px}.section-nav.narrow{column-gap:16px}}.section-nav .section-link{font-size:16px;font-style:normal;font-weight:400;line-height:150%;color:#36383a;padding-bottom:8px;min-width:24px;text-align:center;white-space:nowrap;flex-shrink:0;border-bottom:1px solid #6f6e6c}@media screen and (max-width: 743px){.section-nav .section-link{font-size:14px}}.section-nav .section-link.disabled{color:#a6a7a5;border-bottom:1px solid #e5e5e1}.section-nav.new{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:48px;row-gap:24px;background-color:#f2f2ec;padding:32px 24px}.section-nav.new.narrow{column-gap:24px}.section-nav.new.no-padding{padding:0}@media screen and (max-width: 743px){.section-nav.new{column-gap:32px}.section-nav.new.narrow{column-gap:16px}}.section-nav.new .section-link{color:#36383a;padding-bottom:8px;min-width:24px;text-align:center;white-space:nowrap;flex-shrink:0;border-bottom:1px solid #6f6e6c;font-size:16px;font-weight:400;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){.section-nav.new .section-link{font-size:14px}}.section-nav.new .section-link.disabled{color:#a6a7a5;border-bottom:1px solid #e5e5e1}.page-top-title-container{display:flex;flex-direction:column;row-gap:4px;margin-bottom:56px;margin-top:56px}@media screen and (max-width: 1024px){.page-top-title-container{margin-top:32px;margin-bottom:24px}}.page-top-title-container.with-description{margin-bottom:40px}@media screen and (max-width: 1024px){.page-top-title-container.with-description{margin-bottom:24px}}.page-top-title-container .sub{color:#36383a;text-align:center;font-size:16px;font-weight:500;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){.page-top-title-container .sub{font-size:14px}}.page-top-title-container .title{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}@media screen and (max-width: 540px){.page-top-title-container .title{flex-direction:column;align-content:center;align-items:center}}.page-top-description{width:100%;max-width:900px;margin-left:auto;margin-right:auto;margin-bottom:56px;color:#36383a;font-size:16px;font-weight:400;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){.page-top-description{font-size:14px}}@media screen and (max-width: 1024px){.page-top-description{margin-bottom:32px;width:100%}}h1.title,h1 .title{color:#36383a;text-align:center;font-size:32px;font-weight:500;line-height:1.5;letter-spacing:.03em}@media screen and (max-width: 1024px){h1.title,h1 .title{font-size:30px}}h1 .sub{color:#36383a;text-align:center;font-size:16px;font-weight:500;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){h1 .sub{font-size:14px}}.title.sub{color:#36383a;text-align:center;font-size:16px;font-weight:500;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){.title.sub{font-size:14px}}h2.title,h2 .title{color:#6f6e6c;text-align:center;font-size:24px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:.72px}@media screen and (max-width: 540px){h2.title,h2 .title{font-size:20px;letter-spacing:.6px}}h2.title.gray1,h2 .title.gray1{color:#36383a}h2.title.no-padding-top,h2 .title.no-padding-top{padding-top:0 !important}h2 .sub{color:#6f6e6c;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:.42px}h2 .sub.gray1{color:#36383a}h2 .sub.above{margin-bottom:10px}@media screen and (max-width: 540px){h2 .sub.above{margin-bottom:5px}}h2 .sub.under{margin-top:10px}@media screen and (max-width: 540px){h2 .sub.under{margin-bottom:5px}}h1.page-title,h1 .page-title{color:#36383a;font-size:32px;font-weight:500;line-height:1.5;letter-spacing:.03em}@media screen and (max-width: 1024px){h1.page-title,h1 .page-title{font-size:30px}}.section-title-container{display:flex;flex-direction:column;align-items:center;row-gap:4px}.section-title-container .section-title-sub{color:#36383a;text-align:center;font-size:16px;font-weight:400;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){.section-title-container .section-title-sub{font-size:14px}}.section-header{display:flex;flex-direction:column;align-items:center;row-gap:24px}h2.section-title,h2 .section-title{color:#36383a;text-align:center;font-size:28px;font-weight:500;line-height:1.5;letter-spacing:.03em}@media screen and (max-width: 1024px){h2.section-title,h2 .section-title{font-size:24px}}.section-description{color:#36383a;text-align:center;font-size:16px;font-weight:400;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){.section-description{font-size:14px}}h3.section-title{color:#36383a;text-align:center;font-size:22px;font-weight:500;line-height:1.5;letter-spacing:.03em}@media screen and (max-width: 1024px){h3.section-title{font-size:20px}}.base-section{padding-top:80px;padding-bottom:80px;display:flex;flex-direction:column;row-gap:56px}@media screen and (max-width: 1024px){.base-section{padding-top:56px;padding-bottom:56px}}@media screen and (max-width: 743px){.base-section{row-gap:48px}}.base-section.-tall-gap{row-gap:80px}@media screen and (max-width: 1024px){.base-section.-tall-gap{row-gap:56px}}.base-sub-section{display:flex;flex-direction:column;row-gap:24px}.article-top .recommended-tag-section{width:84vw;max-width:1210px;margin-left:auto;margin-right:auto}@media screen and (max-width: 1024px){.article-top .recommended-tag-section{width:calc(100% - 48px);margin-left:24px;margin-right:24px}}@media screen and (max-width: 743px){.article-top .recommended-tag-section{width:calc(100% - 48px);margin-left:24px;margin-right:24px}}.article-top .recommended-tag-section .recommended-tag-area{display:flex;justify-content:center;align-items:flex-start;align-content:flex-start;gap:16px 32px;flex-wrap:wrap}@media screen and (max-width: 841px){.article-top .recommended-tag-section .recommended-tag-area{gap:20px 24px}}.article-top .recommended-tag-section .recommended-tag-area .tag{color:#238ab6;font-size:14px;font-weight:400;line-height:100%;letter-spacing:.42px}@media screen and (min-width: 842px){.article-top .recommended-tag-section .recommended-tag-area .tag{font-size:16px;letter-spacing:.48px}}.article-top .recommended-tag-section .recommended-tag-area a.tag{position:relative;display:inline-block}.article-top .recommended-tag-section .recommended-tag-area a.tag::after{position:absolute;left:0;content:"";width:100%;height:1px;background:#238ab6;bottom:-1px;transform:scaleX(0);transform-origin:right top;transition:transform .3s}@media screen and (max-width: 540px){.article-top .recommended-tag-section .recommended-tag-area a.tag::after{display:none}}.article-top .recommended-tag-section .recommended-tag-area a.tag:hover::after{transform:scaleX(1);transform-origin:left top}@media screen and (max-width: 540px){.article-top .recommended-tag-section .recommended-tag-area a.tag:hover::after{transition:none}}.article-top .article-top-head{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;height:372px;position:relative;margin-left:auto;margin-right:auto;width:84vw;max-width:1210px}@media screen and (min-width: 744px)and (max-width: 1024px){.article-top .article-top-head{width:calc(100% - 48px);margin-left:24px;margin-right:24px}}@media screen and (max-width: 743px){.article-top .article-top-head{width:calc(100% - 48px);margin-left:24px;margin-right:24px}}@media screen and (min-width: 744px)and (max-width: 1024px){.article-top .article-top-head{height:305px}}@media screen and (max-width: 743px){.article-top .article-top-head{flex-direction:column;height:auto}}.article-top .article-top-head .article-top-image{position:absolute;right:0;width:50vw;height:100%;margin-right:calc(50% - 50vw)}@media screen and (max-width: 743px){.article-top .article-top-head .article-top-image{position:relative;width:100vw;height:243px;margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw)}}.article-top .article-top-head .article-top-image img{width:100%;height:100%;object-fit:cover;object-position:center top}.article-top .article-top-head .article-top-head-text{width:50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;row-gap:24px;padding-right:40px}@media screen and (max-width: 743px){.article-top .article-top-head .article-top-head-text{width:100%;padding-right:0;margin-top:24px;margin-bottom:24px}}.article-top .article-top-head .article-top-head-text h1{display:flex;flex-direction:row;flex-wrap:wrap;font-size:32px;font-weight:500;line-height:1.5;letter-spacing:.03em}@media screen and (max-width: 1024px){.article-top .article-top-head .article-top-head-text h1{font-size:30px}}.article-top .article-top-head .article-top-description{color:#6f6e6c;font-size:16px;font-weight:400;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){.article-top .article-top-head .article-top-description{font-size:14px}}.article-top .article-top-contents{width:84vw;max-width:1210px;max-width:1210px;margin-left:auto;margin-right:auto}@media screen and (max-width: 841px){.article-top .article-top-contents{width:calc(100% - 48px);margin-left:24px;margin-right:24px}}@media screen and (max-width: 540px){.article-top .article-top-contents{width:100vw;margin:initial}}.article-top .article-top-contents section{width:100%}@media screen and (max-width: 540px){.article-top .article-top-contents section{width:initial}}.article-top .article-top-contents .top-article-list{width:84vw;max-width:1210px;display:grid;grid-template-columns:repeat(3, 1fr);column-gap:5%;row-gap:32px;width:100%}@media screen and (max-width: 841px){.article-top .article-top-contents .top-article-list{grid-template-columns:repeat(2, 1fr)}.article-top .article-top-contents .top-article-list .article:nth-child(1){grid-column:span 2}}@media screen and (max-width: 540px){.article-top .article-top-contents .top-article-list{grid-template-columns:repeat(1, 1fr);margin-bottom:24px}.article-top .article-top-contents .top-article-list .article:nth-child(1){grid-column:span 1}}.article-top .article-top-contents .top-article-list .article{width:100%;display:flex;flex-direction:column}.article-top .article-top-contents .top-article-list .article__image{overflow:hidden}.article-top .article-top-contents .top-article-list .article__image.video{border-radius:12px}@media screen and (max-width: 540px){.article-top .article-top-contents .top-article-list .article__image.video{width:calc(100% - 48px);margin-left:24px;margin-right:24px}}.article-top .article-top-contents .top-article-list .article__image.video img{overflow:hidden}.article-top .article-top-contents .top-article-list .article__image img{width:100%;height:auto;object-fit:cover}.article-top .article-top-contents .top-article-list .article__image .video{box-sizing:border-box}.article-top .article-top-contents .top-article-list .article__content{display:flex;flex-direction:column;padding:20px 0px 24px;gap:16px}@media screen and (max-width: 540px){.article-top .article-top-contents .top-article-list .article__content{padding:16px 24px;gap:12px}}.article-top .article-top-contents .top-article-list .article__title{color:#36383a;font-size:18px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:.54px;padding-top:0;padding-bottom:0}.article-top .article-top-contents .top-article-list .article__category{color:#6f6e6c;font-size:12px;font-style:normal;font-weight:400;line-height:100%;letter-spacing:.36px}@media screen and (max-width: 841px){.article-top .article-top-contents .top-article-list .article__title{color:#36383a;font-size:16px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:.48px}}.article-top .article-top-contents .video-article-section .title{display:flex;align-items:center;justify-content:center;gap:8px}.article-top .article-top-contents .article-list-section .article-list-main{width:100%;margin-left:auto;margin-right:auto}.article-top .column{display:flex;flex-direction:column}.article-category-section{padding-top:24px}@media screen and (max-width: 540px){.article-category-section{width:calc(100% - 48px);margin-left:24px;margin-right:24px}}.article-category-section-text{color:#36383a;font-size:20px;letter-spacing:.6px}.article-category-section-sub-text{color:#6f6e6c;font-size:14px;letter-spacing:.42px;flex:1 0 0;font-weight:500;line-height:200%}.article-category-section .category-card-container{width:100%;display:grid;grid-template-columns:repeat(4, 1fr);column-gap:5%;row-gap:32px}@media screen and (max-width: 841px){.article-category-section .category-card-container{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 540px){.article-category-section .category-card-container{grid-template-columns:repeat(2, 1fr);width:calc(100% - 48px);margin-left:24px;margin-right:24px}}@media screen and (max-width: 540px)and (max-width: 380px){.article-category-section .category-card-container{grid-template-columns:repeat(2, 1fr)}}.article-category-section .category-card-container .category-card{width:100%;background-color:#fff;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;height:100%}.article-category-section .category-card-container .category-card__title{padding:40px 20px 24px;color:#6f6e6c;font-size:16px;font-style:normal;font-weight:500;line-height:150%;letter-spacing:.48px;display:flex;width:100%;flex-grow:1;align-items:center;justify-content:center}@media screen and (max-width: 841px){.article-category-section .category-card-container .category-card__title{padding:24px 20px 16px;font-size:14px;font-weight:500;letter-spacing:.42px}}.article-category-section .category-card-container .category-card__image{margin:0px 12px;overflow:hidden}.article-category-section .category-card-container .category-card__image img{width:100%;height:auto;object-fit:cover}.article-category-section .category-card-container .category-card__description{padding:24px 16px 28px;font-size:12px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:.36px}@media screen and (max-width: 841px){.article-category-section .category-card-container .category-card__description{padding:12px 8px 16px;font-size:11px;font-style:normal;font-weight:400;line-height:150%}}.article-tag-list-section{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch;margin-bottom:120px !important}@media screen and (max-width: 841px){.article-tag-list-section{margin-bottom:80px !important}}.editor-policy-section{margin-left:auto;margin-right:auto;width:84vw;max-width:1210px}@media screen and (min-width: 744px)and (max-width: 1024px){.editor-policy-section{width:calc(100% - 48px);margin-left:24px;margin-right:24px}}@media screen and (max-width: 743px){.editor-policy-section{width:calc(100% - 48px);margin-left:24px;margin-right:24px}}.editor-policy-section .editor-policy-container{max-width:900px;margin:auto;display:grid;background:#fff;grid-template-columns:repeat(2, 1fr)}@media screen and (max-width: 743px){.editor-policy-section .editor-policy-container{grid-template-columns:1fr}}.editor-policy-section .editor-policy-container .editor-policy-image{width:100%;height:100%;object-fit:cover}.editor-policy-section .editor-policy-container .editor-policy-text-container{padding:32px;gap:16px;display:flex;flex-direction:column}@media screen and (max-width: 743px){.editor-policy-section .editor-policy-container .editor-policy-text-container{padding:24px}}.editor-policy-section .editor-policy-container .editor-policy-text-container .section-title{text-align:left;font-size:22px;font-weight:500;line-height:1.5;letter-spacing:.03em}@media screen and (max-width: 1024px){.editor-policy-section .editor-policy-container .editor-policy-text-container .section-title{font-size:20px}}.editor-policy-section .editor-policy-container .editor-policy-text-container .editor-policy-text{font-size:16px;font-weight:400;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){.editor-policy-section .editor-policy-container .editor-policy-text-container .editor-policy-text{font-size:14px}}.editor-policy-section .editor-policy-container .editor-policy-text-container .button-text-link{align-self:flex-end;width:fit-content}.editor-policy-section .editor-policy-container:hover .button-text-link::after{transform:scaleX(1);transform-origin:left top}