@charset "UTF-8";

.page-about .content-staff .card-01>article .card-header .item-01 { font-size:14px;}
.page-about .content-message .content-items-02 .item-02,
.page-about .content-features .card-01>article .item-02,
.page-about .content-features .card-02>article .item-02,
.page-about .content-staff .card-01>article .card-body { font-size:16px;}
.page-about .content-features .card-01>article .item-01,
.page-about .content-features .card-02>article .item-01 { font-size:24px;}
.page-about .content-staff .card-01>article .card-header { font-size:24px;}
.page-about .content-message .content-items-02 .item-01 { font-size:32px;}
.page-about .content-features .card-01::before,
.page-about .content-features .card-02::before,
.page-about .content-features .card-01>figure,
.page-about .content-features .card-02>figure,
.page-about .content-staff .card-01>figure { font-size:16px;}
.page-about .content-features .card-01 .number,
.page-about .content-features .card-02 .number { font-size:140px;}
.page-about .content-features .card-01>figure img,
.page-about .content-features .card-02>figure img,
.page-about .content-staff .card-01>figure img { position:absolute; object-fit:cover; left:0; top:0; width:100%; height:100%;}
.page-about .content-message .content-items-02 .item-02,
.page-about .content-features .card-01>article .item-02,
.page-about .content-features .card-02>article .item-02,
.page-about .content-staff .card-01>article .card-header .item-01,
.page-about .content-staff .card-01>article .card-body { font-family:"Noto Sans JP","游ゴシック Medium","Yu Gothic Medium","游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif; font-weight:300;}
.page-about .content-message .content-items-02 .item-02 *,
.page-about .content-features .card-01>article .item-02 *,
.page-about .content-features .card-02>article .item-02 *,
.page-about .content-staff .card-01>article .card-header .item-01 *,
.page-about .content-staff .card-01>article .card-body * { font-family:"Noto Sans JP","游ゴシック Medium","Yu Gothic Medium","游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif; font-weight:300;}
.page-about .content-message { padding-top:140px; padding-bottom:150px; width:100%;}
.page-about .content-message .content-message-inner { max-width:1080px; width:90%; margin-left:auto; margin-right:auto; display:flex; justify-content:space-between;}
.page-about .content-message .common-header-02 { width:100%;}
.page-about .content-message .content-items-01 { flex-grow:1;}
.page-about .content-message .content-items-02 { width:61.5741%;}
.page-about .content-message .content-items-02 .item-01 { line-height:1.4375; width:100%; margin-top:-0.2188em; margin-bottom:1em;}
.page-about .content-message .content-items-02 .item-02 { letter-spacing:.03em; width:100%; line-height:1.875;}
.page-about .content-message .content-items-02 .item-02 * { line-height:1.875;}
.page-about .content-message .content-items-02 .item-02>p { width:100%;}
.page-about .content-message .content-items-02 .item-02>p+p { margin-top:1.875em;}
.page-about .content-features { width:100%; padding-top:130px; padding-bottom:160px; background-color:var(--color-light-gray-01);}
.page-about .content-features .content-features-inner { max-width:1080px; width:90%; margin-left:auto; margin-right:auto;}
.page-about .content-features .common-header-02 { margin-bottom:130px; width:100%;}
.page-about .content-features .card-01,
.page-about .content-features .card-02 { width:100%; position:relative;}
.page-about .content-features .card-01::before,
.page-about .content-features .card-02::before { height:100%; width:93.5185%; content:""; display:block; background-color:#fff; position:absolute; top:0; border-radius:1.25em;}
.page-about .content-features .card-01 .number,
.page-about .content-features .card-02 .number { margin-top:0.0571em; top:0; position:absolute; line-height:1; color:rgba(141,115,93,
.15);}
.page-about .content-features .card-01>figure,
.page-about .content-features .card-02>figure { width:52.7778%; aspect-ratio:57 / 34; border-radius:1.25em; bottom:0; position:absolute; overflow:hidden; margin-bottom:4.6296%;}
.page-about .content-features .card-01>article,
.page-about .content-features .card-02>article { width:33.7037%; position:relative; padding-top:9.0741%; padding-bottom:6.1111%;}
.page-about .content-features .card-01>article .item-01,
.page-about .content-features .card-02>article .item-01 { width:100%; letter-spacing:.02em; line-height:1.5;}
.page-about .content-features .card-01>article .item-02,
.page-about .content-features .card-02>article .item-02 { width:100%; letter-spacing:.03em; margin-top:2.7473%; text-align:justify; text-justify:inter-ideograph; word-break:break-all; line-height:1.875;}
.page-about .content-features .card-01+.card-01,
.page-about .content-features .card-01+.card-02,
.page-about .content-features .card-02+.card-01,
.page-about .content-features .card-02+.card-02 { margin-top:10.1852%;}
.page-about .content-features .card-01::before { left:0;}
.page-about .content-features .card-01 .number { left:0; margin-left:4.6296%;}
.page-about .content-features .card-01>figure { right:0;}
.page-about .content-features .card-01>article { margin-left:7.963%;}
.page-about .content-features .card-02::before { right:0;}
.page-about .content-features .card-02 .number { right:0; margin-right:3.2407%;}
.page-about .content-features .card-02>figure { left:0;}
.page-about .content-features .card-02>article { margin-right:7.963%; margin-left:auto;}
.page-about .content-staff { width:100%; padding-top:130px;}
.page-about .content-staff .content-staff-inner { max-width:1080px; width:90%; margin-left:auto; margin-right:auto;}
.page-about .content-staff .common-header-02 { margin-bottom:130px; width:100%;}
.page-about .content-staff .card-01 { width:100%; display:flex; justify-content:space-between; position:relative;}
.page-about .content-staff .card-01>figure { border-radius:1.25em; overflow:hidden; width:47.2222%; aspect-ratio:51 / 40; position:relative;}
.page-about .content-staff .card-01>article { width:47.2222%; display:flex; flex-direction:column; justify-content:flex-end;}
.page-about .content-staff .card-01>article .card-header { width:100%; margin-bottom:0.8333em;}
.page-about .content-staff .card-01>article .card-header>strong { display:block;}
.page-about .content-staff .card-01>article .card-header .item-01 { width:calc(100% - .08em); margin-left:auto; letter-spacing:.02em; line-height:1.4;}
.page-about .content-staff .card-01>article .card-header .item-02 { width:100%; letter-spacing:.02em; line-height:1.4; margin-top:0.0417em;}
.page-about .content-staff .card-01>article .card-body { width:100%; line-height:1.875; letter-spacing:.03em;}
.page-about .content-staff .card-01>article .card-body * { line-height:1.875;}
.page-about .content-staff .card-01>article .card-body>p { width:100%; text-align:justify; text-justify:inter-ideograph; word-break:break-all;}
.page-about .content-staff .card-01>article .card-body>p+p { margin-top:0.8125em;}
.page-about .content-staff .card-01 .common-button-01 { width:18.125em; margin-top:7.0588%;}
.page-about .content-staff .card-01+.card-01 { margin-top:6.4815%; padding-top:6.4815%;}
.page-about .content-staff .card-01+.card-01::before { transform:translateY(-50%) scaleY(0.5); content:""; display:block; background-color:#d8d8d8; position:absolute; left:0; top:0; width:100%; height:1px;}

@media (max-width:1400px) {
.page-about .content-message { padding-top:10%; padding-bottom:10.7143%;}
.page-about .content-features { padding-top:9.2857%; padding-bottom:11.4286%;}
.page-about .content-features .common-header-02 { margin-bottom:9.2857vw;}
.page-about .content-staff { padding-top:9.2857%;}
.page-about .content-staff .common-header-02 { margin-bottom:9.2857vw;}
}

@media (max-width:768px) {
.page-about .content-message { padding-top:18.2292%; padding-bottom:13.0208%;}
.page-about .content-message .content-message-inner { width:79.1667%; flex-direction:column; justify-content:flex-start;}
.page-about .content-message .content-items-01 { width:100%;}
.page-about .content-message .content-items-02 { margin-top:9.0461%; width:100%;}
.page-about .content-message .content-items-02 .item-01 { margin-top:0; margin-bottom:0.8913em; line-height:1.3043;}
.page-about .content-message .content-items-02 .item-02 { line-height:1.75;}
.page-about .content-message .content-items-02 .item-02 * { line-height:1.75;}
.page-about .content-features { padding-top:15.625%; padding-bottom:13.0208%;}
.page-about .content-features .content-features-inner { width:79.1667%;}
.page-about .content-features .common-header-02 { margin-bottom:23.0263%;}
.page-about .content-features .card-01,
.page-about .content-features .card-02 { padding-top:50.9868%;}
.page-about .content-features .card-01::before,
.page-about .content-features .card-02::before { border-radius:0.8333em; width:100%;}
.page-about .content-features .card-01 .number,
.page-about .content-features .card-02 .number { margin-top:44.2434%;}
.page-about .content-features .card-01>figure,
.page-about .content-features .card-02>figure { margin-bottom:0; transform:translateY(-22.409%); bottom:auto; top:0; width:98.6842%;}
.page-about .content-features .card-01>article,
.page-about .content-features .card-02>article { padding-top:.1644736842%; padding-bottom:9.375%; width:83.5526%;}
.page-about .content-features .card-01>article .item-01,
.page-about .content-features .card-02>article .item-01 { line-height:1.4;}
.page-about .content-features .card-01>article .item-02,
.page-about .content-features .card-02>article .item-02 { line-height:1.75; margin-top:3.5433%;}
.page-about .content-features .card-01+.card-01,
.page-about .content-features .card-01+.card-02,
.page-about .content-features .card-02+.card-01,
.page-about .content-features .card-02+.card-02 { margin-top:20.2303%;}
.page-about .content-features .card-01 .number { left:auto; right:0; margin-right:4.6053%; margin-left:0;}
.page-about .content-features .card-01>figure { left:8.2237%; right:auto;}
.page-about .content-features .card-01>article { margin-right:auto; margin-left:auto;}
.page-about .content-features .card-02 .number { margin-right:4.6053%; margin-left:0;}
.page-about .content-features .card-02>figure { right:8.2237%; left:auto;}
.page-about .content-features .card-02>article { margin-right:auto; margin-left:auto;}
.page-about .content-staff { padding-top:15.625%;}
.page-about .content-staff .content-staff-inner { width:79.1667%;}
.page-about .content-staff .common-header-02 { margin-bottom:9.7039%;}
.page-about .content-staff .card-01 { flex-direction:column; justify-content:flex-start;}
.page-about .content-staff .card-01>figure { width:100%;}
.page-about .content-staff .card-01>article { margin-top:5.9211%; width:100%; justify-content:flex-start;}
.page-about .content-staff .card-01>article .card-header { margin-bottom:0.2778em;}
.page-about .content-staff .card-01>article .card-header .item-02 { margin-top:0.1389em;}
.page-about .content-staff .card-01>article .card-body { line-height:1.75;}
.page-about .content-staff .card-01>article .card-body * { line-height:1.75;}
.page-about .content-staff .card-01>article .card-body>p+p { margin-top:0.625em;}
.page-about .content-staff .card-01 .common-button-01 { width:100%; max-width:21.1667em; margin-top:6.25%; margin-right:auto; margin-left:auto;}
.page-about .content-staff .card-01+.card-01 { padding-top:11.5132%; margin-top:11.5132%;}
}

@media (max-width:320px) {
.page-about .content-staff .card-01>article .card-header .item-01 { font-size:9px;}
.page-about .content-message .content-items-02 .item-02,
.page-about .content-features .card-01>article .item-02,
.page-about .content-features .card-02>article .item-02,
.page-about .content-staff .card-01>article .card-body { font-size:11px;}
.page-about .content-features .card-01::before,
.page-about .content-features .card-02::before,
.page-about .content-features .card-01>figure,
.page-about .content-features .card-02>figure,
.page-about .content-staff .card-01>figure { font-size:14px;}
.page-about .content-features .card-01>article .item-01,
.page-about .content-features .card-02>article .item-01,
.page-about .content-staff .card-01>article .card-header { font-size:15px;}
.page-about .content-message .content-items-02 .item-01 { font-size:19px;}
.page-about .content-features .card-01 .number,
.page-about .content-features .card-02 .number { font-size:67px;}
}

@media (min-width:768.1px) and (max-width:1378px) {
.page-about .content-staff .card-01>article .card-header .item-01 { font-size:calc(9px + (1vw - 7.68px) * .8197);}
.page-about .content-message .content-items-02 .item-02,
.page-about .content-features .card-01>article .item-02,
.page-about .content-features .card-02>article .item-02,
.page-about .content-staff .card-01>article .card-body { font-size:calc(10px + (1vw - 7.68px) * .9836);}
.page-about .content-features .card-01>article .item-01,
.page-about .content-features .card-02>article .item-01 { font-size:calc(16px + (1vw - 7.68px) * 1.3115);}
.page-about .content-staff .card-01>article .card-header { font-size:calc(17px + (1vw - 7.68px) * 1.1475);}
.page-about .content-message .content-items-02 .item-01 { font-size:calc(20px + (1vw - 7.68px) * 1.9672);}
.page-about .content-features .card-01::before,
.page-about .content-features .card-02::before,
.page-about .content-features .card-01>figure,
.page-about .content-features .card-02>figure,
.page-about .content-staff .card-01>figure { font-size:calc(9px + (1vw - 7.68px) * 1.1475);}
.page-about .content-features .card-01 .number,
.page-about .content-features .card-02 .number { font-size:calc(78px + (1vw - 7.68px) * 10.1639);}
}

@media (min-width:320.1px) and (max-width:768px) {
.page-about .content-staff .card-01>article .card-header .item-01 { font-size:calc(9px + (1vw - 3.2px) * 2.4554);}
.page-about .content-message .content-items-02 .item-02,
.page-about .content-features .card-01>article .item-02,
.page-about .content-features .card-02>article .item-02,
.page-about .content-staff .card-01>article .card-body { font-size:calc(11px + (1vw - 3.2px) * 2.9018);}
.page-about .content-features .card-01::before,
.page-about .content-features .card-02::before,
.page-about .content-features .card-01>figure,
.page-about .content-features .card-02>figure,
.page-about .content-staff .card-01>figure { font-size:calc(14px + (1vw - 3.2px) * 2.2321);}
.page-about .content-features .card-01>article .item-01,
.page-about .content-features .card-02>article .item-01,
.page-about .content-staff .card-01>article .card-header { font-size:calc(15px + (1vw - 3.2px) * 4.6875);}
.page-about .content-message .content-items-02 .item-01 { font-size:calc(19px + (1vw - 3.2px) * 6.0268);}
.page-about .content-features .card-01 .number,
.page-about .content-features .card-02 .number { font-size:calc(67px + (1vw - 3.2px) * 20.7589);}
}