.m-main-ttl-wrap{background:url(../../img/blog/main_bg.jpg) no-repeat center/cover}.blog{padding:60px 0}.blog__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));justify-content:center}.blog-detail__head{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:20px}.blog-detail__head-date{font-weight:500;font-size:1rem;line-height:1.2;color:#a1a1a1}.blog-detail__head-list{display:flex;flex-wrap:wrap;gap:8px}.blog-detail__head-link{display:inline-block;font-weight:500;font-size:1rem;letter-spacing:0;color:#fff;background-color:#14507a;border-radius:calc(infinity*1px);padding:2px 6px}.blog-detail__main-ttl{font-weight:500;font-size:2.4rem;letter-spacing:.15em;line-height:1.5;color:#14507a;border-left:2px solid #dcc165;padding-left:12px;margin-bottom:20px}.blog-detail__main-img{margin-bottom:10px}.blog-detail__container p{margin-bottom:20px;font-size:1.6rem;line-height:1.875}.blog-detail__container span{display:inline}.blog-detail__container strong{font-weight:700}.blog-detail__container a{text-decoration:underline}.blog-detail__container h2{display:grid;grid-template-columns:16px 1fr;align-items:baseline;-moz-column-gap:10px;column-gap:10px;font-weight:500;font-size:2.4rem;padding-bottom:20px;border-bottom:2px solid #14507a;margin-top:40px;margin-bottom:24px}.blog-detail__container h2::before{content:"";display:inline-block;width:100%;aspect-ratio:1/1;background-color:#14507a;border-radius:50%}.blog-detail__container h3{display:grid;grid-template-columns:16px 1fr;align-items:baseline;-moz-column-gap:10px;column-gap:10px;font-weight:500;font-size:2rem;padding-bottom:14px;border-bottom:2px solid #14507a;margin-bottom:16px}.blog-detail__container h3::before{content:"";display:inline-block;width:100%;aspect-ratio:1/1;background-color:#14507a}.blog-detail__container h4{display:grid;grid-template-columns:12px 1fr;align-items:baseline;-moz-column-gap:10px;column-gap:10px;font-weight:500;font-size:2rem;padding-bottom:14px;border-bottom:2px solid #dcc165;margin-bottom:16px}.blog-detail__container h4::before{content:"";display:inline-block;width:100%;aspect-ratio:1/1;background-color:#dcc165}.blog-detail__container h5{display:grid;grid-template-columns:8px 1fr;align-items:baseline;-moz-column-gap:10px;column-gap:10px;font-weight:500;font-size:1.8rem;padding-bottom:10px;border-bottom:2px solid #dcc165;margin-bottom:12px}.blog-detail__container h5::before{content:"";display:inline-block;width:100%;aspect-ratio:1/1;background-color:#dcc165}.blog-detail__container h6{display:grid;grid-template-columns:8px 1fr;align-items:baseline;-moz-column-gap:10px;column-gap:10px;font-weight:500;font-size:1.8rem;margin-bottom:12px}.blog-detail__container h6::before{content:"";display:inline-block;width:100%;aspect-ratio:1/1;background-color:#dcc165}.blog-detail__container table td,.blog-detail__container table th{font-size:1.6rem;border:1px solid #14507a}.blog-detail__container table td{padding:10px 16px 12px}.blog-detail__container table thead{border-bottom:none}.blog-detail__container table thead tr th{font-weight:500;letter-spacing:.05em;line-height:30px;text-align:center;color:#fff;background-color:#14507a;padding:4px 16px}.blog-detail__container table thead tr th:not(:last-child){border-right:1px solid #fff}.blog-detail__container table thead tr th:last-child{border-right:1px solid #14507a}.blog-detail__container ol,.blog-detail__container ul{font-size:1.6rem;line-height:1.875;padding-left:1.25em;margin-bottom:20px}.blog-detail__container ol li,.blog-detail__container ul li{list-style-type:revert}.blog-detail__container iframe{max-width:600px;width:100%;height:auto;aspect-ratio:16/9}.p-tips{background-color:color-mix(in srgb,#14507a 5%,#fff);padding:80px 20px 20px;margin-bottom:30px;margin-left:10px;position:relative}.p-tips::before{content:"";display:block;width:106px;height:50px;background:url(../../img/blog/icon_tips.svg) no-repeat center/contain;position:absolute;top:20px;left:-10px}.p-tips .p-tips__title{font-weight:700;font-size:1.8rem;line-height:1.4;letter-spacing:.05em;color:#14507a;margin-bottom:24px}.p-tips .p-tips__text{font-size:1.6rem;line-height:1.875}.p-tips p:last-child{margin-bottom:0!important}#top_wrap{position:relative}#top_wrap::after{content:"";display:block;width:calc(100% - 2px);height:190px;opacity:.75;background:linear-gradient(rgba(255,255,255,0),#fff);position:absolute;bottom:1px;left:1px;z-index:1;pointer-events:none;transition:opacity .3s,visibility .3s}#top_wrap.is-open::after{opacity:0;visibility:hidden}#top_wrap #toc_container{margin-bottom:110px!important;padding-bottom:80px!important}#toc_button{display:grid;align-items:center;width:-moz-fit-content;width:fit-content;min-width:150px;min-height:35px;font-weight:500;font-size:1.2rem;line-height:1.5;background-color:#fff;border:2px solid #14507a;transition:background-color .3s ease-out,color .3s ease-out;padding:6px 10px 6px 32px;position:absolute;bottom:10px;left:50%;translate:-50% 0;z-index:3;cursor:pointer}#toc_button:hover{color:#fff;background-color:#14507a;box-shadow:0 10px 10px rgba(0,0,0,.25)}#toc_button:hover::before{border-color:#fff}#toc_button.is-open::before{transform:rotate(45deg) translate(3px,2px)}#toc_button::before{content:"";display:inline-block;vertical-align:middle;width:9px;height:9px;border-top:#14507a 2px solid;border-left:#14507a 2px solid;transform:rotate(-135deg);position:absolute;left:20px;top:calc(50% - 5px);transition:border-color .3s ease-out,transform .3s ease-out}#toc_container{display:block!important;width:100%!important;background:#fff!important;border:1px solid color-mix(in srgb,#14507a 40%,#fff)!important;padding:40px 10%!important;margin:60px 0 80px!important;position:relative!important}#toc_container .toc_title{font-weight:500!important;font-size:2rem;line-height:1.5!important;color:#fff!important;background-color:#14507a!important;padding:4px 24px!important;position:absolute!important;top:0!important;left:0!important}#toc_container .toc_list{background:0 0;list-style-type:none;list-style:none;margin:0;padding:0}#toc_container .toc_list>li{display:block!important;margin-bottom:8px}#toc_container .toc_list>li>a{display:grid;grid-template-columns:6px 1fr;gap:6px;align-items:start;font-size:1.8rem;font-weight:500}#toc_container .toc_list>li>a::before{content:"";display:block;width:100%;aspect-ratio:1/1;background-color:#14507a;border-radius:50%;margin-top:.65em}#toc_container .toc_list>li>ul{padding:16px 24px;background-color:color-mix(in srgb,#14507a 5%,#fff);border-radius:4px;margin:8px 0 0 1em}#toc_container .toc_list>li>ul>li{border-left:none!important;line-height:1.2;padding-left:0;margin-bottom:8px}#toc_container .toc_list>li>ul>li::before{content:none!important}#toc_container .toc_list>li>ul>li:last-child{margin-bottom:0}#toc_container .toc_list>li>ul ul{margin-top:8px}#toc_container .toc_list a{font-size:1.6rem;transition:opacity .3s ease-out}#toc_container .toc_list a:hover{opacity:.7;text-decoration:none}#toc_container .toc_list ul{margin:8px 0 0 0;padding-left:1em}#toc_container .toc_list li{text-indent:0}#toc_container .toc_list li::before{content:none!important}@media screen and (min-width:768px){.blog{padding:100px 0}.blog__list{grid-template-columns:repeat(2,minmax(min-content,420px))}.blog-detail{max-width:800px;margin-inline:auto}.blog-detail__head{margin-bottom:40px}.blog-detail__head-date{font-size:1.2rem}.blog-detail__head-link{font-size:1.2rem;padding:4px 12px}.blog-detail__main-ttl{font-size:3.2rem;padding-left:20px;margin-bottom:40px}.blog-detail__main-img{margin-bottom:20px}.p-tips{padding:28px 40px 40px;margin-bottom:40px}.p-tips .p-tips__title{font-size:2rem;padding-left:72px;margin-bottom:36px}#toc_button::before{left:35px}}@media screen and (min-width:992px){#toc_button{min-width:180px;padding:10px 20px 10px 40px;font-size:1.5rem}}@media screen and (max-width:767px){.blog-detail__container p{font-size:1.4rem}.blog-detail__container h2{font-size:1.6rem;padding-bottom:10px;margin-top:24px;margin-bottom:12px}.blog-detail__container h3{font-size:1.5rem;padding-bottom:6px;margin-bottom:8px}.blog-detail__container h4{font-size:1.5rem;padding-bottom:6px;margin-bottom:8px}.blog-detail__container h5{font-size:1.4rem;padding-bottom:4px;margin-bottom:6px}.blog-detail__container h6{font-size:1.4rem;padding-bottom:4px;margin-bottom:6px}.blog-detail__container table td,.blog-detail__container table th{font-size:1.3rem}.blog-detail__container ol,.blog-detail__container ul{font-size:1.4rem}.p-tips .p-tips__text{font-size:1.4rem}#top_wrap #toc_container{margin-bottom:50px!important;padding-bottom:60px!important}#toc_container{padding:32px 5%!important;margin:24px 0 40px!important}#toc_container .toc_title{font-size:1.8rem}#toc_container .toc_list>li>a{font-size:1.4rem}#toc_container .toc_list a{font-size:1.2rem}}