@charset "UTF-8";

.page-journal .single-01 .content-02 .profile-01 .profile-body-01>article { font-size:14px;}
.page-journal .single-01 .content-01>article,
.page-journal .single-01 .content-03 .card-article-01,
.page-journal .single-01 .content-03 .card-items-01>article,
.page-journal .single-01 .content-03 .card-items-01>article>p,
.page-journal .single-01 .content-04 .note-01 article .item-02 { font-size:16px;}
.page-journal .single-01 .content-01 .category { font-size:14px;}
.page-journal .single-01 .content-02 .profile-01 .profile-body-01>article .card-01 { font-size:20px;}
.page-journal .single-01 .content-04 .note-01 article .item-01 span { font-size:26px;}
.page-journal .single-01 .content-03 .card-title-01 { font-size:26px;}
.page-journal .single-01 .content-01 .title-01 { font-size:32px;}
.page-journal .single-01 .content-02 .profile-01 .profile-header-01 { font-size:32px;}
.page-journal .archive-01 .post-journal a>figure .category { font-size:14px;}
.page-journal .single-01 .content-02 .profile-01,
.page-journal .single-01 .content-04 .note-01 { font-size:20px;}
.page-journal .single-01 .content-01 .main-01 { font-size:32px;}
.page-journal .archive-01 .post-journal a>figure img,
.page-journal .single-01 .content-02 .profile-01 .profile-body-01>figure img { position:absolute; object-fit:cover; left:0; top:0; width:100%; height:100%;}
.page-journal .archive-01 { width:100%; padding-top:120px; padding-bottom:195px;}
.page-journal .archive-01 .items-container-01 { display:flex; flex-wrap:wrap; max-width:1100px; width:90%; margin-left:auto; margin-right:auto;}
.page-journal .archive-01 .post-journal { width:30%;}
.page-journal .archive-01 .post-journal:nth-of-type(3n) { margin-left:auto;}
.page-journal .archive-01 .post-journal:nth-of-type(n+4) { margin-top:6.3636%;}
.page-journal .archive-01 .post-journal a { display:block; width:100%;}
.page-journal .archive-01 .post-journal a>figure { width:100%; aspect-ratio:3 / 2; position:relative;}
.page-journal .archive-01 .post-journal a>figure:not(:has(img)) { transition:background-color 400ms; background-color:#d1d1d1;}
.page-journal .archive-01 .post-journal a>figure img { transition:opacity 400ms;}
.page-journal .archive-01 .post-journal a>figure.no-image { font-size:1rem; display:flex; justify-content:center; align-items:center; text-align:center;}
.page-journal .archive-01 .post-journal a>figure.no-image::before { position:relative; top:-0.1875em; letter-spacing:.03em; display:block; content:"No image"; color:#fff; line-height:1.1;}
.page-journal .archive-01 .post-journal a>figure .category { transition:opacity 400ms; position:absolute; left:0; top:100%; display:block; letter-spacing:.02em; padding-right:0.5em; padding-left:0.5em; height:1.7143em; min-width:6.4286em; color:#fff; background-color:var(--color-blue-01); text-align:center; line-height:1.7;}
.page-journal .archive-01 .post-journal a>p { width:100%; font-size:1rem; transition:opacity 400ms; line-height:1.75; margin-top:11.2121%; letter-spacing:.03em; text-align:justify; text-justify:inter-ideograph; word-break:break-all;}
.page-journal .archive-01 .post-journal a>p strong { background-image:linear-gradient(to top, var(--text-base-color) 60%, transparent 60%); background-repeat:no-repeat; background-size:100% 1.8px; background-position:0 bottom; padding-bottom:1px;}
.page-journal .archive-01 .post-journal a:active>figure img { opacity:.7;}
.page-journal .archive-01 .post-journal a:active>figure:not(:has(img)) { background-color:rgba(209,209,209,
.7);}
.page-journal .archive-01 .post-journal a:active>figure .category { opacity:.7;}
.page-journal .archive-01 .post-journal a:active>p { opacity:.7;}
.page-journal .single-01 { width:100%; padding-top:100px;}
.page-journal .single-01 .content-01 { max-width:860px; width:90%; margin-left:auto; margin-right:auto; padding-bottom:96px;}
.page-journal .single-01 .content-01 .category { width:100%; display:flex;}
.page-journal .single-01 .content-01 .category strong { height:1.7143em; min-width:6.4286em; padding-right:.5em; padding-left:.5em; background-color:var(--color-blue-01); color:#fff; display:flex; justify-content:center; align-items:center;}
.page-journal .single-01 .content-01 .title-01 { color:var(--color-blue-01); width:100%; line-height:1.375; letter-spacing:.05em; margin-top:0.625em; margin-bottom:0.9688em;}
.page-journal .single-01 .content-01 .title-01 * { color:var(--color-blue-01);}
.page-journal .single-01 .content-01 .main-01 { width:100%; display:flow-root; margin-bottom:0.875em;}
.page-journal .single-01 .content-01 .main-01 img { float:left;}
.page-journal .single-01 .content-01>article { width:100%; letter-spacing:.05em; line-height:1.75;}
.page-journal .single-01 .content-01>article * { line-height:1.75;}
.page-journal .single-01 .content-01>article p { width:100%; text-align:justify; text-justify:inter-ideograph; word-break:break-all;}
.page-journal .single-01 .content-02 { width:100%; background-color:var(--color-light-gray-01); padding-top:100px; padding-bottom:100px;}
.page-journal .single-01 .content-02 .profile-01 { max-width:860px; width:90%; margin-left:auto; margin-right:auto; border-radius:1em; background-color:#fff; padding-top:41.5px; padding-bottom:50px;}
.page-journal .single-01 .content-02 .profile-01 .profile-container { width:83.7209%; margin-right:auto; margin-left:auto;}
.page-journal .single-01 .content-02 .profile-01 .profile-header-01 { text-align:center; padding-bottom:0.3438em; margin-bottom:40px; width:100%; position:relative; letter-spacing:.08em; line-height:1.4; color:var(--color-navy-01);}
.page-journal .single-01 .content-02 .profile-01 .profile-header-01::before { content:""; display:block; background-color:var(--color-navy-01); position:absolute; left:0; top:100%; width:100%; height:2px; transform:translateY(-50%) scaleY(0.5);}
.page-journal .single-01 .content-02 .profile-01 .profile-body-01 { width:100%; display:flex; justify-content:space-between; align-items:flex-start;}
.page-journal .single-01 .content-02 .profile-01 .profile-body-01+.profile-body-01 { margin-top:40px;}
.page-journal .single-01 .content-02 .profile-01 .profile-body-01.style-01 { align-items:center;}
.page-journal .single-01 .content-02 .profile-01 .profile-body-01>figure { width:27.7778%; position:relative; aspect-ratio:1 / 1;}
.page-journal .single-01 .content-02 .profile-01 .profile-body-01>article { width:65.2778%;}
.page-journal .single-01 .content-02 .profile-01 .profile-body-01>article .card-01 { margin-bottom:0.75em; letter-spacing:.08em; line-height:1.4;}
.page-journal .single-01 .content-02 .profile-01 .profile-body-01>article .card-02 { letter-spacing:.08em; line-height:1.5714; text-align:justify; text-justify:inter-ideograph; word-break:break-all;}
.page-journal .single-01 .content-03 { width:100%; padding-top:100px; padding-bottom:100px;}
.page-journal .single-01 .content-03 .card-container { max-width:860px; width:90%; margin-left:auto; margin-right:auto;}
.page-journal .single-01 .content-03 .card-container hr { margin-top:80px; margin-bottom:80px; transform:translateY(-50%) scaleY(0.5); display:block; border:none; background-color:#d5d5d5; width:100%; height:2px;}
.page-journal .single-01 .content-03 .card-title-01 { width:100%; line-height:1.3846; color:var(--color-blue-01); letter-spacing:.08em; margin-bottom:40px;}
.page-journal .single-01 .content-03 .card-title-01 * { color:var(--color-blue-01);}
.page-journal .single-01 .content-03 .card-article-01 { line-height:1.75; text-align:justify; text-justify:inter-ideograph; word-break:break-all;}
.page-journal .single-01 .content-03 .card-article-01 * { line-height:1.75;}
.page-journal .single-01 .content-03 .card-article-01 { letter-spacing:.05em; width:100%;}
.page-journal .single-01 .content-03 .card-article-01 li { width:100%; position:relative; padding-left:1.375em;}
.page-journal .single-01 .content-03 .card-article-01 li::before { border-radius:0.675em; width:0.675em; aspect-ratio:1 / 1; content:""; display:block; background-color:var(--color-blue-01); position:absolute; left:0.1875em; top:0.625em;}
.page-journal .single-01 .content-03 .card-items-01 { width:100%; display:flex; align-items:flex-start; justify-content:space-between; margin-top:45px;}
.page-journal .single-01 .content-03 .card-items-01>figure { width:50%; display:flow-root;}
.page-journal .single-01 .content-03 .card-items-01>figure img { float:left;}
.page-journal .single-01 .content-03 .card-items-01.all-text>figure { display:none;}
.page-journal .single-01 .content-03 .card-items-01>article { line-height:1.75; text-align:justify; text-justify:inter-ideograph; word-break:break-all;}
.page-journal .single-01 .content-03 .card-items-01>article * { line-height:1.75;}
.page-journal .single-01 .content-03 .card-items-01>article { margin-top:-0.25em; width:44.186%;}
.page-journal .single-01 .content-03 .card-items-01.all-text>article { width:100%;}
.page-journal .single-01 .content-03 .card-items-01>article>p { width:100%; line-height:1.75; text-align:justify; text-justify:inter-ideograph; word-break:break-all;}
.page-journal .single-01 .content-03 .card-items-01>article>p * { line-height:1.75;}
.page-journal .single-01 .content-03 .card-items-01>article>p { letter-spacing:.08em; margin-top:0.6875em; margin-bottom:0.6875em;}
.page-journal .single-01 .content-03 .card-items-01>article>p.size-l-01 { font-size:1.25em; line-height:1.4; margin-top:0.55em; margin-bottom:0.55em;}
.page-journal .single-01 .content-03 .card-items-01>article>p.size-l-01 * { line-height:1.4;}
.page-journal .single-01 .content-03 .card-items-01>article>p.size-s-01 { font-size:0.875em; line-height:1.5714; margin-top:1.2857em; margin-bottom:1.2857em;}
.page-journal .single-01 .content-03 .card-items-01>article>p.size-s-01 * { line-height:1.5714;}
.page-journal .single-01 .content-03 .card-items-01>article>:first-child { margin-top:0 !important;}
.page-journal .single-01 .content-03 .card-items-01>article>:last-child { margin-bottom:0 !important;}
.page-journal .single-01 .content-03 .card-title-01+* { margin-top:0;}
.page-journal .single-01 .content-04 { width:100%; background-color:var(--color-light-gray-01); padding-top:100px; padding-bottom:200px;}
.page-journal .single-01 .content-04 .common-button-01 { margin-top:100px; margin-right:auto; margin-left:auto;}
.page-journal .single-01 .content-04 .note-01 { max-width:860px; width:90%; margin-left:auto; margin-right:auto; background-color:#fff; border-radius:1em;}
.page-journal .single-01 .content-04 .note-01 article { width:88.3721%; padding-top:4.6512%; padding-bottom:4.6512%; font-size:1rem; margin-right:auto; margin-left:auto;}
.page-journal .single-01 .content-04 .note-01 article .item-01 { display:block; width:100%; border-radius:0.5em; background-color:var(--color-blue-01); line-height:1; margin-bottom:1.15em;}
.page-journal .single-01 .content-04 .note-01 article .item-01 span { letter-spacing:.02em; width:calc(100% - 0.5385em); padding-bottom:0.0577em; margin-left:auto; height:1.8462em; color:#fff; display:flex; align-items:center; line-height:1;}
.page-journal .single-01 .content-04 .note-01 article .item-02 { width:100%; line-height:1.75; letter-spacing:.05em; text-align:justify; text-justify:inter-ideograph; word-break:break-all;}
.page-journal .single-01 .content-04 .note-01 article .item-02 * { line-height:1.75;}
.page-journal .single-01 .last-content { padding-bottom:200px;}

@media (min-width:768.1px) {
.page-journal .archive-01 .post-journal:nth-of-type(3n-1) { margin-left:5%;}
}

@media (max-width:1400px) {
.page-journal .archive-01 { padding-top:8.5714%; padding-bottom:13.9286%;}
.page-journal .single-01 { padding-top:7.1429vw;}
.page-journal .single-01 .content-01 { padding-bottom:6.8571vw;}
.page-journal .single-01 .content-02 { padding-top:7.1429vw; padding-bottom:7.1429vw;}
.page-journal .single-01 .content-02 .profile-01 .profile-body-01+.profile-body-01 { margin-top:2.8571vw;}
.page-journal .single-01 .content-03 { padding-top:7.1429vw; padding-bottom:7.1429vw;}
.page-journal .single-01 .content-03 .card-title-01 { margin-bottom:2.8571vw;}
.page-journal .single-01 .content-04 { padding-top:7.1429vw; padding-bottom:14.2857vw;}
.page-journal .single-01 .content-04 .common-button-01 { margin-top:7.1429vw;}
.page-journal .single-01 .last-content { padding-bottom:14.2857vw;}
}

@media (max-width:1100px) {
.page-journal .single-01 .content-02 .profile-01 .profile-header-01 { margin-bottom:3.6364vw;}
.page-journal .single-01 .content-03 .card-container hr { margin-top:7.2727vw; margin-bottom:7.2727vw;}
.page-journal .single-01 .content-03 .card-items-01 { margin-top:4.0909vw;}
}

@media (max-width:1050px) {
.page-journal .single-01 .content-01 .category strong { padding-bottom:0.0714em;}
}

@media (max-width:1000px) {
.page-journal .archive-01 .post-journal a>p strong { background-size:100% 1.4px;}
.page-journal .single-01 .content-02 .profile-01 { padding-top:4.15vw; padding-bottom:5vw;}
}

@media (max-width:768px) {
.page-journal .common-content-header-02 .text-items { margin-bottom:7.2917%;}
.page-journal .archive-01 { padding-top:13.0208%; padding-bottom:19.5313%;}
.page-journal .archive-01 .items-container-01 { width:88.2813%; flex-direction:column;}
.page-journal .archive-01 .post-journal { width:100%;}
.page-journal .archive-01 .post-journal:nth-of-type(n+2) { margin-top:12.6844%;}
.page-journal .archive-01 .post-journal a>figure .category { height:1.8333em; min-width:6.75em;}
.page-journal .archive-01 .post-journal a>p { margin-top:9.7345%; line-height:1.75;}
.page-journal .single-01 { padding-top:10.4167vw;}
.page-journal .single-01 .content-01 { padding-bottom:12.3698%; width:88.2813%;}
.page-journal .single-01 .content-01 .category strong { line-height:1.8333; height:1.8333em; min-width:6.75em; padding-bottom:0.0833em;}
.page-journal .single-01 .content-01 .title-01 { line-height:1.3913; margin-top:0.6739em; margin-bottom:0.8913em;}
.page-journal .single-01 .content-01 .title-01 br { display:none;}
.page-journal .single-01 .content-01 .main-01 { margin-bottom:0.7826em;}
.page-journal .single-01 .content-01>article { font-size:1rem; line-height:1.75;}
.page-journal .single-01 .content-01>article * { line-height:1.75;}
.page-journal .single-01 .content-02 { padding-top:13.0208%; padding-bottom:13.0208%;}
.page-journal .single-01 .content-02 .profile-01 { padding-top:6.6406%; padding-bottom:7.6823%; font-size:1rem; border-radius:0.8333em; width:88.2813%;}
.page-journal .single-01 .content-02 .profile-01 .profile-container { width:83.0556%;}
.page-journal .single-01 .content-02 .profile-01 .profile-header-01 { padding-bottom:0.6522em; margin-bottom:1.0652em;}
.page-journal .single-01 .content-02 .profile-01 .profile-header-01::before { transform:translateY(-50%) scaleY(0.75);}
.page-journal .single-01 .content-02 .profile-01 .profile-body-01 { flex-direction:column; justify-content:flex-start; align-items:center;}
.page-journal .single-01 .content-02 .profile-01 .profile-body-01+.profile-body-01 { margin-top:4.2969vw;}
.page-journal .single-01 .content-02 .profile-01 .profile-body-01>figure { max-width:280px; width:100%;}
.page-journal .single-01 .content-02 .profile-01 .profile-body-01>article { margin-top:3.2552vw; max-width:fit-content; width:100%;}
.page-journal .single-01 .content-02 .profile-01 .profile-body-01>article .card-01 { margin-bottom:0.4286em; letter-spacing:.03em; line-height:1.4286;}
.page-journal .single-01 .content-02 .profile-01 .profile-body-01>article .card-02 { letter-spacing:.03em; width:100%; line-height:1.5;}
.page-journal .single-01 .content-03 { padding-top:13.0208%; padding-bottom:12.5%;}
.page-journal .single-01 .content-03 .card-container { width:88.2813%;}
.page-journal .single-01 .content-03 .card-container hr { margin-top:10.4167vw; margin-bottom:10.4167vw;}
.page-journal .single-01 .content-03 .card-title-01 { margin-bottom:5.2083vw; line-height:1.3947;}
.page-journal .single-01 .content-03 .card-title-01 br { display:none;}
.page-journal .single-01 .content-03 .card-article-01 { font-size:1rem; line-height:1.75;}
.page-journal .single-01 .content-03 .card-article-01 li::before { border-radius:0.6em; width:0.6em; top:0.6667em;}
.page-journal .single-01 .content-03 .card-items-01 { margin-top:4.5573vw; flex-direction:column; align-items:stretch; justify-content:flex-start;}
.page-journal .single-01 .content-03 .card-items-01>figure { width:100%;}
.page-journal .single-01 .content-03 .card-items-01>article { font-size:1rem; line-height:1.75;}
.page-journal .single-01 .content-03 .card-items-01>article { margin-top:4.5573vw; width:100%;}
.page-journal .single-01 .content-03 .card-items-01>article>p { font-size:1rem; line-height:1.75;}
.page-journal .single-01 .content-03 .card-items-01>article>p { margin-top:0.5em; margin-bottom:0.5em;}
.page-journal .single-01 .content-03 .card-items-01>article>p.size-l-01 { margin-top:0.4286em; margin-bottom:0.4286em; font-size:1.1667em; line-height:1.4286;}
.page-journal .single-01 .content-03 .card-items-01>article>p.size-l-01 * { line-height:1.4286;}
.page-journal .single-01 .content-03 .card-items-01>article>p.size-s-01 { margin-top:1em; margin-bottom:1em; font-size:0.8333em; line-height:1.5;}
.page-journal .single-01 .content-03 .card-items-01>article>p.size-s-01 * { line-height:1.5;}
.page-journal .single-01 .content-04 { padding-top:13.0208%; padding-bottom:20.8333%;}
.page-journal .single-01 .content-04 .common-button-01 { margin-top:9.1146vw;}
.page-journal .single-01 .content-04 .note-01 { font-size:1rem; width:88.2813%; border-radius:0.8333em;}
.page-journal .single-01 .content-04 .note-01 article { width:88.2006%; padding-top:5.8997%; padding-bottom:6.9322%;}
.page-journal .single-01 .content-04 .note-01 article .item-01 { border-radius:0.4167em; margin-bottom:1.125em;}
.page-journal .single-01 .content-04 .note-01 article .item-01 span { height:1.8421em;}
.page-journal .single-01 .content-04 .note-01 article .item-02 { font-size:1rem; line-height:1.75;}
.page-journal .single-01 .last-content { padding-bottom:20.8333%;}
}

@media (max-width:400px) {
.page-journal .single-01 .content-03 .card-items-01>article>p { letter-spacing:.05em;}
}

@media (max-width:320px) {
.page-journal .single-01 .content-02 .profile-01 .profile-body-01>article { font-size:10px;}
.page-journal .archive-01 .post-journal a>figure .category,
.page-journal .single-01 .content-01 .category { font-size:10px;}
.page-journal .single-01 .content-02 .profile-01 .profile-body-01>article .card-01 { font-size:12px;}
.page-journal .single-01 .content-03 .card-title-01,
.page-journal .single-01 .content-04 .note-01 article .item-01 span { font-size:16px;}
.page-journal .single-01 .content-01 .title-01,
.page-journal .single-01 .content-01 .main-01,
.page-journal .single-01 .content-02 .profile-01 .profile-header-01 { font-size:19px;}
}

@media (min-width:768.1px) and (max-width:1250px) {
.page-journal .single-01 .content-02 .profile-01 .profile-body-01>article { font-size:calc(10px + (1vw - 7.68px) * .8299);}
.page-journal .single-01 .content-01>article,
.page-journal .single-01 .content-03 .card-article-01,
.page-journal .single-01 .content-03 .card-items-01>article,
.page-journal .single-01 .content-03 .card-items-01>article>p,
.page-journal .single-01 .content-04 .note-01 article .item-02 { font-size:calc(11px + (1vw - 7.68px) * 1.0373);}
.page-journal .single-01 .content-01 .category { font-size:calc(12px + (1vw - 7.68px) * .4149);}
.page-journal .single-01 .content-02 .profile-01 .profile-body-01>article .card-01 { font-size:calc(15px + (1vw - 7.68px) * 1.0373);}
.page-journal .single-01 .content-04 .note-01 article .item-01 span { font-size:calc(17px + (1vw - 7.68px) * 1.8672);}
.page-journal .single-01 .content-03 .card-title-01 { font-size:calc(20px + (1vw - 7.68px) * 1.2448);}
.page-journal .single-01 .content-01 .title-01 { font-size:calc(22px + (1vw - 7.68px) * 2.0747);}
.page-journal .single-01 .content-02 .profile-01 .profile-header-01 { font-size:calc(24px + (1vw - 7.68px) * 1.6598);}
.page-journal .archive-01 .post-journal a>figure .category { font-size:calc(9px + (1vw - 7.68px) * 1.0373);}
.page-journal .single-01 .content-02 .profile-01,
.page-journal .single-01 .content-04 .note-01 { font-size:calc(12px + (1vw - 7.68px) * 1.6598);}
.page-journal .single-01 .content-01 .main-01 { font-size:calc(20px + (1vw - 7.68px) * 2.4896);}
}

@media (min-width:320.1px) and (max-width:768px) {
.page-journal .single-01 .content-02 .profile-01 .profile-body-01>article { font-size:calc(10px + (1vw - 3.2px) * 2.2321);}
.page-journal .archive-01 .post-journal a>figure .category,
.page-journal .single-01 .content-01 .category { font-size:calc(10px + (1vw - 3.2px) * 3.125);}
.page-journal .single-01 .content-02 .profile-01 .profile-body-01>article .card-01 { font-size:calc(12px + (1vw - 3.2px) * 3.5714);}
.page-journal .single-01 .content-03 .card-title-01,
.page-journal .single-01 .content-04 .note-01 article .item-01 span { font-size:calc(16px + (1vw - 3.2px) * 4.9107);}
.page-journal .single-01 .content-01 .title-01,
.page-journal .single-01 .content-01 .main-01,
.page-journal .single-01 .content-02 .profile-01 .profile-header-01 { font-size:calc(19px + (1vw - 3.2px) * 6.0268);}
}

@media (hover:hover) and (pointer:fine) {
.page-journal .archive-01 .post-journal a:hover>figure img { opacity:.7;}
.page-journal .archive-01 .post-journal a:hover>figure:not(:has(img)) { background-color:rgba(209,209,209,
.7);}
.page-journal .archive-01 .post-journal a:hover>figure .category { opacity:.7;}
.page-journal .archive-01 .post-journal a:hover>p { opacity:.7;}
}