﻿/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0;min-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:bold}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=number]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:bold}body{font-family:"ヒラギノ角ゴシック ProN","Hiragino Kaku Gothic ProN","Hiragino Sans","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","游ゴシック体","Yu Gothic",YuGothic,sans-serif;background-color:#f1efee;font-weight:300}.header-wrapper{width:100%;display:flex;justify-content:center}.header-wrapper .header-container{display:flex;justify-content:space-between;align-items:center}.header-wrapper .header-container__logo{display:flex;align-items:center}.header-wrapper .header-container__logo img{width:100%;height:auto}@media(max-width: 768px){.header-wrapper .header-container{width:100%;height:50px;padding:0 24px}.header-wrapper .header-container__logo{width:183px}}@media(min-width: 768px){.header-wrapper .header-container{height:80px;width:794px;padding:0 32px}.header-wrapper .header-container__logo{width:292px}}.nav-wrapper{width:100%;display:flex;justify-content:center;background-color:#b25900}.nav-wrapper .nav-container{display:block}.nav-wrapper .nav-container .nav__item{color:#fff;font-weight:300;display:inline}.nav-wrapper .nav-container .nav__item:after{content:">";display:inline-block;padding:0 6px 0 10px;font-weight:300;color:#fff}.nav-wrapper .nav-container .nav__item:last-child{white-space:normal;min-width:0}.nav-wrapper .nav-container .nav__item:last-child:after{display:none}.nav-wrapper .nav-container .nav__item--link{text-decoration:underline}.nav-wrapper .nav-container .nav__item-arrow{margin:0 5px}@media(max-width: 768px){.nav-wrapper .nav-container{width:100%;padding:13px 24px}.nav-wrapper .nav-container .nav__item{font-size:11px;line-height:13px}.nav-wrapper .nav-container .nav__list{line-height:13px}}@media(min-width: 768px){.nav-wrapper{margin-bottom:32px}.nav-wrapper .nav-container{min-height:47px;height:auto;width:794px;padding:16px 32px}.nav-wrapper .nav-container .nav__item{font-size:15px;line-height:17px}.nav-wrapper .nav-container .nav__list{line-height:17px}}.main-wrapper{width:100%;display:flex;justify-content:center}.main-wrapper .main-container{background-color:#fff}.main-wrapper .main-container .title-container{color:#b25900;font-weight:700;font-family:"M PLUS Rounded 1c",sans-serif}.main-wrapper .main-container .article-list-container li{border-bottom:1px solid #d8d4cf}.main-wrapper .main-container .article-list-container li:first-child{border-top:1px solid #d8d4cf}.main-wrapper .main-container .article-list-container .article-list-item-container{display:flex;justify-content:space-between}.main-wrapper .main-container .article-list-container .article-list-item-container .article-list-item__info{color:#7b7065;font-weight:300;width:60%}.main-wrapper .main-container .article-list-container .article-list-item-container .article-list-item__info .article-list-item-title{color:#b25900;font-weight:700;font-family:"M PLUS Rounded 1c",sans-serif}.main-wrapper .main-container .article-list-container .article-list-item-container .article-list-item__info .article-list-item-time{color:#7b7065}.main-wrapper .main-container .article-list-container .article-list-item-container .article-list-item__eyecatch{width:35%}.main-wrapper .main-container .article-list-container .article-list-item-container .article-list-item__eyecatch img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:4px}.main-wrapper .main-container .pagination-container ul{display:flex;justify-content:center}.main-wrapper .main-container .pagination-container ul .pagination__item{width:36px;height:36px}.main-wrapper .main-container .pagination-container ul .pagination__item a,.main-wrapper .main-container .pagination-container ul .pagination__item span{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;font-family:"M PLUS Rounded 1c",sans-serif}.main-wrapper .main-container .pagination-container ul .pagination__item--active{background-color:#b25900;border-radius:18px;color:#fff}.main-wrapper .main-container .category-container{display:flex;align-items:center}.main-wrapper .main-container .category-container .category-label{background-color:#dc7004;height:18px;color:#fff;padding:0 12px;border-radius:12px;font-size:12px;align-items:center;display:flex;margin-right:10px}.main-wrapper .main-container .category-container .updated-date{color:#000;font-size:13px;line-height:18px}.main-wrapper .main-container .eyecatch-container img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center}.main-wrapper .main-container .toc-container{background-color:#f1efee;padding:16px}.main-wrapper .main-container .toc-container .toc-title{font-weight:600;margin-bottom:16px;color:#7b7065}.main-wrapper .main-container .toc-container .toc-list{padding-left:12px}.main-wrapper .main-container .toc-container .toc-list li a{color:#3c84e2;text-decoration:underline;line-height:18px;font-size:13px}@media(max-width: 768px){.main-wrapper .main-container{width:100%;padding:24px}.main-wrapper .main-container .title-container{font-size:20px;padding-bottom:16px}.main-wrapper .main-container .article-list-container .article-list-item-container{padding:16px 0}.main-wrapper .main-container .article-list-container .article-list-item-container .article-list-item__info .article-list-item-title{font-size:15px;padding-bottom:12px}.main-wrapper .main-container .article-list-container .article-list-item-container .article-list-item__info .article-list-item-time{font-size:11px}.main-wrapper .main-container .pagination-container{padding-top:16px}.main-wrapper .main-container .category-container{padding-bottom:16px}.main-wrapper .main-container .eyecatch-container{margin-bottom:16px}.main-wrapper .main-container .toc-container{margin-bottom:16px}.main-wrapper .main-container .toc-container .toc-title{font-size:12px}.main-wrapper .main-container .article-list-wrapper__mobile{padding-top:38px;margin-bottom:24px}.main-wrapper .banner-mobile-container{width:100%}.main-wrapper .banner-mobile-container a{display:block;width:100%;height:auto}.main-wrapper .banner-mobile-container a img{width:100%}.main-wrapper .banner-mobile-container--flush-top{padding-top:0}.display-pc{display:none}}@media(min-width: 768px){.main-wrapper{padding-bottom:32px}.main-wrapper .main-container{width:794px;padding:24px;border-radius:8px}.main-wrapper .main-container .title-container{font-size:26px;padding-bottom:24px}.main-wrapper .main-container .article-list-container .article-list-item-container{padding:24px 0}.main-wrapper .main-container .article-list-container .article-list-item-container .article-list-item__info .article-list-item-title{font-size:22px;padding-bottom:24px}.main-wrapper .main-container .article-list-container .article-list-item-container .article-list-item__info .article-list-item-time{font-size:13px}.main-wrapper .main-container .pagination-container{padding-top:24px}.main-wrapper .main-container .category-container{padding-bottom:24px}.main-wrapper .main-container .eyecatch-container{margin-bottom:16px}.main-wrapper .main-container .toc-container{margin-bottom:24px}.main-wrapper .main-container .toc-container .toc-title{font-size:13px}.banner-pc-wrapper{width:100%;display:flex;justify-content:center}.banner-pc-wrapper .banner-pc-container{width:794px;padding-bottom:32px}.banner-pc-wrapper .banner-pc-container a{display:block;width:100%;height:auto}.banner-pc-wrapper .banner-pc-container a img{width:100%}.display-mobile{display:none}}.main-wrapper .main-container .article-container p,.main-wrapper .main-container .article-container span,.main-wrapper .main-container .article-container li{color:#38332e !important;line-height:1.5}.main-wrapper .main-container .article-container h2,.main-wrapper .main-container .article-container h3,.main-wrapper .main-container .article-container h4{display:flex;align-items:center}.main-wrapper .main-container .article-container h3,.main-wrapper .main-container .article-container h4,.main-wrapper .main-container .article-container strong{font-weight:600}.main-wrapper .main-container .article-container h2{background-color:#b25900;color:#fff !important;font-family:"M PLUS Rounded 1c",sans-serif;font-weight:700;width:100%;border-radius:4px}.main-wrapper .main-container .article-container h3{border-left:5px solid #dc7004;padding-left:12px;font-weight:600;color:#38332e !important}.main-wrapper .main-container .article-container h4{color:#38332e !important}.main-wrapper .main-container .article-container strong{background:linear-gradient(transparent 60%, #fcec94 60%)}.main-wrapper .main-container .article-container a{color:#3c84e2 !important;text-decoration:underline}.main-wrapper .main-container .article-container ul{list-style:none;padding-left:1em}.main-wrapper .main-container .article-container ul li{position:relative;padding-left:.3em}.main-wrapper .main-container .article-container ul li::before{content:"・";position:absolute;left:-1em;top:.2em}.main-wrapper .main-container .article-container ol{list-style:decimal;list-style-position:outside;padding-left:1em}.main-wrapper .main-container .article-container ol li{padding-left:.3em}.main-wrapper .main-container .article-container ol li::marker{content:counter(list-item) "."}.main-wrapper .main-container .article-container blockquote{position:relative;padding:24px;border:3px solid;border-radius:8px;border-color:#d1d6dd}.main-wrapper .main-container .article-container blockquote::before{position:absolute;content:"";background-image:url("../../images/magazine/quote.svg");background-repeat:no-repeat;background-size:contain;width:30px;height:30px;top:-16px;left:16px}.main-wrapper .main-container .article-container blockquote::after{position:absolute;content:"";background-image:url("../../images/magazine/quote.svg");background-repeat:no-repeat;background-size:contain;width:30px;height:30px;bottom:-16px;right:16px;transform:rotate(180deg)}.main-wrapper .main-container .article-container blockquote p:last-child{margin-bottom:0}.main-wrapper .main-container .article-container figure img{width:100%;height:auto}.main-wrapper .main-container .article-container .article__app-store-link,.main-wrapper .main-container .article-container .article__external-link{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.main-wrapper .main-container .article-container .article__app-store-link button a,.main-wrapper .main-container .article-container .article__external-link button a{display:flex;justify-content:center;align-items:center;text-align:center;color:#fff !important;background-color:#3c84e2;padding:18px;border-radius:14px;text-decoration:none;font-family:"M PLUS Rounded 1c",sans-serif;font-weight:700;font-size:18px}.main-wrapper .main-container .article-container .article__internal-link{display:flex;text-decoration:none;width:100%;border:1px solid #d1d6dd;border-radius:8px;text-decoration:none}.main-wrapper .main-container .article-container .article__internal-link .internal-link__content{width:70%;font-size:14px;display:flex;flex-direction:column;justify-content:space-between}.main-wrapper .main-container .article-container .article__internal-link .internal-link__content:has(.internal-link-text:only-child){justify-content:center}.main-wrapper .main-container .article-container .article__internal-link .internal-link__content .internal-link-text{font-size:14px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.main-wrapper .main-container .article-container .article__internal-link .internal-link__content .internal-link-sub-text{font-size:11px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.main-wrapper .main-container .article-container .article__internal-link .internal-link__eyecatch{width:30%}.main-wrapper .main-container .article-container .article__internal-link .internal-link__eyecatch img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0 8px 8px 0}@media(max-width: 768px){.main-wrapper .main-container .article-container p,.main-wrapper .main-container .article-container h2,.main-wrapper .main-container .article-container h3,.main-wrapper .main-container .article-container h4,.main-wrapper .main-container .article-container ul,.main-wrapper .main-container .article-container ol,.main-wrapper .main-container .article-container blockquote,.main-wrapper .main-container .article-container .article__app-store-link,.main-wrapper .main-container .article-container .article__external-link,.main-wrapper .main-container .article-container .article__internal-link,.main-wrapper .main-container .article-container .supervisor-container,.main-wrapper .main-container .article-container .editor-container,.main-wrapper .main-container .article-container figure img{margin-bottom:16px}.main-wrapper .main-container .article-container p,.main-wrapper .main-container .article-container span,.main-wrapper .main-container .article-container li{font-size:15px}.main-wrapper .main-container .article-container h2{font-size:18px;padding:14px 14px}.main-wrapper .main-container .article-container h3{font-size:18px;line-height:27px}.main-wrapper .main-container .article-container h4{font-size:16px;line-height:27px}.main-wrapper .main-container .article-container .article__app-store-link button,.main-wrapper .main-container .article-container .article__app-store-link button a,.main-wrapper .main-container .article-container .article__external-link button,.main-wrapper .main-container .article-container .article__external-link button a{width:100%}.main-wrapper .main-container .article-container .article__internal-link{height:92px}.main-wrapper .main-container .article-container .article__internal-link .internal-link__content{padding:25px 16px}}@media(min-width: 768px){.main-wrapper .main-container .article-container p,.main-wrapper .main-container .article-container h2,.main-wrapper .main-container .article-container h3,.main-wrapper .main-container .article-container h4,.main-wrapper .main-container .article-container ul,.main-wrapper .main-container .article-container ol,.main-wrapper .main-container .article-container blockquote,.main-wrapper .main-container .article-container .article__app-store-link,.main-wrapper .main-container .article-container .article__external-link,.main-wrapper .main-container .article-container .article__internal-link,.main-wrapper .main-container .article-container .supervisor-container,.main-wrapper .main-container .article-container .editor-container,.main-wrapper .main-container .article-container figure img{margin-bottom:24px}.main-wrapper .main-container .article-container p,.main-wrapper .main-container .article-container span,.main-wrapper .main-container .article-container li{font-size:16px}.main-wrapper .main-container .article-container h2{font-size:22px;padding:17px 14px}.main-wrapper .main-container .article-container h3{font-size:20px;line-height:27px}.main-wrapper .main-container .article-container h4{font-size:18px;line-height:27px}.main-wrapper .main-container .article-container .article__internal-link{height:118px}.main-wrapper .main-container .article-container .article__internal-link .internal-link__content{padding:37px 16px}}.main-wrapper .main-container .article-metadata-container h2{display:flex;align-items:center;background-color:#b25900;color:#fff !important;font-family:"M PLUS Rounded 1c",sans-serif;font-weight:700;width:100%;border-radius:4px}.main-wrapper .main-container .article-metadata-container .supervisor-container{display:flex;background-color:#f1efee;border-radius:4px;width:100%;padding:15px}.main-wrapper .main-container .article-metadata-container .supervisor-container .supervisor__image{width:40px;margin-right:15px}.main-wrapper .main-container .article-metadata-container .supervisor-container .supervisor__image img{width:40px;height:40px;border-radius:4px;object-fit:cover;object-position:center}.main-wrapper .main-container .article-metadata-container .supervisor-container .supervisor__info{flex:1}.main-wrapper .main-container .article-metadata-container .supervisor-container .supervisor__info .supervisor-info__title{font-size:15px;color:#7b7065 !important;margin-bottom:8px;line-height:1.5}.main-wrapper .main-container .article-metadata-container .supervisor-container .supervisor__info .supervisor-info__profile{font-size:12px;color:#7b7065 !important;margin-bottom:0;line-height:1.5}.main-wrapper .main-container .article-metadata-container .editor-container .editor__title{color:#7b7065 !important;font-size:15px;margin-bottom:12px}.main-wrapper .main-container .article-metadata-container .editor-container .editor__subtitle{color:#7b7065 !important;font-size:12px;font-weight:600;margin-bottom:8px}.main-wrapper .main-container .article-metadata-container .editor-container .editor__content{color:#7b7065 !important;font-size:12px;margin-bottom:8px}.main-wrapper .main-container .article-metadata-container .editor-container .editor-content-container p,.main-wrapper .main-container .article-metadata-container .editor-container .editor-content-container span,.main-wrapper .main-container .article-metadata-container .editor-container .editor-content-container a{font-size:12px;margin-bottom:0}.main-wrapper .main-container .article-metadata-container .editor-container .editor-content-container a{color:#3c84e2 !important;text-decoration:underline}.main-wrapper .main-container .article-metadata-container .tags-container .tags-list{list-style:none;padding-left:0;display:flex;margin-bottom:0}.main-wrapper .main-container .article-metadata-container .tags-container .tags-list li{padding-left:0;color:#38332e !important}.main-wrapper .main-container .article-metadata-container .tags-container .tags-list li::before{content:none}.main-wrapper .main-container .article-metadata-container .tags-container .tags-list .tag{margin-right:8px}.main-wrapper .main-container .article-metadata-container .tags-container .tags-list .tag a{border:1px solid #d8d4cf;border-radius:4px;display:flex;padding:11px 8px;text-decoration:none}.main-wrapper .main-container .article-metadata-container .tags-container .tags-list .tag a .tag__image{width:14px;height:14px;margin-right:4px}.main-wrapper .main-container .article-metadata-container .tags-container .tags-list .tag a .tag__name{font-size:13px;line-height:13px}@media(max-width: 768px){.main-wrapper .main-container .article-metadata-container h2,.main-wrapper .main-container .article-metadata-container .supervisor-container,.main-wrapper .main-container .article-metadata-container .editor-container{margin-bottom:16px}.main-wrapper .main-container .article-metadata-container h2{font-size:18px;padding:14px 14px}}@media(min-width: 768px){.main-wrapper .main-container .article-metadata-container h2,.main-wrapper .main-container .article-metadata-container .supervisor-container,.main-wrapper .main-container .article-metadata-container .editor-container{margin-bottom:24px}.main-wrapper .main-container .article-metadata-container h2{font-size:22px;padding:17px 14px}}.footer-wrapper{width:100%;background-color:#7b7065}.footer-wrapper .footer-container{color:#fff;font-size:14px}.footer-wrapper .footer-container__copyright{display:flex;justify-content:center;align-items:center;width:100%;text-align:center;padding:0 10px}@media(max-width: 768px){.footer-wrapper .footer-container__list{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;gap:0}.footer-wrapper .footer-container__item{height:50px;border-bottom:1px solid #fff;border-right:1px solid #fff}.footer-wrapper .footer-container__item:nth-child(2n){border-right:none}.footer-wrapper .footer-container__item-link{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.footer-wrapper .footer-container__copyright{height:50px}}@media(min-width: 768px){.footer-wrapper .footer-container__list{display:flex;justify-content:center;align-items:center;height:44px;width:100%}.footer-wrapper .footer-container__item{height:44px;margin:0 12px;padding-top:16px}.footer-wrapper .footer-container__copyright{height:44px;padding-bottom:16px}}