@charset "UTF-8";.p-single{padding-top:18rem}@media screen and (max-width: 767px){.p-single{padding-top:100px}}.p-single__inner{max-width:90rem;margin:auto}@media (max-width: 767px){.p-single__inner{padding-inline:3rem}}.p-single__cover{max-width:80rem;margin:auto}.p-single__day{font-size:1.2rem;line-height:1.5;text-align:center;margin-bottom:2rem}.p-single__image{width:100%;height:auto;border-radius:.6rem;padding-top:54%;position:relative;overflow:hidden;margin-bottom:4rem}.p-single__image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover}.p-single__contents h2{font-size:2.8rem;font-weight:600;line-height:1.5;letter-spacing:.03em;margin-bottom:2.4rem}@media (max-width: 767px){.p-single__contents h2{font-size:2rem;margin-bottom:2rem}}.p-single__contents h3{font-size:2.4rem;font-weight:600;line-height:1.5;letter-spacing:.03em;position:relative;margin-top:6rem;margin-bottom:2.4rem;padding-left:3rem}@media (max-width: 767px){.p-single__contents h3{font-size:1.6rem;margin-bottom:2rem}}.p-single__contents h3:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:100vmax;background:var(--color-black)}.p-single__contents h4{font-size:2rem;font-weight:600;line-height:1.5;letter-spacing:.03em;position:relative;padding-left:2rem;margin-top:6rem;margin-bottom:1.4rem}@media (max-width: 767px){.p-single__contents h4{font-size:1.6rem;margin-top:4rem}}.p-single__contents h4:after{content:"";position:absolute;top:1.4rem;left:0;width:.6rem;height:.6rem;border-radius:100vmax;background:var(--color-black)}@media (max-width: 767px){.p-single__contents h4:after{top:1.05rem}}.p-single__contents p{font-size:1.6rem;font-weight:400;line-height:2;letter-spacing:.03em;margin-bottom:2.4rem}@media (max-width: 767px){.p-single__contents p{font-size:1.4rem;line-height:1.8;margin-bottom:2rem}}.p-single__contents img{width:100%;height:auto!important;border-radius:.6rem;border:1px var(--color-gray) solid;margin-bottom:2.4rem}@media (max-width: 767px){.p-single__contents img{margin-bottom:1.6rem}}.p-single__contents ul,.p-single__contents ol{display:flex;flex-direction:column;gap:1.6rem;background:var(--color-white);border-radius:.6rem;padding:3rem;margin-bottom:2.4rem}.p-single__contents ul li,.p-single__contents ol li{font-size:1.6rem;font-weight:400;letter-spacing:.03em;line-height:1.5;padding-left:1.6rem;position:relative}@media (max-width: 767px){.p-single__contents ul li,.p-single__contents ol li{font-size:1.4rem}}.p-single__contents ul li:after,.p-single__contents ol li:after{content:"";position:absolute;top:1rem;left:0;width:6px;height:6px;background:var(--color-black);border-radius:100vmax}@media (max-width: 767px){.p-single__contents ul li:after,.p-single__contents ol li:after{top:.8rem}}.p-single__contents a{font-size:1.6rem;color:#1e6ab6;line-height:1.5;letter-spacing:.03em;text-decoration:underline;transition:opacity .4s ease;margin-bottom:3rem}@media (max-width: 767px){.p-single__contents a{font-size:1.4rem}}@media (hover: hover){.p-single__contents a:hover{opacity:.5}}.p-single__contents a[target=_blank]{display:inline-block;position:relative;text-decoration:underline}.p-single__contents a[target=_blank]:after{content:"→";display:inline-block;font-size:12px;font-weight:600;transform:rotate(-30deg);margin-left:.8rem}.p-single__contents hr{border-top:1px var(--color-gray) solid;margin:8rem 0}@media (max-width: 767px){.p-single__contents hr{margin:6rem 0}}.p-single__contents figcaption{font-size:1.1rem;font-weight:400;color:var(--color-black);text-align:center;opacity:.6;position:relative;top:-.7rem;margin-bottom:4rem}.p-single__contents blockquote{background:#fff;border-radius:.6rem;padding:4rem;margin-bottom:2.4rem}@media (max-width: 767px){.p-single__contents blockquote{padding:3.2rem;margin-bottom:2rem}}.p-single__contents blockquote p{margin-bottom:0}.p-single__contents pre{display:block;background:#222;border-radius:.6rem;padding:7rem 4rem 4rem;margin-top:3.4rem;margin-bottom:2.4rem;position:relative}@media (max-width: 767px){.p-single__contents pre{padding:5rem 2rem 3rem 2.4rem}}.p-single__contents pre:after{content:"サンプルコード";position:absolute;top:0;left:0;background:var(--color-gray-light);border-radius:0 0 .6rem;font-size:1rem;padding:1rem 2rem;z-index:1}.p-single__contents code{font-size:1.6rem;line-height:1.8;color:#fff}@media (max-width: 767px){.p-single__contents code{font-size:1.4rem}}.p-single__contents .iframely-embed{width:70%;transition:opacity .4s ease}@media (max-width: 767px){.p-single__contents .iframely-embed{width:100%}}@media (hover: hover){.p-single__contents .iframely-embed:hover{opacity:.7}}.p-single__contents .u-point-area{display:block;background:var(--color-white);border:2px var(--color-black) solid;padding:5rem 2rem 3rem;position:relative;margin-top:6rem}.p-single__contents .u-point-area:after{content:"ポイント";position:absolute;top:0;left:0;display:block;width:fit-content;background:var(--color-black);font-size:1.2rem;color:#fff;padding:.6rem 2rem}.p-single__contents .u-heding-small{font-size:1.8rem;margin-left:1rem}@media (max-width: 767px){.p-single__contents .u-heding-small{font-size:1.6rem}}.p-single__mokuzi{background:var(--color-black);border-radius:.4rem;margin:4rem 0;padding:2rem 2rem 3rem}.p-single__mokuzi-text{background:var(--color-black);border-bottom:1px #ccc solid;border-radius:.4rem;font-size:1.4rem;font-weight:600;color:var(--color-white);line-height:1.5;letter-spacing:.03em;margin-bottom:2rem;padding-bottom:1rem}.p-single__mokuzi-ul{display:flex;flex-direction:column;gap:2rem}.p-single__mokuzi-ul li,.p-single__mokuzi-ul a{font-size:1.4rem;font-weight:400;color:#ccc;letter-spacing:.03em;line-height:1.5}@media (max-width: 767px){.p-single__mokuzi-ul li,.p-single__mokuzi-ul a{font-size:1.3rem}}.p-single__mokuzi-ul a{display:block;width:fit-content;position:relative;padding-left:1.6rem;transition:opacity .4s ease}.p-single__mokuzi-ul a:after{content:"";position:absolute;top:.8rem;left:0;width:6px;height:6px;background:#ccc;border-radius:100vmax}@media (hover: hover){.p-single__mokuzi-ul a:hover{opacity:.4}}