@charset "UTF-8";

.page-beginner .content-02 .flow-01 .item-02,
.page-beginner .content-03 .content-items-01 .item-02 { font-size:16px;}
.page-beginner .content-02 .flow-01 .item-01 strong { font-size:24px;}
.page-beginner .content-01 .content-items-01>article .item-01,
.page-beginner .content-01 .content-items-02>article .item-01 { font-size:32px;}
.page-beginner .content-03 .content-items-01 .item-01 { font-size:32px;}
.page-beginner .content-02 .flow-01 .item-01 em { font-size:40px;}
.page-beginner { width:100%;}
.page-beginner .content-01 { width:100%; padding-top:120px; padding-bottom:160px;}
.page-beginner .content-01 .content-items-01 { width:100%; display:flex;}
.page-beginner .content-01 .content-items-01>article { width:480px; margin-left:80px; order:2; display:flex; flex-direction:column; justify-content:center;}
.page-beginner .content-01 .content-items-01>article .item-01 { width:100%; line-height:1.4375;}
.page-beginner .content-01 .content-items-01>article .item-02 { width:100%; text-align:justify; text-justify:inter-ideograph; word-break:break-all; margin-top:5.2083%; line-height:1.875;}
.page-beginner .content-01 .content-items-01>figure { display:flow-root; position:relative; height:400px; width:calc(50% - 20px); order:1;}
.page-beginner .content-01 .content-items-01>figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.page-beginner .content-01 .content-items-02 { max-width:1080px; width:90%; margin-left:auto; margin-right:auto; display:flex; justify-content:space-between; margin-top:100px;}
.page-beginner .content-01 .content-items-02>article { width:46.7593%; display:flex; flex-direction:column; justify-content:center;}
.page-beginner .content-01 .content-items-02>article .item-01 { line-height:1.4375;}
.page-beginner .content-01 .content-items-02>article .item-02 { width:100%; display:flex; justify-content:space-between; margin-top:4.9505%; line-height:1.875;}
.page-beginner .content-01 .content-items-02>article .item-02 * { line-height:1.4;}
.page-beginner .content-01 .content-items-02>article .item-02 ul+ul { margin-left:.5em;}
.page-beginner .content-01 .content-items-02>article .item-02 li { padding-left:1.5em; position:relative;}
.page-beginner .content-01 .content-items-02>article .item-02 li+li { margin-top:.5em;}
.page-beginner .content-01 .content-items-02>article .item-02 li::before { content:""; display:block; background-color:var(--text-base-color); width:.3em; height:.3em; left:.7em; top:.6em; position:absolute; border-radius:.3em;}
.page-beginner .content-01 .content-items-02>figure { width:48.1481%; display:flow-root;}
.page-beginner .content-01 .content-items-02>figure img { float:left;}
.page-beginner .content-01+.data-scroll-switch.a+.content-02 { background-color:#b29d97;}
.page-beginner .content-02 { width:100%; padding-top:103px; padding-bottom:160px; transition:background-color 1200ms; background-color:rgba(178,157,151,0);}
.page-beginner .content-02.a { background-color:#b29d97;}
.page-beginner .content-02 .common-en-title-01 * { color:#fff;}
.page-beginner .content-02 .content-items-01 { max-width:920px; width:90%; margin-left:auto; margin-right:auto; margin-top:63px;}
.page-beginner .content-02 .flow-01 { animation-duration:600ms; opacity:0; animation-timing-function:ease-in-out; animation-iteration-count:1; animation-timing-function:ease-in-out; animation-fill-mode:forwards; transform:translate3d(0, 30px, 0); width:100%; padding-top:3.6957%; padding-bottom:3.913%; background-color:#fff; display:flex; justify-content:space-between; align-items:center;}
.page-beginner .content-02 .flow-01+.flow-01 { margin-top:2.1739%;}
.page-beginner .content-02 .flow-01 .item-01 { display:flex; align-items:center; width:47.8261%; margin-left:5.4348%;}
.page-beginner .content-02 .flow-01 .item-01 em { line-height:1; color:var(--color-brown-01); position:relative; top:-0.04em; display:block; font-style:normal;}
.page-beginner .content-02 .flow-01 .item-01 strong { margin-left:1.25em; display:block;}
.page-beginner .content-02 .flow-01 .item-02 { display:flex; align-items:center; width:41.087%; margin-right:5.4348%;}
.page-beginner .content-02 .flow-01 .item-02>p { width:100%; line-height:1.875;}
.page-beginner .content-03 { width:100%; padding-top:100px;}
.page-beginner .content-03 .content-items-01 { max-width:920px; width:90%; margin-left:auto; margin-right:auto; padding-top:70px; padding-bottom:80px; border-width:1.4px; border-color:var(--color-brown-01); border-style:solid;}
.page-beginner .content-03 .content-items-01 .item-01 { text-align:center; width:100%;}
.page-beginner .content-03 .content-items-01 .item-02 { width:78.8051%; margin-top:6.5416%; margin-right:auto; margin-left:auto; line-height:1.875;}
.page-beginner .content-03 .content-items-01 .item-02 li { padding-left:1.2em; position:relative; line-height:1.875;}
.page-beginner .content-03 .content-items-01 .item-02 li::before { position:absolute; left:.2em; top:.7em; line-height:1.875; content:""; display:block; background-color:var(--color-brown-01); border-radius:5.6875em; width:0.5625em; height:0.5625em;}
.page-beginner .content-03 .content-items-01 .item-02 li+li { margin-top:4.1505%;}
html:where([lang=en]) .page-beginner .content-01 .content-items-01>article .item-01 { line-height:1.25 !important;}
html:where([lang=en]) .page-beginner .content-01 .content-items-01>article .item-01 * { line-height:1.25 !important;}
html:where([lang=en]) .page-beginner .content-01 .content-items-02>article .item-01 { line-height:1.25 !important;}
html:where([lang=en]) .page-beginner .content-01 .content-items-02>article .item-01 * { line-height:1.25 !important;}
html:where([lang=en]) .page-beginner .content-03 .content-items-01 .item-02 li::before { top:.5em;}

@media (min-width:768.1px) {
.page-beginner .content-01 .content-items-01>figure { animation-delay:800ms;}
.page-beginner .content-01 .content-items-02>figure { animation-delay:800ms;}
.page-beginner .content-02 .content-items-01.a .flow-01 { animation-name:fade_in_up;}
.page-beginner .content-02 .content-items-01.a .flow-01:nth-of-type(1) { animation-delay:600ms;}
.page-beginner .content-02 .content-items-01.a .flow-01:nth-of-type(2) { animation-delay:800ms;}
.page-beginner .content-02 .content-items-01.a .flow-01:nth-of-type(3) { animation-delay:1000ms;}
.page-beginner .content-02 .content-items-01.a .flow-01:nth-of-type(4) { animation-delay:1200ms;}
.page-beginner .content-02 .content-items-01.a .flow-01:nth-of-type(5) { animation-delay:1400ms;}
}

@media (max-width:1400px) {
.page-beginner .content-01 { padding-top:8.5714%; padding-bottom:11.4286%;}
.page-beginner .content-01 .content-items-01 { justify-content:space-between; width:95%; max-width:calc(1080px + (100vw - 1080px)/2);}
.page-beginner .content-01 .content-items-01>article { width:38.7097%; margin-left:0;}
.page-beginner .content-01 .content-items-01>figure { height:28.5714vw; width:54.8387%;}
.page-beginner .content-01 .content-items-02 { margin-top:7.1429%;}
.page-beginner .content-02 { padding-top:7.3571%; padding-bottom:11.4286%;}
.page-beginner .content-03 { padding-top:7.1429%;}
}

@media (max-width:1022px) {
.page-beginner .content-02 .content-items-01 { margin-top:6.1644%;}
.page-beginner .content-03 .content-items-01 { padding-top:6.8493%; padding-bottom:7.8278%;}
}

@media (max-width:768px) {
.page-beginner .content-01 { padding-top:13.0208%; padding-bottom:13.0208%;}
.page-beginner .content-01 .content-items-01 { width:100%; margin-right:auto; margin-left:auto; height:auto; flex-direction:column; justify-content:flex-start;}
.page-beginner .content-01 .content-items-01>article { width:80.7292%; margin-right:auto; margin-left:auto; order:1;}
.page-beginner .content-01 .content-items-01>article .item-02 { margin-top:3.2258%;}
.page-beginner .content-01 .content-items-01>figure { margin-top:6.5104%; width:90.3646%; height:auto; aspect-ratio:694 / 409; order:2;}
.page-beginner .content-01 .content-items-02 { flex-direction:column; justify-content:flex-start; margin-top:10.4167%; width:80.7292%;}
.page-beginner .content-01 .content-items-02>article { width:100%;}
.page-beginner .content-01 .content-items-02>article .item-02 { margin-top:3.2258%; flex-direction:column;}
.page-beginner .content-01 .content-items-02>article .item-02 ul { width:100%;}
.page-beginner .content-01 .content-items-02>article .item-02 ul+ul { margin-top:.5em; margin-left:0;}
.page-beginner .content-01 .content-items-02>figure { width:100%; margin-top:8.0645%;}
.page-beginner .content-02 { padding-top:16.276%; padding-bottom:13.0208%;}
.page-beginner .content-02 .content-items-01 { margin-top:8.2031%;}
.page-beginner .content-02 .flow-01 { padding-top:6.2211%; padding-bottom:6.2211%; flex-direction:column; justify-content:flex-start;}
.page-beginner .content-02 .flow-01.a { animation-name:fade_in_up;}
.page-beginner .content-02 .flow-01+.flow-01 { margin-top:2.8935%;}
.page-beginner .content-02 .flow-01 .item-01 { width:85.0694%; margin-right:auto; margin-left:auto;}
.page-beginner .content-02 .flow-01 .item-01 strong { margin-left:0.6944em;}
.page-beginner .content-02 .flow-01 .item-02 { margin-top:2.1701%; width:85.0694%; margin-right:auto; margin-left:auto;}
.page-beginner .content-02 .flow-01 .item-02>p { line-height:1.75; text-align:justify; text-justify:inter-ideograph; word-break:break-all;}
.page-beginner .content-03 { padding-top:13.0208%;}
.page-beginner .content-03 .content-items-01 { padding-top:7.8125%; padding-bottom:9.7656%;}
.page-beginner .content-03 .content-items-01 .item-02 { width:85.4155%; margin-top:5.3748%;}
.page-beginner .content-03 .content-items-01 .item-02 li { line-height:1.75;}
.page-beginner .content-03 .content-items-01 .item-02 li::before { top:.65em; line-height:1.75;}
.page-beginner .content-03 .content-items-01 .item-02 li+li { margin-top:6.8027%;}
html:where([lang=en]) .page-beginner .content-02 .flow-01 .item-01 strong { line-height:1.25 !important;}
html:where([lang=en]) .page-beginner .content-02 .flow-01 .item-01 strong * { line-height:1.25 !important;}
}

@media (max-width:420px) {
.page-beginner .content-02 .flow-01 .item-01 em { top:-0.05em;}
}

@media (max-width:350px) {
.page-beginner .content-02 .flow-01 .item-01 em { top:-0.06em;}
}

@media (max-width:320px) {
.page-beginner .content-02 .flow-01 .item-02,
.page-beginner .content-03 .content-items-01 .item-02 { font-size:11px;}
.page-beginner .content-02 .flow-01 .item-01 strong { font-size:15px;}
.page-beginner .content-01 .content-items-01>article .item-01,
.page-beginner .content-01 .content-items-02>article .item-01,
.page-beginner .content-03 .content-items-01 .item-01 { font-size:19px;}
.page-beginner .content-02 .flow-01 .item-01 em { font-size:23px;}
}

@media (min-width:768.1px) and (max-width:1400px) {
.page-beginner .content-02 .flow-01 .item-02,
.page-beginner .content-03 .content-items-01 .item-02 { font-size:calc(12px + (1vw - 7.68px) * .6329);}
.page-beginner .content-02 .flow-01 .item-01 strong { font-size:calc(18px + (1vw - 7.68px) * .9494);}
.page-beginner .content-01 .content-items-01>article .item-01,
.page-beginner .content-01 .content-items-02>article .item-01 { font-size:calc(22px + (1vw - 7.68px) * 1.5823);}
.page-beginner .content-03 .content-items-01 .item-01 { font-size:calc(24px + (1vw - 7.68px) * 1.2658);}
.page-beginner .content-02 .flow-01 .item-01 em { font-size:calc(28px + (1vw - 7.68px) * 1.8987);}
}

@media (min-width:320.1px) and (max-width:768px) {
.page-beginner .content-02 .flow-01 .item-02,
.page-beginner .content-03 .content-items-01 .item-02 { font-size:calc(11px + (1vw - 3.2px) * 2.9018);}
.page-beginner .content-02 .flow-01 .item-01 strong { font-size:calc(15px + (1vw - 3.2px) * 4.6875);}
.page-beginner .content-01 .content-items-01>article .item-01,
.page-beginner .content-01 .content-items-02>article .item-01,
.page-beginner .content-03 .content-items-01 .item-01 { font-size:calc(19px + (1vw - 3.2px) * 6.0268);}
.page-beginner .content-02 .flow-01 .item-01 em { font-size:calc(23px + (1vw - 3.2px) * 7.3661);}
}