@charset "UTF-8";

.page-menu .menu-card-01 .feature-title-01 .jp,
.page-menu .content-01 .card-price-01 { font-size:14px;}
.page-menu .content-01 .card-02 .item-02 { font-size:16px;}
.page-menu .content-01 .subtitle-01 { font-size:16px;}
.page-menu .content-01 .card-name-01,
.page-menu .content-01 .card-02 .item-01 { font-size:24px;}
.page-menu .menu-card-01 .feature-title-01 .en { font-size:24px;}
.page-menu .menu-card-01 .card-menu-01 { font-size:32px;}
.page-menu { width:100%;}
.page-menu .content-menu-wrap { width:100%; background-color:#f4f4f4; padding-top:120px; padding-bottom:200px;}
.page-menu .menu-card-01 { max-width:1080px; width:90%; margin-left:auto; margin-right:auto; background-color:#fff; padding-top:80px; padding-bottom:80px; position:relative;}
.page-menu .menu-card-01+.menu-card-01 { margin-top:80px;}
.page-menu .menu-card-01 .card-inner-01 { width:920px; display:flex; justify-content:space-between; flex-wrap:wrap; margin-right:auto; margin-left:auto;}
.page-menu .menu-card-01 .card-image-01 { width:40%; display:flow-root;}
.page-menu .menu-card-01 .card-image-01 figure { width:100%;}
.page-menu .menu-card-01 .card-image-01 figure img { float:left;}
.page-menu .menu-card-01 .card-body-01 { width:53.4783%; display:flex; flex-direction:column; justify-content:space-between;}
.page-menu .menu-card-01 .card-body-01>article { width:100%;}
.page-menu .menu-card-01 .card-menu-01 { color:var(--color-gray-01); width:100%;}
.page-menu .menu-card-01 .card-menu-01 * { color:var(--color-gray-01);}
.page-menu .menu-card-01 .card-price-01 { margin-top:.8695652174%; margin-left:.2em; width:calc(100% - .2em);}
.page-menu .menu-card-01 .card-list-01 { width:100%; margin-top:5%;}
.page-menu .menu-card-01 .card-list-01 li { padding-left:1.3em; position:relative; width:100%;}
.page-menu .menu-card-01 .card-list-01 li+li { margin-top:.5em;}
.page-menu .menu-card-01 .card-list-01 li::before { content:""; display:block; background-color:var(--text-base-color); width:.3em; height:.3em; left:.5em; top:.6em; position:absolute; border-radius:.3em;}
.page-menu .menu-card-01 .card-list-01+.card-article-01 { margin-top:2.8261%;}
.page-menu .menu-card-01 .card-article-01 { width:100%; text-align:justify; text-justify:inter-ideograph; word-break:break-all; line-height:1.875; margin-top:5%;}
.page-menu .menu-card-01 .common-button-01 { margin-top:5.4348%;}
.page-menu .menu-card-01 .common-button-01.sp { display:none;}
.page-menu .menu-card-01 .feature-title-01 { width:100%; display:flex; align-items:flex-end;}
.page-menu .menu-card-01 .feature-title-01 * { color:var(--color-gray-01);}
.page-menu .menu-card-01 .feature-title-01 .en { line-height:1; font-style:normal; display:block;}
.page-menu .menu-card-01 .feature-title-01 .jp { margin-left:1.2em; position:relative; top:.1em; display:block;}
.page-menu .menu-card-01 .feature-01 { margin-top:7.0652%; margin-right:auto; margin-left:auto; width:100%;}
.page-menu .menu-card-01 .feature-01 .common-button-01 { width:79.932%; margin-top:10.2041%;}
.page-menu .menu-card-01 .feature-card-01,
.page-menu .menu-card-01 .feature-card-02 { width:100%; margin-top:2.8261%;}
.page-menu .menu-card-01 .feature-card-01 { display:flex; justify-content:space-between;}
.page-menu .menu-card-01 .feature-card-01>article { width:28.6957%; position:relative;}
.page-menu .menu-card-01 .feature-card-01>article>figure { width:100%; display:flow-root;}
.page-menu .menu-card-01 .feature-card-01>article>figure img { float:left;}
.page-menu .menu-card-01 .feature-card-01>article .item-01 { width:100%; margin-top:5.6818%; line-height:1.875;}
.page-menu .menu-card-01 .feature-card-01>article .item-01 p { width:100%; text-align:justify; text-justify:inter-ideograph; word-break:break-all; line-height:1.875;}
.page-menu .menu-card-01 .feature-card-01>article:not(:last-of-type)::before { clip-path:polygon(0 0, 100% 50%, 0 100%); position:absolute; top:0; margin-top:37.8788%; left:calc(8.6538% + 100%); content:""; display:block; background-color:var(--color-brown-01); width:1.25em; height:1.875em;}
.page-menu .menu-card-01 .feature-card-02 { display:flex; justify-content:space-between; align-items:flex-start;}
.page-menu .menu-card-01 .feature-card-02 .card-image-01 { width:51.6304%; display:flex; justify-content:space-between;}
.page-menu .menu-card-01 .feature-card-02 .card-image-01 figure { display:flow-root; width:48.4211%;}
.page-menu .menu-card-01 .feature-card-02 .card-image-01 figure img { float:left;}
.page-menu .menu-card-01 .feature-card-02>p { text-align:justify; text-justify:inter-ideograph; word-break:break-all; line-height:1.875; width:43.1522%;}
.page-menu .content-01 { width:100%; padding-top:102px;}
.page-menu .content-01 .common-en-title-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);}
.page-menu .content-01 .common-en-title-01.a { animation-name:fade_in_up;}
.page-menu .content-01 .common-en-title-01.a+.subtitle-01 { animation-name:fade_in_up;}
.page-menu .content-01 .subtitle-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); animation-delay:400ms; line-height:1.875; text-align:center; width:calc(100% - 2em); margin-top:60px; margin-right:auto; margin-left:auto;}
.page-menu .content-01 .card-01 { max-width:1080px; width:90%; margin-left:auto; margin-right:auto; margin-top:95px;}
.page-menu .content-01 .card-inner-01 { width:920px; display:flex; justify-content:space-between; margin-right:auto; margin-left:auto;}
.page-menu .content-01 .card-inner-01>figure { width:36.3043%; display:flow-root;}
.page-menu .content-01 .card-inner-01>figure img { float:left;}
.page-menu .content-01 .card-inner-01>article { display:flex; flex-direction:column; justify-content:center; width:57.1739%;}
.page-menu .content-01 .card-name-01 { color:var(--color-gray-01); width:100%;}
.page-menu .content-01 .card-price-01 { width:calc(100% - .1em); margin-top:1.5209%; margin-left:.15em;}
.page-menu .content-01 .card-article-01 { width:100%; margin-top:3.4221%; text-align:justify; text-justify:inter-ideograph; word-break:break-all; line-height:1.875;}
.page-menu .content-01 .card-02 { margin-top:100px; margin-right:auto; margin-left:auto; padding-top:52px; padding-bottom:54px; text-align:center; border-width:1.4px; border-color:var(--color-brown-01); border-style:solid; width:920px;}
.page-menu .content-01 .card-02 .item-01 { width:100%;}
.page-menu .content-01 .card-02 .item-02 { width:100%; margin-top:1.9625%; line-height:1.875;}

@media (max-width:1400px) {
.page-menu .content-menu-wrap { padding-top:8.5714%; padding-bottom:14.2857%;}
.page-menu .menu-card-01 { padding-top:5.7143%; padding-bottom:5.7143%;}
.page-menu .menu-card-01+.menu-card-01 { margin-top:5.7143%;}
.page-menu .content-01 { padding-top:7.2857%;}
.page-menu .content-01 .subtitle-01 { margin-top:4.2857%;}
.page-menu .content-01 .card-01 { margin-top:6.7857%;}
.page-menu .content-01 .card-02 { padding-top:3.7143%; padding-bottom:3.8571%; margin-top:7.1429%;}
}

@media (max-width:1170px) {
.page-menu .menu-card-01 { padding-top:5.641%; padding-bottom:5.641%;}
.page-menu .menu-card-01 .card-inner-01 { width:87.4644%;}
.page-menu .content-01 .card-inner-01 { width:87.4644%;}
.page-menu .content-01 .card-02 { width:78.6325%;}
}

@media (max-width:1100px) {
.page-menu .menu-card-01+.menu-card-01 { margin-top:4.5455%;}
}

@media (max-width:768px) {
.page-menu .content-menu-wrap { padding-top:13.0208%; padding-bottom:15.625%;}
.page-menu .menu-card-01 { padding-top:6.7188%; padding-bottom:8.0208%;}
.page-menu .menu-card-01+.menu-card-01 { margin-top:5.2083%;}
.page-menu .menu-card-01 .card-inner-01 { width:85.0694%; flex-direction:column;}
.page-menu .menu-card-01 .card-image-01 { width:100%;}
.page-menu .menu-card-01 .card-body-01 { width:100%; margin-top:3.9116%;}
.page-menu .menu-card-01 .card-menu-01 { line-height:1.3043;}
.page-menu .menu-card-01 .card-price-01 { margin-top:2.2109%; margin-left:.2em;}
.page-menu .menu-card-01 .card-list-01 { margin-top:3.9116%;}
.page-menu .menu-card-01 .card-list-01+.card-article-01 { margin-top:3.2313%;}
.page-menu .menu-card-01 .card-article-01 { line-height:1.75; margin-top:3.9116%;}
.page-menu .menu-card-01 .common-button-01 { margin-top:7.6531%; margin-right:auto; margin-left:auto; width:79.932%;}
.page-menu .menu-card-01 .common-button-01.pc { display:none;}
.page-menu .menu-card-01 .common-button-01.sp { display:flow-root;}
.page-menu .menu-card-01 .feature-01 { margin-top:11.0544%;}
.page-menu .menu-card-01 .feature-01 .common-button-01 { margin-top:8.5034%;}
.page-menu .menu-card-01 .feature-card-01,
.page-menu .menu-card-01 .feature-card-02 { margin-top:6.1224%;}
.page-menu .menu-card-01 .feature-card-01 { flex-direction:column;}
.page-menu .menu-card-01 .feature-card-01>article { width:100%; display:flex; justify-content:space-between;}
.page-menu .menu-card-01 .feature-card-01>article:not(:first-of-type) { margin-top:11.9048%;}
.page-menu .menu-card-01 .feature-card-01>article>figure { width:42.1769%;}
.page-menu .menu-card-01 .feature-card-01>article .item-01 { display:flex; align-items:center; margin-top:0; width:54.2517%; line-height:1.75;}
.page-menu .menu-card-01 .feature-card-01>article .item-01 p { line-height:1.75;}
.page-menu .menu-card-01 .feature-card-01>article:not(:last-of-type)::before { clip-path:polygon(0 0, 100% 0, 50% 100%); width:1.875em; height:1.25em; margin-top:3.5374%; left:50%; top:100%; transform:translateX(-50%);}
.page-menu .menu-card-01 .feature-card-02 { flex-direction:column; justify-content:flex-start; align-items:stretch;}
.page-menu .menu-card-01 .feature-card-02 .card-image-01 { width:100%;}
.page-menu .menu-card-01 .feature-card-02 .card-image-01 figure { width:48.4694%;}
.page-menu .menu-card-01 .feature-card-02>p { margin-top:4.5918%; line-height:1.75; width:100%;}
.page-menu .content-01 { padding-top:16.276%;}
.page-menu .content-01 .subtitle-01 { margin-top:6.7708%; line-height:1.75;}
.page-menu .content-01 .card-01 { margin-top:9.7656%;}
.page-menu .content-01 .card-inner-01 { width:85.0694%; flex-direction:column; justify-content:flex-start;}
.page-menu .content-01 .card-inner-01>figure { width:100%;}
.page-menu .content-01 .card-inner-01>article { margin-top:5.102%; width:100%;}
.page-menu .content-01 .card-price-01 { margin-top:1.7007%;}
.page-menu .content-01 .card-article-01 { line-height:1.75;}
.page-menu .content-01 .card-02 { width:76.5625%; margin-top:12.3698%; padding-top:6.5104%; padding-bottom:7.1615%;}
.page-menu .content-01 .card-02 .item-02 { margin-top:3.0759%; margin-right:auto; margin-left:auto; text-align:left; width:88.175%; line-height:1.75;}
}

@media (max-width:600px) {
.page-menu .menu-card-01 .feature-card-01>article .item-01 { line-height:1.6;}
.page-menu .menu-card-01 .feature-card-01>article .item-01 p { line-height:1.6;}
}

@media (max-width:450px) {
.page-menu .menu-card-01 .feature-card-01>article:not(:first-of-type) { margin-top:13.0952%;}
}

@media (max-width:320px) {
.page-menu .content-01 .subtitle-01,
.page-menu .content-01 .card-price-01,
.page-menu .content-01 .card-02 .item-02 { font-size:11px;}
.page-menu .menu-card-01 .feature-title-01 .en,
.page-menu .content-01 .card-name-01 { font-size:19px;}
.page-menu .menu-card-01 .feature-title-01 .jp { font-size:10px;}
.page-menu .content-01 .card-02 .item-01 { font-size:15px;}
.page-menu .menu-card-01 .card-menu-01 { font-size:19px;}
}

@media (min-width:768.1px) and (max-width:1400px) {
.page-menu .menu-card-01 .feature-title-01 .jp,
.page-menu .content-01 .card-price-01 { font-size:calc(11px + (1vw - 7.68px) * .4747);}
.page-menu .content-01 .card-02 .item-02 { font-size:calc(12px + (1vw - 7.68px) * .6329);}
.page-menu .content-01 .subtitle-01 { font-size:calc(14px + (1vw - 7.68px) * .3165);}
.page-menu .content-01 .card-name-01,
.page-menu .content-01 .card-02 .item-01 { font-size:calc(18px + (1vw - 7.68px) * .9494);}
.page-menu .menu-card-01 .feature-title-01 .en { font-size:calc(20px + (1vw - 7.68px) * .6329);}
.page-menu .menu-card-01 .card-menu-01 { font-size:calc(18px + (1vw - 7.68px) * 2.2152);}
}

@media (min-width:320.1px) and (max-width:768px) {
.page-menu .content-01 .subtitle-01,
.page-menu .content-01 .card-price-01,
.page-menu .content-01 .card-02 .item-02 { font-size:calc(11px + (1vw - 3.2px) * 2.9018);}
.page-menu .menu-card-01 .feature-title-01 .en,
.page-menu .content-01 .card-name-01 { font-size:calc(19px + (1vw - 3.2px) * 3.7946);}
.page-menu .menu-card-01 .feature-title-01 .jp { font-size:calc(10px + (1vw - 3.2px) * 2.2321);}
.page-menu .content-01 .card-02 .item-01 { font-size:calc(15px + (1vw - 3.2px) * 4.6875);}
.page-menu .menu-card-01 .card-menu-01 { font-size:calc(19px + (1vw - 3.2px) * 6.0268);}
}