@charset "UTF-8";

.page-about .content-03 .content-items-01>.profile-01 .item-01 { font-size:14px;}
.page-about .content-03 .content-items-01>.profile-02 .item-02>p { font-size:16px;}
.page-about .content-02 .card-01 .card-title-02,
.page-about .content-02 .card-02 .card-title-02,
.page-about .content-03 .content-items-01>.profile-01 .item-02,
.page-about .content-03 .content-items-01>.profile-02 .item-01,
.page-about .content-03 .content-items-01>.profile-02 .item-02,
.page-about .content-04 .address .item-01 { font-size:24px;}
.page-about .content-01 .content-items-01 .items-wrap-01 .item-01 { font-size:32px;}
.page-about .content-02 .method .method-title .en { font-size:14px;}
.page-about .content-02 .card-01 .card-title-01,
.page-about .content-02 .card-02 .card-title-01 { font-size:20px;}
.page-about .content-02 .title-item-01,
.page-about .content-02 .card-01 .card-title-01 em,
.page-about .content-02 .card-02 .card-title-01 em,
.page-about .content-02 .method .method-title,
.page-about .content-03 .content-items-01 .title-item-01 { font-size:32px;}
.page-about { width:100%;}
.page-about .content-01 { width:100%; padding-top:120px; padding-bottom:160px; display:flex;}
.page-about .content-01 .content-items-01 { width:100%; display:flex; height:400px;}
.page-about .content-01 .content-items-01>figure { position:relative; width:calc(50% - 20px);}
.page-about .content-01 .content-items-01>figure img { object-fit:cover; position:absolute; width:100%; height:100%; left:0; top:0;}
.page-about .content-01 .content-items-01 .items-wrap-01 { width:480px; margin-left:80px; display:flex; flex-direction:column; justify-content:center;}
.page-about .content-01 .content-items-01 .items-wrap-01 .item-01 { margin-left:-0.05em; width:100%; line-height:1.5313;}
.page-about .content-01 .content-items-01 .items-wrap-01 .item-02 { margin-top:5%; width:100%; line-height:1.875;}
.page-about .content-01+.data-scroll-switch.a+.content-02 { background-color:#f4f4f4;}
.page-about .content-02 { width:100%; transition:background-color 1200ms; background-color:rgba(244,244,244,0); margin-bottom:100px; padding-top:102px; padding-bottom:160px;}
.page-about .content-02 .title-item-01 { animation-duration:1200ms; 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); margin-bottom:80px; text-align:center; width:100%;}
.page-about .content-02 .card-01,
.page-about .content-02 .card-02 { max-width:980px; width:90%; margin-left:auto; margin-right:auto; display:flex; justify-content:space-between; align-items:flex-start;}
.page-about .content-02 .card-01+.card-01,
.page-about .content-02 .card-01+.card-02,
.page-about .content-02 .card-02+.card-01,
.page-about .content-02 .card-02+.card-02 { margin-top:80px;}
.page-about .content-02 .card-01>figure,
.page-about .content-02 .card-02>figure { width:53.0612%; display:flow-root;}
.page-about .content-02 .card-01>figure img,
.page-about .content-02 .card-02>figure img { float:left;}
.page-about .content-02 .card-01 .card-body,
.page-about .content-02 .card-02 .card-body { padding-top:1.5306%; width:40.8163%;}
.page-about .content-02 .card-01 .card-title-01,
.page-about .content-02 .card-02 .card-title-01 { display:flex; align-items:center; width:100%; color:var(--color-gray-01);}
.page-about .content-02 .card-01 .card-title-01 em,
.page-about .content-02 .card-02 .card-title-01 em { display:block; position:relative; top:-0.12em; font-style:normal; color:var(--color-gray-01); margin-left:.25em;}
.page-about .content-02 .card-01 .card-title-01::after,
.page-about .content-02 .card-02 .card-title-01::after { transform:scaleY(0.7); margin-left:.5em; height:1px; flex-grow:1; content:""; display:block; background-color:var(--color-gray-01); position:relative; top:-0.02em;}
.page-about .content-02 .card-01 .card-title-02,
.page-about .content-02 .card-02 .card-title-02 { margin-top:6.5%; margin-left:-0.1em; width:100%;}
.page-about .content-02 .card-01 .card-article-01,
.page-about .content-02 .card-02 .card-article-01 { margin-top:3.75%; width:100%; line-height:1.875;}
.page-about .content-02 .card-01>figure { order:2;}
.page-about .content-02 .card-01 .card-body { order:1;}
.page-about .content-02 .method { background-color:#fff; padding-top:70px; padding-bottom:85px; margin-top:100px; max-width:980px; width:90%; margin-left:auto; margin-right:auto;}
.page-about .content-02 .method .method-title { text-align:center; width:100%;}
.page-about .content-02 .method .method-title * { color:var(--color-gray-01);}
.page-about .content-02 .method .method-title .jp { display:block; width:100%;}
.page-about .content-02 .method .method-title .en { display:block; width:100%; margin-top:.5102040816%; font-style:normal;}
.page-about .content-02 .method .method-article { width:75.5102%; margin-top:3.0612%; margin-right:auto; margin-left:auto; line-height:1.875;}
.page-about .content-02.a { background-color:#f4f4f4;}
.page-about .content-02.a .title-item-01 { animation-name:fade_in_up;}
.page-about .content-02+.data-scroll-switch.a+.content-03 .content-items-01 { border-color:#b29d97;}
.page-about .content-02+.data-scroll-switch.a+.content-03 .content-items-01 .title-item-01 { animation-name:fade_in_up;}
.page-about .content-03 { width:100%; margin-bottom:160px;}
.page-about .content-03 .content-items-01 { transition:border-color 1200ms; display:flex; justify-content:space-between; flex-wrap:wrap; border-width:1.4px; border-color:rgba(178,157,151,0); border-style:solid; padding-top:62px; padding-bottom:80px; max-width:1080px; width:90%; margin-left:auto; margin-right:auto;}
.page-about .content-03 .content-items-01.a { border-color:#b29d97;}
.page-about .content-03 .content-items-01 .title-item-01 { animation-duration:1200ms; 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:2.785%; width:100%; text-align:center; margin-bottom:4.456%;}
.page-about .content-03 .content-items-01>figure { display:flow-root; margin-left:7.4267%; width:42.7033%;}
.page-about .content-03 .content-items-01>figure img { float:left;}
.page-about .content-03 .content-items-01>.profile-01 { width:37.1333%; margin-right:7.4267%; display:flex; flex-direction:column; justify-content:center;}
.page-about .content-03 .content-items-01>.profile-01 .boss { width:100%;}
.page-about .content-03 .content-items-01>.profile-01 .item-01 { display:block; font-style:normal; width:100%;}
.page-about .content-03 .content-items-01>.profile-01 .item-02 { margin-top:.25%; display:block; width:100%;}
.page-about .content-03 .content-items-01>.profile-01 .item-03 { margin-top:5%; width:100%; line-height:1.875;}
.page-about .content-03 .content-items-01>.profile-02 { background-color:#f4f4f4; margin-top:5.57%; margin-right:auto; margin-left:auto; width:85.1467%;}
.page-about .content-03 .content-items-01>.profile-02 .items-wrap { display:flex; align-items:flex-start; width:89.417%; margin-right:auto; margin-left:auto; padding-top:5.1058%; padding-bottom:5.1058%;}
.page-about .content-03 .content-items-01>.profile-02 .item-01 { display:block; width:4.7083em;}
.page-about .content-03 .content-items-01>.profile-02 .item-02 { width:calc(100% - 4.7083em);}
.page-about .content-03 .content-items-01>.profile-02 .item-02>p { line-height:1.875;}
.page-about .content-03+.data-scroll-switch.a+.content-04 { background-color:#f4f4f4;}
.page-about .content-04 { width:100%; transition:background-color 1200ms; background-color:rgba(244,244,244,0); padding-top:105px; padding-bottom:200px;}
.page-about .content-04.a { background-color:#f4f4f4;}
.page-about .content-04 .common-en-title-01 { margin-bottom:80px;}
.page-about .content-04 .access { max-width:1080px; width:90%; margin-left:auto; margin-right:auto; overflow-x:hidden; display:flex; justify-content:space-between; align-items:center;}
.page-about .content-04 .access+.access { margin-top:70px;}
.page-about .content-04 .access.a { animation-name:fade_in_up;}
.page-about .content-04 .access.a .map { animation-name:fade_in_up;}
.page-about .content-04 .access.a .address { animation-name:fade_in_up;}
.page-about .content-04 .map { width:50%; position:relative; aspect-ratio:27 / 17; overflow:hidden;}
.page-about .content-04 .map iframe { filter:grayscale(100%); position:absolute; width:calc(100% + 260px); height:calc(100% + 260px); left:50%; top:50%; transform:translate(-50%, -50%);}
.page-about .content-04 .address { width:44.4444%;}
.page-about .content-04 .address .item-01 { letter-spacing:.05em; width:100%; display:flex; flex-wrap:wrap; align-items:flex-end;}
.page-about .content-04 .address .item-01 * { letter-spacing:0;}
.page-about .content-04 .address .item-01>strong { font-size:0.6667em; position:relative; top:-0.1em; line-height:1.4; display:inline-block;}
.page-about .content-04 .address .item-01>strong * { line-height:1.4;}
.page-about .content-04 .address .item-01>strong:first-of-type { margin-right:.1em;}
.page-about .content-04 .address .item-01 .note-01::before { top:-0.25em;}
.page-about .content-04 .address .item-02,
.page-about .content-04 .address .indent-w768-5 { line-height:1.875; width:100%;}
.page-about .content-04 .address .item-02 { position:relative; margin-top:4.1667%; padding-top:4.1667%;}
.page-about .content-04 .address .item-02::before { transform:scaleY(0.5) translateY(-50%); height:1px; width:100%; position:absolute; left:0; top:0; content:""; display:block; background-color:#b2b2b2;}
.page-about .content-04 .address .indent-w768-5 { margin-left:5em; text-indent:-5em;}
.page-about .content-04 .address .note-01 { padding-left:1.1em; display:inline-block; position:relative; line-height:1.875;}
.page-about .content-04 .address .note-01::before { content:"※"; line-height:1.875; position:absolute; left:0; top:0;}
.page-about .content-04 .address address { margin-top:2.0833%; width:100%; font-style:normal; line-height:1.875;}
.page-about .content-04 .colon { top:-0.1em; position:relative; margin-right:.15em; margin-left:.15em;}
.page-about .content-04 .hyphen { top:-0.1em; position:relative; margin-right:.1em; margin-left:.1em;}
.page-about+footer { margin-top:0;}
html:where([lang=en]) .page-about .content-01 .content-items-01 .items-wrap-01 .item-01 { line-height:1.25 !important;}
html:where([lang=en]) .page-about .content-01 .content-items-01 .items-wrap-01 .item-01 * { line-height:1.25 !important;}
html:where([lang=en]) .page-about .content-02 .card-01 .card-title-02 { line-height:1.25 !important;}
html:where([lang=en]) .page-about .content-02 .card-01 .card-title-02 * { line-height:1.25 !important;}
html:where([lang=en]) .page-about .content-02 .method .method-title { line-height:1.25 !important;}
html:where([lang=en]) .page-about .content-02 .method .method-title * { line-height:1.25 !important;}

@media (min-width:768.1px) {
.page-about .content-01 .content-items-01>figure { animation-delay:800ms;}
.page-about .content-02 .card-01>figure,
.page-about .content-02 .card-02>figure { animation-delay:800ms;}
.page-about .content-04 .access { animation-duration:1200ms; 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);}
}

@media (max-width:1400px) {
.page-about .content-01 { padding-top:8.5714%; padding-bottom:11.4286%;}
.page-about .content-01 .content-items-01 .items-wrap-01 { margin-left:5.7143%; width:34.2857%;}
.page-about .content-02 { margin-bottom:7.1429%; padding-top:7.2857%; padding-bottom:11.4286%;}
.page-about .content-02 .title-item-01 { margin-bottom:5.7143%;}
.page-about .content-02 .card-01+.card-01,
.page-about .content-02 .card-01+.card-02,
.page-about .content-02 .card-02+.card-01,
.page-about .content-02 .card-02+.card-02 { margin-top:5.7143%;}
.page-about .content-02 .method { margin-top:7.1429%;}
.page-about .content-03 { margin-bottom:11.4286%;}
.page-about .content-04 { padding-bottom:14.2857%;}
.page-about .content-04 .common-en-title-01 { margin-bottom:5.7143%;}
.page-about .content-04 .access+.access { margin-top:5%;}
}

@media (max-width:1280px) {
.page-about .content-01 .content-items-01 { justify-content:space-between; width:95%; max-width:calc(980px + (100vw - 980px)/2); height:31.25vw;}
.page-about .content-01 .content-items-01>figure { width:54.8673%;}
.page-about .content-01 .content-items-01 .items-wrap-01 { margin-left:0; width:39.2415%;}
}

@media (max-width:1200px) {
.page-about .content-03 .content-items-01 { padding-top:5.8333%; padding-bottom:6.6667%;}
}

@media (max-width:1089px) {
.page-about .content-02 .method { padding-top:6.4279%; padding-bottom:7.8053%;}
}

@media (max-width:768px) {
.page-about .content-01 { padding-top:13.0208%; padding-bottom:13.0208%;}
.page-about .content-01 .content-items-01 { width:100%; margin-right:auto; margin-left:auto; height:auto; flex-direction:column; justify-content:flex-start;}
.page-about .content-01 .content-items-01>figure { margin-top:6.5104%; width:90.3646%; aspect-ratio:694 / 409; order:2;}
.page-about .content-01 .content-items-01 .items-wrap-01 { width:80.7292%; margin-right:auto; margin-left:auto; order:1;}
.page-about .content-01 .content-items-01 .items-wrap-01 .item-02 { margin-top:3.2258%;}
.page-about .content-02 { margin-bottom:13.0208%; padding-top:16.276%; padding-bottom:13.0208%;}
.page-about .content-02 .title-item-01 { margin-bottom:7.1615%;}
.page-about .content-02 .card-01,
.page-about .content-02 .card-02 { flex-direction:column; justify-content:flex-start; width:80.7292%;}
.page-about .content-02 .card-01+.card-01,
.page-about .content-02 .card-01+.card-02,
.page-about .content-02 .card-02+.card-01,
.page-about .content-02 .card-02+.card-02 { margin-top:10.4167%;}
.page-about .content-02 .card-01>figure,
.page-about .content-02 .card-02>figure { width:100%;}
.page-about .content-02 .card-01 .card-body,
.page-about .content-02 .card-02 .card-body { width:100%; margin-top:4.5161%; padding-top:0;}
.page-about .content-02 .card-01 .card-title-01 em,
.page-about .content-02 .card-02 .card-title-01 em { top:-0.15em; margin-left:.2em;}
.page-about .content-02 .card-01 .card-title-01::after,
.page-about .content-02 .card-02 .card-title-01::after { top:-0.05em;}
.page-about .content-02 .card-01 .card-title-02,
.page-about .content-02 .card-02 .card-title-02 { margin-top:.8064516129%;}
.page-about .content-02 .card-01 .card-article-01,
.page-about .content-02 .card-02 .card-article-01 { margin-top:1.9355%; line-height:1.75;}
.page-about .content-02 .card-01>figure { order:1;}
.page-about .content-02 .card-01 .card-body { order:1;}
.page-about .content-02 .method { padding-top:10.4167%; padding-bottom:11.0677%; margin-top:12.3698%;}
.page-about .content-02 .method .method-title .en { margin-top:1.1574%;}
.page-about .content-02 .method .method-article { margin-top:6.5104%; width:79.5718%; line-height:1.75;}
.page-about .content-03 { margin-bottom:13.0208%;}
.page-about .content-03 .content-items-01 { flex-direction:column; justify-content:flex-start; padding-top:7.8125%; padding-bottom:6.5104%;}
.page-about .content-03 .content-items-01 .title-item-01 { margin-bottom:7.1877%;}
.page-about .content-03 .content-items-01>figure { margin-right:auto; margin-left:auto; width:85.4155%;}
.page-about .content-03 .content-items-01>.profile-01 { margin-top:5.8594%; margin-right:auto; margin-left:auto; width:85.4155%;}
.page-about .content-03 .content-items-01>.profile-01 .item-02 { margin-top:.5102040816%;}
.page-about .content-03 .content-items-01>.profile-01 .item-03 { margin-top:2.7211%; line-height:1.75;}
.page-about .content-03 .content-items-01>.profile-02 { width:85.4155%;}
.page-about .content-03 .content-items-01>.profile-02 .items-wrap { padding-top:6.8027%; padding-bottom:7.6531%; width:87.7551%; flex-direction:column;}
.page-about .content-03 .content-items-01>.profile-02 .item-01 { width:100%;}
.page-about .content-03 .content-items-01>.profile-02 .item-02 { margin-top:2.907%; width:100%; line-height:1.75;}
.page-about .content-03 .content-items-01>.profile-02 .item-02>p { line-height:1.75;}
.page-about .content-04 { padding-top:16.276%; padding-bottom:15.625%;}
.page-about .content-04 .common-en-title-01 { margin-bottom:8.4635%;}
.page-about .content-04 .access { width:80.7292%; flex-direction:column; justify-content:flex-start;}
.page-about .content-04 .access+.access { margin-top:10.4167%;}
.page-about .content-04 .map { animation-duration:1200ms; 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%; aspect-ratio:62 / 39;}
.page-about .content-04 .address { animation-delay:400ms; animation-duration:1200ms; 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); margin-top:4.0323%; width:100%;}
.page-about .content-04 .address .item-01 .note-01::before { top:-0.16em;}
.page-about .content-04 .address .item-02,
.page-about .content-04 .address .indent-w768-5 { line-height:1.75;}
.page-about .content-04 .address .item-02 { margin-top:3.7097%; padding-top:3.7097%;}
.page-about .content-04 .address .note-01 { line-height:1.75;}
.page-about .content-04 .address .note-01::before { line-height:1.75;}
.page-about .content-04 .address address { margin-top:1.4516%; line-height:1.75;}
}

@media (max-width:320px) {
.page-about .content-02 .method .method-title .en { font-size:11px;}
.page-about .content-03 .content-items-01>.profile-02 .item-02>p { font-size:11px;}
.page-about .content-03 .content-items-01>.profile-01 .item-01 { font-size:10px;}
.page-about .content-02 .card-01 .card-title-01,
.page-about .content-02 .card-02 .card-title-01 { font-size:11px;}
.page-about .content-02 .card-01 .card-title-02,
.page-about .content-02 .card-02 .card-title-02,
.page-about .content-03 .content-items-01>.profile-01 .item-02,
.page-about .content-03 .content-items-01>.profile-02 .item-01,
.page-about .content-03 .content-items-01>.profile-02 .item-02,
.page-about .content-04 .address .item-01 { font-size:15px;}
.page-about .content-02 .card-01 .card-title-01 em,
.page-about .content-02 .card-02 .card-title-01 em,
.page-about .content-02 .method .method-title { font-size:18px;}
.page-about .content-01 .content-items-01 .items-wrap-01 .item-01,
.page-about .content-02 .title-item-01,
.page-about .content-03 .content-items-01 .title-item-01 { font-size:19px;}
}

@media (min-width:768.1px) and (max-width:1400px) {
.page-about .content-03 .content-items-01>.profile-01 .item-01 { font-size:calc(11px + (1vw - 7.68px) * .4747);}
.page-about .content-03 .content-items-01>.profile-02 .item-02>p { font-size:calc(11px + (1vw - 7.68px) * .7911);}
.page-about .content-02 .card-01 .card-title-02,
.page-about .content-02 .card-02 .card-title-02,
.page-about .content-03 .content-items-01>.profile-01 .item-02,
.page-about .content-03 .content-items-01>.profile-02 .item-01,
.page-about .content-03 .content-items-01>.profile-02 .item-02,
.page-about .content-04 .address .item-01 { font-size:calc(18px + (1vw - 7.68px) * .9494);}
.page-about .content-01 .content-items-01 .items-wrap-01 .item-01 { font-size:calc(22px + (1vw - 7.68px) * 1.5823);}
.page-about .content-02 .method .method-title .en { font-size:calc(10px + (1vw - 7.68px) * .6329);}
.page-about .content-02 .card-01 .card-title-01,
.page-about .content-02 .card-02 .card-title-01 { font-size:calc(11px + (1vw - 7.68px) * 1.4241);}
.page-about .content-02 .title-item-01,
.page-about .content-02 .card-01 .card-title-01 em,
.page-about .content-02 .card-02 .card-title-01 em,
.page-about .content-02 .method .method-title,
.page-about .content-03 .content-items-01 .title-item-01 { font-size:calc(18px + (1vw - 7.68px) * 2.2152);}
}

@media (min-width:320.1px) and (max-width:768px) {
.page-about .content-02 .method .method-title .en { font-size:calc(11px + (1vw - 3.2px) * 1.7857);}
.page-about .content-03 .content-items-01>.profile-02 .item-02>p { font-size:calc(11px + (1vw - 3.2px) * 2.9018);}
.page-about .content-03 .content-items-01>.profile-01 .item-01 { font-size:calc(10px + (1vw - 3.2px) * 2.2321);}
.page-about .content-02 .card-01 .card-title-01,
.page-about .content-02 .card-02 .card-title-01 { font-size:calc(11px + (1vw - 3.2px) * 3.3482);}
.page-about .content-02 .card-01 .card-title-02,
.page-about .content-02 .card-02 .card-title-02,
.page-about .content-03 .content-items-01>.profile-01 .item-02,
.page-about .content-03 .content-items-01>.profile-02 .item-01,
.page-about .content-03 .content-items-01>.profile-02 .item-02,
.page-about .content-04 .address .item-01 { font-size:calc(15px + (1vw - 3.2px) * 4.6875);}
.page-about .content-02 .card-01 .card-title-01 em,
.page-about .content-02 .card-02 .card-title-01 em,
.page-about .content-02 .method .method-title { font-size:calc(18px + (1vw - 3.2px) * 5.3571);}
.page-about .content-01 .content-items-01 .items-wrap-01 .item-01,
.page-about .content-02 .title-item-01,
.page-about .content-03 .content-items-01 .title-item-01 { font-size:calc(19px + (1vw - 3.2px) * 6.0268);}
}