@charset "UTF-8";html{font-size:62.5%}body{font-size:1.6rem}@media (max-width: 768px){body{font-size:1.4rem}}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:inherit}img{max-width:100%;height:auto}p{margin:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}ul,ol{list-style:none}a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit}@media screen and (min-width: 768px){.sp-only{display:none}}@media screen and (max-width: 767px){.pc-only{display:none}}.global-header .global-siteid .site-logo{box-sizing:content-box}.sec:last-child{margin-bottom:7rem}@media (max-width: 768px){.sec:last-child{margin-bottom:3rem}}.sec+.sec{padding-inline:1rem;padding-top:7rem}@media (max-width: 768px){.sec+.sec{padding-top:3rem}}.inner{max-width:1100px;margin-inline:auto}.container{background-color:#f0f4f7}.mv{background-image:url(/sim/esim/images/mv-bg.webp);background-size:cover;background-position:center;padding-block:1em}@media (max-width: 768px){.mv{background-image:url(/sim/esim/images/mv-bg_sp.webp);padding-block:2em}}.mv_text{text-align:center;opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease-out .2s forwards;padding-inline:1rem}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.intro{margin-top:5rem;padding-inline:1rem}.intro_ttl{font-size:clamp(2rem,3.2vw,3.2rem);font-weight:700;text-align:center;color:#004097}.intro_txt{margin-top:1.6rem;text-align:center}.intro_bnr{margin-top:clamp(3rem,5vw,5rem);max-width:600px;display:block;margin-inline:auto}@media (max-width: 768px){.intro_bnr{max-width:350px}}.merits_boxWrap{display:grid;grid-template-columns:repeat(2,1fr);gap:2.4rem}@media (max-width: 768px){.merits_boxWrap{grid-template-columns:1fr;max-width:400px;margin-inline:auto;gap:1.6rem}}.merits_box{display:flex;flex-direction:column;justify-content:start;align-items:center;background-color:#fff;padding:3rem;border:1px solid #c0c7d3;border-radius:10px;gap:2.4rem;box-shadow:0 4px 12px #f0f0f0;min-height:230px}@media (max-width: 768px){.merits_box{padding:2rem}}.merits_box img{width:180px}@media (max-width: 768px){.merits_box img{width:150px}}.merits_boxTtl{font-weight:700;font-size:clamp(1.8rem,2vw,2rem)}.promo_bnrWrap{display:flex;flex-direction:column;gap:2.4rem}.promo_bnr{text-align:center}.promo_bnr img{width:700px}@media (max-width: 768px){.promo_bnr img{width:100%}}.flow.is-active .flow_step .flow_stepTxt{opacity:1;transform:translateY(0)}.flow.is-active .flow_step:before{height:calc(100% - var(--circle-size) - var(--line-gap) * 2)}.flow.is-active .flow_step:nth-child(1) .flow_stepTxt{transition-delay:.1s}.flow.is-active .flow_step:nth-child(1):before{transition-delay:.4s}.flow.is-active .flow_step:nth-child(2) .flow_stepTxt{transition-delay:.7s}.flow.is-active .flow_step:nth-child(2):before{transition-delay:1s}.flow.is-active .flow_step:nth-child(3) .flow_stepTxt{transition-delay:1.3s}.flow.is-active .flow_step:nth-child(3):before{transition-delay:1.6s}.flow.is-active .flow_step:nth-child(4) .flow_stepTxt{transition-delay:1.9s}.flow .inner{max-width:800px}.flow_container{background-color:#fff;padding:3.6rem 1.6rem;border-radius:10px;border:1px solid #c0c7d3;box-shadow:0 4px 12px #f0f0f0}.flow_containerInner{width:90%;margin-inline:auto}.flow_ttl{text-align:center;font-weight:700;border-bottom:1px solid #c0c7d3;padding-bottom:1.6rem;font-size:clamp(2rem,2.8vw,2.8rem)}.flow_stepWrap{margin-top:5rem}.flow_step{--circle-size: 56px;--line-gap: 8px;display:flex;gap:3rem;position:relative;padding-bottom:7rem}@media (max-width: 768px){.flow_step{--circle-size: 30px;--line-gap: 4px;padding-bottom:4rem;gap:2rem}}.flow_step:last-child{padding-bottom:0}.flow_step:last-child:before{display:none}.flow_step:before{content:"";position:absolute;background-color:#cbd5e1;width:2px;left:calc(var(--circle-size) / 2);transform:translate(-50%);top:calc(var(--circle-size) + var(--line-gap));height:0;transition:height .8s ease-in-out}.flow_stepNum{width:var(--circle-size);height:var(--circle-size);background-color:#004097;color:#fff;border-radius:50%;display:grid;place-content:center;flex-shrink:0;font-size:20px}@media (max-width: 768px){.flow_stepNum{font-size:14px}}.flow_stepTxt{display:flex;flex-direction:column;justify-content:center;gap:.5rem;opacity:0;transform:translateY(15px);transition:opacity .6s ease,transform .6s ease}
