.info-app{display:none !important}@media screen and (max-width: 680px){.all-cont-bottom.contents-container .inner{padding-top:0}}.main,.app-container{background-color:#e5e0d8}.main .page-title{color:#8f8a6f}.app-container .inner{padding-top:0}@media screen and (max-width: 680px){.app-container .inner{padding-top:1rem}}.appli-introduction{display:grid;grid-template-columns:auto 21.53846154%;grid-gap:0 2.5rem;margin-bottom:1rem}.appli-introduction .text{grid-column:1/2}.appli-introduction .text .maincopy{margin-bottom:0}.appli-introduction .image{grid-column:2/3;grid-row:1/3}.appli-introduction .flow{grid-column:1/2;grid-row:2/3;display:grid;grid-template-columns:30% 2% 30% 2% 30%;column-gap:1.5%}.appli-introduction .flow li{margin-top:1rem;display:grid;grid-template-rows:subgrid;grid-row:span 4}.appli-introduction .flow li.arrow{display:flex;align-items:center}.appli-introduction .flow li.arrow::before{content:"";display:block;aspect-ratio:1/2;width:100%;background-color:#cdcdcd;clip-path:polygon(0 0, 100% 50%, 0 100%)}.appli-introduction .flow .step-head{background:#4c4948;font-size:1rem;line-height:1.4;color:#fff;text-align:center;border-radius:10rem;padding:0.25rem}.appli-introduction .flow .step-copy{font-size:0.9375rem;text-align:center;line-height:1.44;padding:0.75rem 0 0.25rem;margin-bottom:0.25rem}.appli-introduction .flow .lead{font-size:0.875rem;line-height:1.6;text-align:left;padding:0 1rem}.appli-introduction .flow .fig{width:48%;margin:0.5rem auto 0}@media screen and (max-width: 834px){.appli-introduction{grid-template-columns:auto 28%}.appli-introduction .flow{grid-column:1/3;grid-template-columns:2% 30% 2% 30%}.appli-introduction .flow li:first-of-type{grid-column:1/5;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.appli-introduction .flow li:first-of-type div,.appli-introduction .flow li:first-of-type li{min-height:0%}.appli-introduction .flow li:first-of-type .step-head{width:100%}.appli-introduction .flow li:first-of-type .step-copy,.appli-introduction .flow li:first-of-type .lead{width:72%;margin-right:auto}.appli-introduction .flow li:first-of-type .fig{width:20%;float:right;margin-top:-5%}.appli-introduction .flow .step-head{font-size:0.9375rem}.appli-introduction .flow .step-copy{font-size:0.875rem}.appli-introduction .flow .lead{font-size:0.8125rem}}@media screen and (max-width: 680px){.appli-introduction{grid-template-columns:1fr}.appli-introduction .text{grid-column:1/2}.appli-introduction .image{grid-column:1/2;grid-row:2/3;width:56%;margin:1rem auto 0}.appli-introduction .flow{display:block;grid-column:1/2;grid-row:3/4}.appli-introduction .flow li{display:block;width:100%}.appli-introduction .flow li.arrow{width:100%;justify-content:center}.appli-introduction .flow li.arrow::before{aspect-ratio:2/1;width:32px;clip-path:polygon(0 0, 100% 0, 50% 100%)}.appli-introduction .flow li:first-of-type .step-copy,.appli-introduction .flow li:first-of-type .lead{width:100%}.appli-introduction .flow li:first-of-type .fig{width:28%;max-width:112px}.appli-introduction .flow .step-head{font-size:1.1255rem}.appli-introduction .flow .step-copy{font-size:1.1255rem}.appli-introduction .flow .lead{font-size:1rem}}
