.service .article-service>p{margin-top:30px}.service .article-service .content--wide{margin-top:30px}.service .article-service .phase__item{text-align:center;margin-top:30px}.service .article-service .phase__item:first-of-type{margin-top:0}.service .article-service .phase__item:nth-child(1) h3{background:var(--fd-light-blue)}.service .article-service .phase__item:nth-child(1) .phase__content{border:solid 2px var(--fd-light-blue)}.service .article-service .phase__item:nth-child(1) h4{background:var(--fd-light-blue)}.service .article-service .phase__item:nth-child(2) h3{background:#207dbc}.service .article-service .phase__item:nth-child(2) .phase__content{border:solid 2px #207dbc}.service .article-service .phase__item:nth-child(2) h4{background:#207dbc}.service .article-service .phase__item:nth-child(3) h3{background:#1c53a2}.service .article-service .phase__item:nth-child(3) .phase__content{border:solid 2px #1c53a2}.service .article-service .phase__item:nth-child(3) h4{background:#1c53a2}.service .article-service .phase__item:nth-child(4) h3{background:var(--fd-dark-blue)}.service .article-service .phase__item:nth-child(4) .phase__content{border:solid 2px var(--fd-dark-blue)}.service .article-service .phase__item:nth-child(4) h4{background:var(--fd-dark-blue)}.service .article-service .phase h3{font-size:26px;padding:8px 20px;line-height:1;color:var(--fd-white);font-weight:bold;border-radius:50px;display:inline-block;min-width:144px;width:auto}.service .article-service .phase__content{margin-top:20px}.service .article-service .phase h4{font-size:20px;font-weight:bold;color:var(--fd-white);line-height:1;text-align:center;padding:16px 20px}.service .article-service .phase .detail{padding:20px}.service .article-service .phase .detail__item{text-align:left;line-height:1.35;margin-top:.35em}.service .article-service .production{margin-top:69px;padding:60px 0;position:relative;z-index:0}.service .article-service .production__list{display:grid;grid-template-columns:1fr;gap:30px}.service .article-service .production__item{padding:20px;border:solid 1px var(--fd-light-blue);background:var(--fd-white)}.service .article-service .production h3{font-size:20px;font-weight:bold;color:var(--fd-dark-blue);line-height:1;text-align:center}.service .article-service .production p{margin-top:10px;line-height:1.35}.service .article-service .production .arrow{position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%, -50%);width:60px;height:calc(100% - 20px);background:var(--fd-dark-gray)}.service .article-service .production .arrow__start{position:absolute;display:inline-block;top:-45px;left:50%;transform:translateX(-50%);border-left:50px solid rgba(0,0,0,0);border-right:50px solid rgba(0,0,0,0);border-bottom:46px solid var(--fd-dark-gray)}.service .article-service .production .arrow__end{position:absolute;display:inline-block;bottom:-36px;left:50%;transform:translateX(-50%);border-left:50px solid rgba(0,0,0,0);border-right:50px solid rgba(0,0,0,0);border-top:46px solid var(--fd-dark-gray)}.service .article-service .production .arrow--xl{display:none}.service .article-flow{margin-top:66px}.service .article-flow>p{margin-top:30px}.service .article-flow .content{margin-top:40px}.service .article-flow .question{padding:40px 0;background:#c3cbde;text-align:center;width:100vw;position:relative;left:50%;transform:translateX(-50%)}.service .article-flow .question h3{font-size:26px;font-weight:bold;color:var(--fd-dark-blue);line-height:1}.service .article-flow .question ul{margin-top:30px;display:grid;grid-template-columns:repeat(2, 135px);grid-template-rows:repeat(2, 135px);justify-content:center;gap:20px}.service .article-flow .question li{background:var(--fd-white);border-radius:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:bold;width:100%;height:100%;line-height:1.35;text-box:trim-both cap alphabetic}.service .article-flow .question picture,.service .article-flow .question img{display:block;width:222px;height:auto;margin:30px auto 0}.service .article-flow .step{text-align:center;font-size:20px;color:var(--fd-dark-blue);font-weight:bold;width:250px;margin:30px auto 0}.service .article-flow .step::after{content:"";display:block;margin:20px auto 0;padding:0;width:0;height:0;border-left:60px solid rgba(0,0,0,0);border-right:60px solid rgba(0,0,0,0);border-top:40px solid var(--fd-dark-blue)}.service .article-flow .respon{margin:30px auto 0;max-width:460px;width:100%;background:#f0ece7;padding:20px;border-radius:16px;position:relative;z-index:0}.service .article-flow .respon+.respon{margin-top:50px}.service .article-flow .respon::before{content:"";display:block;position:absolute;z-index:-1;bottom:-20px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:60px solid rgba(0,0,0,0);border-right:60px solid rgba(0,0,0,0);border-top:40px solid #f0ece7}.service .article-flow .respon h3{font-size:20px;font-weight:bold;color:var(--fd-dark-blue);line-height:1.35;text-box:trim-both cap alphabetic}.service .article-flow .respon p{margin-top:20px;font-weight:bold}.service .article-flow .respon picture,.service .article-flow .respon img{margin-top:20px;display:block;width:100%;height:140px;object-fit:contain;object-position:center}.service .article-flow .link-button{margin-top:50px}.service .article-future{padding-top:60px}.service .article-future ul{display:grid;grid-template-columns:1fr;gap:30px}.service .article-future li{padding:20px;border-radius:30px;background:var(--fd-white);filter:drop-shadow(2px 3px 6px rgba(0, 0, 0, 0.27))}.service .article-future li h3{font-size:20px;font-weight:bold;text-align:center;color:var(--fd-dark-blue);line-height:1;border:solid 2px var(--fd-dark-blue);border-radius:12px;padding:12px}.service .article-future li p{margin-top:30px;text-box:trim-both cap alphabetic}.service .article-future li img{margin-top:20px;display:block;width:100%;height:140px;object-fit:contain;object-position:center}@media(min-width: 768px){.service .article-service{max-width:640px}.service .article-service .phase{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px}.service .article-service .phase__item{margin:0}.service .article-flow .question ul{grid-template-columns:repeat(4, 135px);grid-template-rows:135px}}@media(min-width: 960px){.service .article-service>p{margin-top:60px}.service .article-service .content--wide{margin-top:60px}.service .article-future ul{grid-template-columns:repeat(2, 1fr);gap:30px}.service .article-future li h3{line-height:1.35;text-box:trim-both cap alphabetic}.service .article-future li h3 br{display:inline !important}.service .article-future li:nth-child(5){grid-column:1/3;grid-row:3/4;display:grid;grid-template-areas:"title img" "text img";grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:0 60px;align-items:center}.service .article-future li:nth-child(5) h3{grid-area:title}.service .article-future li:nth-child(5) p{grid-area:text}.service .article-future li:nth-child(5) picture,.service .article-future li:nth-child(5) img{grid-area:img;width:auto;height:140px;display:block;margin:0 auto}}@media(min-width: 1024px){.service .article-service .content{margin-top:120px}.service .article-flow .content{margin-top:60px}.service .article-future{margin-top:320px;padding-top:0}}@media(min-width: 1280px){.service .article-service .phase{max-width:1400px;width:calc(100vw - 160px);position:relative;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4, 1fr);gap:40px}.service .article-service .phase .detail{padding:15px}.service .article-service .production{max-width:1280px;width:calc(100vw - 160px);position:relative;left:50%;transform:translateX(-50%)}}@media(min-width: 1280px)and (min-width: 1330px){.service .article-service .production{width:calc(100vw - 220px)}}@media(min-width: 1280px){.service .article-service .production__list{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}}@media(min-width: 1280px)and (min-width: 1330px){.service .article-service .production__list{justify-content:start;gap:60px 40px}.service .article-service .production__list::before{content:"";display:block;width:100px;height:0;order:3}}@media(min-width: 1280px){.service .article-service .production__item{font-size:16px;word-break:break-all}.service .article-service .production__item:nth-child(1){width:360px;order:1}.service .article-service .production__item:nth-child(2){width:315px;order:2}.service .article-service .production__item:nth-child(3){width:440px;order:4}.service .article-service .production__item:nth-child(4){width:320px;order:5}.service .article-service .production__item:nth-child(5){width:250px;order:6}}@media(min-width: 1280px)and (min-width: 1330px){.service .article-service .production__item:nth-child(3){margin-left:auto}}@media(min-width: 1280px){.service .article-service .production .arrow{position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%, -50%);width:auto;height:auto;background:none}.service .article-service .production .arrow__start{display:none}.service .article-service .production .arrow__end{display:none}.service .article-service .production .arrow--xl{display:block;max-width:1450px;width:calc(100vw - 80px);height:auto}.service .article-service .production .arrow--xxl{display:none}}@media(min-width: 1280px)and (min-width: 1330px){.service .article-service .production .arrow--xl{display:none}.service .article-service .production .arrow--xxl{display:block;max-width:1475px;width:calc(100vw - 80px);height:auto}}@media(min-width: 1280px){.service .article-flow .question{width:100%;left:auto;transform:none;border-radius:30px;overflow:hidden;display:grid;grid-template-areas:"title img" "list img";gap:40px 0;padding:40px 10px 40px 40px;align-items:center}.service .article-flow .question h3{grid-area:title;font-size:26px;text-align:left}.service .article-flow .question ul{grid-area:list;grid-template-columns:repeat(4, 160px);grid-template-rows:160px;gap:20px;margin:0}.service .article-flow .question picture,.service .article-flow .question img{grid-area:img;width:100%;height:auto;margin:0;align-self:center;justify-self:end}.service .article-flow .step br{display:none}.service .article-flow .respon{max-width:none;display:grid;grid-template-areas:"title img" "text img";grid-template-columns:426px 1fr;grid-template-rows:1lh auto;gap:30px;align-items:start;padding:40px}.service .article-flow .respon h3{grid-area:title;font-size:26px;text-align:left;line-height:1}.service .article-flow .respon h3 br{display:none}.service .article-flow .respon p{grid-area:text;margin:0}.service .article-flow .respon picture,.service .article-flow .respon img{grid-area:img;width:auto;height:226px;margin:0 auto}.service .article-future ul{gap:40px}.service .article-future li h3{font-size:26px}}