/* ================================
  3分でわかるGMOコマース ページ
================================ */
body {
    caret-color: transparent;
}

.pc {
    display: block;
}

.sp {
    display: none;
}

@media (max-width: 767px) {
    .l-inner {
        width: 90% !important;
    }
}

/* メインビジュアル（Mv）
-------------------------------- */
.l-mv .l-sec-inner {
    padding: 0 1.8%;
}

/* 3分でわかるGMOコマース
-------------------------------- */
.l-indi {
    grid-area: main;
}

.l-indi img {
    width: 100%;
    height: auto;
    pointer-events: none;
}

.l-indi .l-sec-inner {
    padding: 0;
}

.l-indi__pageanchor#step-1 {
    scroll-margin-top: 150px;
}

.l-indi__pageanchor#step-2 {
    scroll-margin-top: 49px;
}

.l-indi__pageanchor#step-3 {
    scroll-margin-top: -12px;
}

_::-webkit-full-page-media,
_:future,
:root .l-indi__pageanchor#step-1,
_::-webkit-full-page-media,
_:future,
:root .l-indi__pageanchor#step-2,
_::-webkit-full-page-media,
_:future,
:root .l-indi__pageanchor#step-3 {
    scroll-margin-top: 212px;
}

.l-indi__step__markertit {
    text-align: center;
    font-size: 30px;
    line-height: 1.4;
    font-weight: 700;
    color: #255aa6;
    letter-spacing: 0;
    margin: 0 auto;
    width: fit-content;
}

.l-indi__step__markertit__marker {
    padding: 0 .3em .2em;
    background: linear-gradient(transparent 50%, #cbdef8 0%);
}

.l-indi__step__tit+.l-indi__step__markertit {
    margin-top: 24px;
}

.l-indi__step__flm__dx+.l-indi__chuki-ul {
    margin-top: 13px;
    text-align: right;
}

.l-indi__step__data-ul+.l-indi__chuki-ul {
    margin-top: 29px;
}

.l-indi__chuki-ul>li {
    font-size: 18px;
    line-height: 1.66;
}

.l-indi__main__tit__logo {
    width: 79.6%;
    max-width: 1014px;
    margin: 0 auto;
    display: block;
}

.l-indi__main__tit__txt {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
    margin: 24px auto 0;
    text-align: center;
    display: block;
    word-break: keep-all;
}

.l-indi__main__twocol {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px auto 0;
}

.l-indi__main__twocol__imgwrap {
    width: 36.15%;
    max-width: 460px;
    margin-right: 2.1%;
}

.l-indi__main__twocol__txt {
    font-size: 34px;
    line-height: 1.58;
    font-weight: 700;
    text-align: center;
    color: #255aa6;
    word-break: keep-all;
}

.l-indi__anchor-ul {
    display: flex;
    justify-content: center;
    margin: 75px auto 0;
}

.l-indi__anchor-ul>li {
    width: 30.62%;
    max-width: 390px;
}

.l-indi__anchor-ul>li+li {
    margin-left: 4.07%;
}

.l-indi__anchor-ul__link {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #255aa6;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    height: 100%;
    padding: 3.6% 2% 5.6%;
    transition: all .5s;
}

.l-indi__anchor-ul__link:hover {
    color: #fff;
    opacity: 0.7;
}

.l-indi__anchor-ul__link__inner {
    position: relative;
    padding-bottom: min(calc((30 / 1700) * 100vw), 30px);
}

.l-indi__anchor-ul__link__inner::before {
    content: "";
    display: inline-block;
    width: min(calc((15 / 1700) * 100vw), 15px);
    height: min(calc((15 / 1700) * 100vw), 15px);
    border-top: min(calc((3 / 1700) * 100vw), 3px) solid #fff;
    border-right: min(calc((3 / 1700) * 100vw), 3px) solid #fff;
    transform: rotate(135deg);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

.l-indi__anchor-ul__link__tit {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: min(calc((40 / 1700) * 100vw), 40px);
    line-height: 1;
    letter-spacing: 0;
}

.l-indi__anchor-ul__link__desk {
    font-size: min(calc((30 / 1700) * 100vw), 30px);
    font-weight: 500;
    line-height: 1.23;
    letter-spacing: 0;
    margin-top: 4.5%;
    height: 2em;
    display: flex;
    align-items: center;
}

.l-indi__step {
    margin: 63px auto 0;
}

.l-indi__pageanchor#step-2+.l-indi__step {
    margin-top: 165px;
}

.l-indi__pageanchor#step-3+.l-indi__step {
    margin-top: 225px;
}

.l-indi__step__tit {
    display: flex;
    align-items: center;
}

.l-indi__step__tit__en {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
    text-align: center;
    width: 125px;
    height: 125px;
    background: #255aa6;
    margin-right: 2.2%;
}

.l-indi__step__tit__jp {
    color: #255aa6;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
    border-bottom: #255aa6 3px solid;
    display: table;
    width: calc(100% - (125px + 2.2%));
}

.l-indi__step__flm {
    padding: 3.3% 2.5% 3.5%;
    border: 2px solid #999999;
    border-radius: 5px;
    margin: 35px auto 0;
}

.l-indi__step__flm+.l-indi__step__flm {
    margin-top: 27px;
}

.l-indi__step__flm__dx-wrap {
    max-width: 1019px;
    margin: 30px auto 0;
}

.l-indi__step__flm__dx {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e9e9e9;
    border-radius: 5px;
    padding: 4.42% 2%;
}

.l-indi__step__flm__dx__l {
    display: flex;
    align-items: center;
    margin-right: 6.4%;
}

.l-indi__step__flm__dx__l__txt {
    font-size: min(calc((25 / 1700) * 100vw), 25px);
    line-height: 1.4;
    font-weight: 500;
    position: relative;
    top: -.6em;
}

.l-indi__step__flm__dx__l__imgwrap {
    max-width: min(calc((192 / 1700) * 100vw), 192px);
}

.l-indi__step__flm__dx__txt {
    text-align: center;
    font-size: min(calc((27 / 1700) * 100vw), 27px);
    line-height: 2.1;
    font-weight: 600;
}

.l-indi__step__flm__if {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px auto 0;
}

.l-indi__step__flm__if._2 {
    margin-top: 70px;
}

.l-indi__step__flm__if._3 {
    margin-top: 60px;
}

.l-indi__step__flm__if._4 {
    margin-top: 85px;
}

.l-indi__step__flm__if._1 .l-indi__step__flm__if__logo,
.l-indi__step__flm__if._4 .l-indi__step__flm__if__logo {
    max-width: min(calc((220 / 1700)* 100vw), 220px);
}

.l-indi__step__flm__if._2 .l-indi__step__flm__if__logo {
    max-width: min(calc((322 / 1700)* 100vw), 322px);
}

.l-indi__step__flm__if._3 .l-indi__step__flm__if__logo {
    max-width: min(calc((373 / 1700)* 100vw), 373px);
}

.l-indi__step__flm__if__txt {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 2%;
}

.l-indi__step__flm__if__light {
    max-width: min(calc((84 / 1700)* 100vw), 84px);
}

.l-indi__step__flm__fig-1 {
    max-width: 1005px;
    margin: 30px auto 0;
}

.l-indi__step__flm__fig-2 {
    max-width: 1142px;
    margin: 30px auto 0
}

.l-indi__step__flm__promote-ul {
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

.l-indi__step__flm__promote-ul>li {
    font-size: min(calc((23 / 1700) * 100vw), 24px);
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: 0;
    text-align: center;
    color: #255aa6;
    border-radius: 9999px;
    border: 2px solid #255aa6;
    padding: .4em .5em .5em;
    width: 25.2%;
    max-width: 304px;
    white-space: nowrap;
}

.l-indi__step__flm__promote-ul>li+li {
    margin-left: 3.2%;
}

.l-indi__step__flm__sectit {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
    line-height: 1.4;
    color: #255aa6;
    margin: 34px auto 0;
    padding: 0 .3em .1em;
    border-bottom: 3px dotted #255aa6;
    display: table;
}

.l-indi__step__flm__thirdtit {
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
    line-height: 1.4;
    color: #000;
    margin: 46px auto 0;
    padding: 0 .3em .1em;
    border-bottom: 3px dotted #255aa6;
    display: table;
}

.l-indi__step__flm__etc-ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 23px auto 1.5%;
}

.l-indi__step__flm__etc-ul>li:nth-child(1) {
    max-width: 110px;
}

.l-indi__step__flm__etc-ul>li:nth-child(2) {
    max-width: 148px;
}

.l-indi__step__flm__etc-ul>li:nth-child(3) {
    max-width: 127px;
}

.l-indi__step__flm__etc-ul>li:nth-child(4) {
    max-width: 152px;
}

.l-indi__step__flm__etc-ul>li+li {
    margin-left: 5.5%;
}

.l-indi__step__bluetit {
    font-size: 31px;
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
    color: #255aa6;
    margin-top: 29px;
    word-break: keep-all;
}

.l-indi__step__bluetit-2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.45;
    text-align: center;
    color: #255aa6;
    margin-top: 20px;
    word-break: keep-all;
}

.l-indi__step__b-flm {
    padding: 3.0% 2.5% 3.3%;
    border: 2px solid #255aa6;
    border-radius: 5px;
    margin: 33px auto 0;
    position: relative;
}

.l-indi__step__b-flm._1 {}

.l-indi__step__b-flm._2 {
    padding-bottom: 1.9%;
}


.l-indi__step__b-flm._3 {}


.l-indi__step__shop+.l-indi__step__b-flm {
    padding: 3.6% 2.5% 3.4%;
    margin: 40px auto 0;
}

.l-indi__step__flm__fig-3 {
    max-width: 1200px;
    margin: 0 auto;
}

.l-indi__step__flm__fig-3+.l-indi__chuki-ul {
    margin-top: 29px;
}

.l-indi__step__b-flm__ai {
    display: flex;
    margin: 1.8% auto 0;
    position: relative;
    max-width: 1280px;
}

.l-indi__step__b-flm__ai__txtwrap {
    width: 59%;
    margin-right: 0;
    position: relative;
    z-index: 1;
}

.l-indi__step__b-flm__ai__imgwrap {
    width: 38.25%;
    margin-top: -1.5%;
    margin-left: 2%;
    position: relative;
    z-index: 0;
    max-width: 461px;
}

.l-indi__step__b-flm__ai__ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.l-indi__step__b-flm__ai__ul>li {
    width: 43.5%;
    margin-right: 7%;
}

.l-indi__step__b-flm__ai__ul>li:nth-child(even) {
    margin-right: 0;
}

.l-indi__step__b-flm__ai__ul>li:nth-child(n+3) {
    margin-top: 42px;
}

.l-indi__step__b-flm__ai__ul__tit {
    font-size: min(calc((25 / 1700)* 100vw), 25px);
    line-height: 1.4;
    font-weight: 600;
    text-align: center;
    color: #255aa6;
    border-radius: 9999px;
    background: #e9eff9;
    padding: .3em .5em;
}

.l-indi__step__b-flm__ai__ul__desc {
    font-size: min(calc((24 / 1700)* 100vw), 24px);
    line-height: 1.45;
    font-weight: 400;
    margin-top: 15px;
}

.l-indi__step__shop {
    margin: 85px auto 0;
}

.l-indi__step__shop__tit {
    background: #e9eff9;
    border-radius: 9999px;
    padding: .6em .5em;
    text-align: center;
    max-width: 972px;
    margin: 0 auto;
}

.l-indi__step__shop__tit__m {
    font-size: 26px;
    font-weight: 700;
}

.l-indi__step__shop__tit__l {
    font-size: 50px;
    font-weight: 700;
    color: #255aa6;
}

.l-indi__step__shop__ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: min(calc((1056 / 1700) * 100vw), 1056px);
    margin: 25px auto 0;
}

.l-indi__step__shop__ul>li {
    width: min(calc((148 / 1700) * 100vw), 148px);
    height: min(calc((148 / 1700) * 100vw), 148px);
    border-radius: 50%;
    border: 2px solid #255aa6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: min(calc((33 / 1700) * 100vw), 33px);
}

.l-indi__step__shop__ul>li:nth-child(6),
.l-indi__step__shop__ul>li:nth-child(11) {
    margin-right: 0;
}

.l-indi__step__shop__ul>li:nth-child(n+7) {
    margin-top: 20px;
}

.l-indi__step__shop__ul__inner {
    width: 100%;
}

.l-indi__step__shop__ul__imgwrap {
    margin: 0 auto;
}

.l-indi__step__shop__ul>li:nth-child(1) .l-indi__step__shop__ul__imgwrap {
    width: min(calc((44 / 1700) * 100vw), 44px);
}

.l-indi__step__shop__ul>li:nth-child(2) .l-indi__step__shop__ul__imgwrap {
    width: min(calc((49 / 1700) * 100vw), 49px);
}

.l-indi__step__shop__ul>li:nth-child(3) .l-indi__step__shop__ul__imgwrap {
    width: min(calc((46 / 1700) * 100vw), 46px);
}

.l-indi__step__shop__ul>li:nth-child(4) .l-indi__step__shop__ul__imgwrap {
    width: min(calc((47 / 1700) * 100vw), 47px);
}

.l-indi__step__shop__ul>li:nth-child(5) .l-indi__step__shop__ul__imgwrap {
    width: min(calc((50 / 1700) * 100vw), 50px);
}

.l-indi__step__shop__ul>li:nth-child(6) .l-indi__step__shop__ul__imgwrap {
    width: min(calc((32 / 1700) * 100vw), 32px);
}

.l-indi__step__shop__ul>li:nth-child(7) .l-indi__step__shop__ul__imgwrap {
    width: min(calc((42 / 1700) * 100vw), 42px);
}

.l-indi__step__shop__ul>li:nth-child(8) .l-indi__step__shop__ul__imgwrap {
    width: min(calc((50 / 1700) * 100vw), 50px);
}

.l-indi__step__shop__ul>li:nth-child(9) .l-indi__step__shop__ul__imgwrap {
    width: min(calc((46 / 1700) * 100vw), 46px);
}

.l-indi__step__shop__ul>li:nth-child(10) .l-indi__step__shop__ul__imgwrap {
    width: min(calc((34 / 1700) * 100vw), 34px);
}

.l-indi__step__shop__ul>li:nth-child(11) .l-indi__step__shop__ul__imgwrap {
    width: min(calc((50 / 1700) * 100vw), 50px);
}

.l-indi__step__shop__ul__tit {
    font-size: min(calc((23 / 1700) * 100vw), 23px);
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
    color: #255aa6;
}

.l-indi__step__shop__ul>li:nth-child(6) .l-indi__step__shop__ul__tit {
    letter-spacing: -.1em;
}

.l-indi__step__shop__ul::after {
    content: 'など';
    display: block;
    font-size: min(calc((23 / 1700) * 100vw), 23px);
    line-height: 1;
    font-weight: 500;
    color: #255aa6;
    margin-top: auto;
    position: relative;
    left: .7em;
}

.l-indi__step__b-flm__logos {
    max-width: 1190px;
    margin: 0 auto;
}

.l-indi__step__data-ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 35px auto 0;
}

.l-indi__step__data-ul>li {
    border-radius: 5px;
    background: #e9eff9;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .6);
    height: min(calc((264 / 1700)* 100vw), 264px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.l-indi__step__data-ul>li:nth-child(1),
.l-indi__step__data-ul>li:nth-child(2) {
    width: 49.6%;
    margin-right: .8%;
}

.l-indi__step__data-ul>li:nth-child(3),
.l-indi__step__data-ul>li:nth-child(4),
.l-indi__step__data-ul>li:nth-child(5) {
    width: 32.8%;
    margin-top: .8%;
    margin-right: .8%;
}

.l-indi__step__data-ul>li:nth-child(2),
.l-indi__step__data-ul>li:nth-child(5) {
    margin-right: 0;
}

.l-indi__step__data-ul__inner-1,
.l-indi__step__data-ul__inner-2 {
    width: 100%;
    cursor: pointer;
}

.l-indi__step__data-ul__inner-2 {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out, visibility 0s 0.5s
        /* visibilityは遅延させる */
    ;
}

.l-indi__step__data-ul>li {
    position: relative
        /* inner-1, inner-2 の基準位置 */
    ;
}

.l-indi__step__data-ul__inner-1,
.l-indi__step__data-ul__inner-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.5s ease-in-out;
}

.l-indi__step__data-ul__cate {
    display: flex;
    align-items: center;
    justify-content: center;
}

.l-indi__step__data-ul__cate__icn {
    margin-right: 4.6%;
}

.l-indi__step__data-ul>li:nth-child(1) .l-indi__step__data-ul__cate__icn {
    max-width: min(calc((42 / 1700)* 100vw), 42px);
}

.l-indi__step__data-ul>li:nth-child(2) .l-indi__step__data-ul__cate__icn {
    max-width: min(calc((46 / 1700)* 100vw), 46px);
}

.l-indi__step__data-ul>li:nth-child(3) .l-indi__step__data-ul__cate__icn {
    max-width: min(calc((39 / 1700)* 100vw), 39px);
}

.l-indi__step__data-ul>li:nth-child(4) .l-indi__step__data-ul__cate__icn {
    max-width: min(calc((46 / 1700)* 100vw), 46px);
}

.l-indi__step__data-ul>li:nth-child(5) .l-indi__step__data-ul__cate__icn {
    max-width: min(calc((50 / 1700)* 100vw), 50px);
}

.l-indi__step__data-ul__cate__tit {
    font-size: min(calc((25 / 1700)* 100vw), 25px);
    font-weight: 500;
    line-height: 1.4;
}

.l-indi__step__data-ul__cate__tit sup {
    font-size: 60%;
    top: -1.0em;
    margin-left: .2em;
}

.l-indi__step__data-ul__desc {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-top: 3%;
}

.l-indi__step__data-ul__desc__num {
    display: flex;
    margin-right: .05em;
}

.l-indi__step__data-ul__desc__num,
.l-indi__step__data-ul__desc__num__man {
    font-size: min(calc((100 / 1700)* 100vw), 100px);
    font-weight: 500;
    color: #255aa6;
}

.l-indi__step__data-ul__desc__unit {
    font-size: min(calc((34 / 1700)* 100vw), 34px);
    font-weight: 600;
    position: relative;
    top: -.2em;
}

.l-indi__step__data-ul__bluetit {
    color: #255aa6;
    font-weight: 500;
    text-align: center;
    line-height: 1.1;
}

.l-indi__step__data-ul>li:nth-child(2) .l-indi__step__data-ul__bluetit {
    line-height: 1.05;
}

.l-indi__step__data-ul__bluetit__50 {
    font-size: min(calc((50 / 1700)* 100vw), 50px);
}

.l-indi__step__data-ul__bluetit__55 {
    font-size: min(calc((55 / 1700)* 100vw), 55px);
}

.l-indi__step__data-ul__bluetit__60 {
    font-size: min(calc((60 / 1700)* 100vw), 60px);
}

.l-indi__step__data-ul__bluetit__65 {
    font-size: min(calc((65 / 1700)* 100vw), 65px);
}

.l-indi__step__data-ul__bluetit__70 {
    font-size: min(calc((70 / 1700)* 100vw), 70px);
}

.l-indi__step__data-ul__bluetit__75 {
    font-size: min(calc((75 / 1700)* 100vw), 75px);
}

.l-indi__step__data-ul__bluetit__80 {
    font-size: min(calc((80 / 1700)* 100vw), 80px);
}

.l-indi__step__data-ul__bluetit__85 {
    font-size: min(calc((85 / 1700)* 100vw), 85px);
}

.l-indi__step__data-ul__bluetit__90 {
    font-size: min(calc((90 / 1700)* 100vw), 90px);
}

.l-indi__step__data-ul__bluetit__100 {
    font-size: min(calc((100 / 1700)* 100vw), 100px);
}

.l-indi__step__graph-ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 68px auto 0;
}

.l-indi__step__graph-ul>li {
    width: 46.9%;
    margin-right: 6.2%;
    display: flex;
    flex-direction: column;
}

.l-indi__step__graph-ul>li:nth-child(even) {
    margin-right: 0;
}

.l-indi__step__graph-ul>li:nth-child(n+3) {
    margin-top: 74px;
}

.l-indi__step__graph-ul__tit {
    font-size: 27px;
    line-height: 1.4;
    font-weight: 600;
    position: relative;
    margin-bottom: 35px;
    padding-bottom: .2em;
    padding-left: 30px;
    border-bottom: 2px solid #255aa6;
}

.l-indi__step__graph-ul__tit::before {
    content: '';
    display: block;
    width: 17px;
    height: 17px;
    background: #255aa6;
    position: absolute;
    left: 0;
    top: 11px;
}

.l-indi__step__graph-ul__imgwrap {
    max-width: 597px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    min-height: 0%;
}

.l-indi__step__env {
    position: relative;
    width: min(calc((1067 / 1700) * 100vw), 1067px);
    margin: 22px auto 0;
}

.l-indi__step__env__1 {
    display: flex;
}

.l-indi__step__env__1__l {
    width: min(calc((36 / 1700) * 100vw), 36px);
    margin-left: min(calc((95 / 1700) * 100vw), 95px);
    margin-right: min(calc((103 / 1700) * 100vw), 103px);
}

.l-indi__step__env__1__r {
    margin-top: min(calc((56 / 1700) * 100vw), 56px);
}

.l-indi__step__env__1__r__itm {
    display: flex;
    justify-content: space-between;
    width: min(calc((788 / 1700) * 100vw), 788px);
}

.l-indi__step__env__1__r__itm+.l-indi__step__env__1__r__itm {
    margin: min(calc((78 / 1700) * 100vw), 78px) auto 0;
}

.l-indi__step__env__1__r__itm__l {
    width: min(calc((150 / 1700) * 100vw), 150px);
}

.l-indi__step__env__1__r__itm__l__imgwrap {
    margin: 0 auto;
}

.l-indi__step__env__1__r__itm:nth-child(1) .l-indi__step__env__1__r__itm__l__imgwrap {
    width: min(calc((98 / 1700) * 100vw), 98px);
}

.l-indi__step__env__1__r__itm:nth-child(2) .l-indi__step__env__1__r__itm__l__imgwrap {
    width: min(calc((103 / 1700) * 100vw), 103px);
}

.l-indi__step__env__1__r__itm:nth-child(3) .l-indi__step__env__1__r__itm__l__imgwrap {
    width: min(calc((55 / 1700) * 100vw), 55px);
}

.l-indi__step__env__1__r__itm__r {
    width: min(calc((485 / 1700) * 100vw), 485px);
}

.l-indi__step__env__1__r__itm__r__tit {
    font-size: min(calc((26 / 1700) * 100vw), 26px);
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    padding: .5em .5em;
    border: 2px solid #000;
    border-radius: 9999px;
    max-width: min(calc((356 / 1700) * 100vw), 356px);
    margin: 0 auto;
}

.l-indi__step__env__1__r__itm__l__tit {
    font-size: min(calc((25 / 1700) * 100vw), 25px);
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 0;
    text-align: center;
    margin-top: min(calc((20 / 1700) * 100vw), 20px);
    white-space: nowrap;
}

.l-indi__step__env__1__r__itm__r__desc {
    font-size: min(calc((27 / 1700) * 100vw), 27px);
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    margin-top: min(calc((20 / 1700) * 100vw), 20px);
    white-space: nowrap;
}

.l-indi__step__env__2 {
    border-radius: 5px;
    border: 5px solid #255aa6;
    display: flex;
    align-items: center;
    margin-top: 5px;
    padding: min(calc((16 / 1700) * 100vw), 16px);
}

.l-indi__step__env__2__l {
    display: flex;
    justify-content: space-between;
    width: min(calc((102 / 1700) * 100vw), 102px);
    margin-right: min(calc((94 / 1700) * 100vw), 94px);
    margin-left: min(calc((9 / 1700) * 100vw), 9px);
}

.l-indi__step__env__2__l__txt {
    font-size: min(calc((25 / 1700) * 100vw), 25px);
    font-weight: 500;
    color: #255aa6;
    margin-top: min(calc((68 / 1700) * 100vw), 68px);
}

.l-indi__step__env__2__l__arrow {
    width: min(calc((36 / 1700) * 100vw), 36px);
}

.l-indi__step__env__2__r__itm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: min(calc((788 / 1700) * 100vw), 788px);
}

.l-indi__step__env__2__r__itm__l__imgwrap {
    width: min(calc((151 / 1700) * 100vw), 151px);
}

.l-indi__step__env__2__r__itm__l__tit {
    font-size: min(calc((25 / 1700) * 100vw), 25px);
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 0;
    text-align: center;
    margin-top: min(calc((20 / 1700) * 100vw), 20px);
    white-space: nowrap;
}

.l-indi__step__env__2__r__itm__r__tit {
    font-size: min(calc((30 / 1700) * 100vw), 30px);
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    padding: .45em .5em;
    border: 2px solid #255aa6;
    border-radius: 9999px;
    max-width: min(calc((356 / 1700) * 100vw), 356px);
    margin: 0 auto;
    color: #255aa6;
}

.l-indi__step__env__2__r__itm__r__desc {
    font-size: min(calc((31 / 1700) * 100vw), 31px);
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    margin-top: min(calc((21 / 1700) * 100vw), 21px);
    white-space: nowrap;
    color: #255aa6;
}

.l-indi__step__txt-fwb {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: center;
    margin-top: 35px;
}

.l-indi__step__ill-tit+.l-indi__step__txt-fwb {
    margin-top: 60px;
}

.l-indi__step__txt-gray {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: center;
    border-radius: 9999px;
    color: #255aa6;
    background: #e9e9e9;
    padding: .37em .5em;
    width: fit-content;
    min-width: 972px;
    margin: 27px auto 0;
    word-break: keep-all;
}

.l-indi__chuki-ul+.l-indi__step__txt-gray {
    margin-top: 100px;
}

.l-indi__step__txt-fwb+.l-indi__step__txt-gray {
    margin-top: 10px;
}

.l-indi__step__cycle {
    max-width: 1270px;
    margin: 42px auto 0;
}

.l-indi__step__growth {
    max-width: 1270px;
    margin: 29px auto 0;
}

.l-indi__step__marketsize {
    max-width: 974px;
    margin: 54px auto 0;
}

.l-indi__step__cycle .l-indi__chuki-ul,
.l-indi__step__growth .l-indi__chuki-ul {
    margin-top: 27px;
}

.l-indi__step__marketsize .l-indi__chuki-ul,
.l-indi__step__marketsize+.modal+.l-indi__chuki-ul {
    margin-top: 13px;
}

.l-indi__step__ill-tit {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 45px auto 0;
    max-width: 974px;
}

.l-indi__step__marketsize+.l-indi__step__ill-tit {
    margin-top: 50px;
}

.l-indi__step__ill-tit._1 .l-indi__step__ill-tit__imgwrap {
    max-width: min(calc((209 / 1700)* 100vw), 209px);
    margin-right: 2.53%;
}

.l-indi__step__ill-tit._2 .l-indi__step__ill-tit__imgwrap {
    max-width: min(calc((224 / 1700) * 100vw), 224px);
    margin-right: 5%;
}

.l-indi__step__ill-tit__tit {
    font-size: 34px;
    line-height: 1.47;
    font-weight: 700;
    text-align: center;
    color: #255aa6;
    word-break: keep-all;
}

.l-indi__step__change {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 32px auto 138px;
    max-width: min(calc((1123 / 1700)* 100vw), 1123px);
}

.l-indi__step__change__imgwrap {
    width: min(calc((424 / 1700)* 100vw), 424px);
}

.l-indi__step__change__txtwrap {
    padding-right: min(calc((40 / 1700)* 100vw), 40px);
}

.l-indi__step__change__year {
    font-size: min(calc((27 / 1700)* 100vw), 27px);
    font-weight: 700;
    line-height: 1.4;
    color: #255aa6;
}

.l-indi__step__change__ul+.l-indi__step__change__year {
    margin-top: min(calc((36 / 1700)* 100vw), 36px);
}

.l-indi__step__change__tit {
    font-size: min(calc((29 / 1700)* 100vw), 29px);
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
    background: #255aa6;
    padding: .43em 1.2em .53em .8em;
    margin-top: min(calc((12 / 1700)* 100vw), 12px);
    position: relative;
    margin-right: min(calc((40 / 1700)* 100vw), 40px);
}

.l-indi__step__change__tit::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: min(calc((34 / 1700) * 100vw), 34px) solid transparent;
    border-bottom: min(calc((34 / 1700) * 100vw), 34px) solid transparent;
    border-left: min(calc((40 / 1700) * 100vw), 40px) solid #255aa6;
    border-right: 0;
    position: absolute;
    right: -7.5%;
    top: 0;
}

.l-indi__step__change__ul {
    margin-top: min(calc((14 / 1700)* 100vw), 14px);
}

.l-indi__step__change__ul>li {
    font-size: min(calc((27 / 1700)* 100vw), 27px);
    font-weight: 500;
    line-height: 1.66;
}


@media only screen and (max-width: 1399px) {
    .l-mv__tit__en {
        display: inline-block;
    }

    .l-indi__step__txt-gray {
        font-size: 29px;
        min-width: inherit;
        width: 100%;
    }

    .l-indi__step__change__txtwrap {
        padding-right: 0;
    }

    .l-indi__step__change__tit::after {
        right: -7.4%;
    }

    .l-indi__step__env__2__l {
        margin-left: min(calc((6 / 1700) * 100vw), 6px);
    }

    .l-indi__step__data-ul__bluetit__50 {
        font-size: min(calc((40 / 1700)* 100vw), 40px);
    }

    .l-indi__step__data-ul__bluetit__55 {
        font-size: min(calc((45 / 1700)* 100vw), 45px);
    }

    .l-indi__step__data-ul__bluetit__60 {
        font-size: min(calc((50 / 1700)* 100vw), 50px);
    }

    .l-indi__step__data-ul__bluetit__65 {
        font-size: min(calc((55 / 1700)* 100vw), 55px);
    }

    .l-indi__step__data-ul__bluetit__70 {
        font-size: min(calc((60 / 1700)* 100vw), 60px);
    }

    .l-indi__step__data-ul__bluetit__75 {
        font-size: min(calc((65 / 1700)* 100vw), 65px);
    }

    .l-indi__step__data-ul__bluetit__80 {
        font-size: min(calc((70 / 1700)* 100vw), 70px);
    }

    .l-indi__step__data-ul__bluetit__85 {
        font-size: min(calc((75 / 1700)* 100vw), 75px);
    }

    .l-indi__step__data-ul__bluetit__90 {
        font-size: min(calc((80 / 1700)* 100vw), 80px);
    }

    .l-indi__step__data-ul__bluetit__100 {
        font-size: min(calc((90 / 1700)* 100vw), 90px);
    }
}


@media only screen and (max-width: 1199px) {
    .l-indi__pageanchor#step-1 {
        scroll-margin-top: 50px;
    }

    .l-indi__pageanchor#step-2 {
        scroll-margin-top: -51px;
    }

    .l-indi__pageanchor#step-3 {
        scroll-margin-top: -112px;
    }

    _::-webkit-full-page-media,
    _:future,
    :root .l-indi__pageanchor#step-1,
    _::-webkit-full-page-media,
    _:future,
    :root .l-indi__pageanchor#step-2,
    _::-webkit-full-page-media,
    _:future,
    :root .l-indi__pageanchor#step-3 {
        scroll-margin-top: 100px;
    }

    .l-indi__main__twocol {
        display: block;
    }

    .l-indi__main__twocol__imgwrap {
        margin: 0 auto;
    }

    .l-indi__main__twocol__txt {
        margin-top: 10px;
    }

    .l-indi__anchor-ul__link__desk {
        font-size: min(calc((25 / 1700) * 100vw), 325px);
    }

    .l-indi__step__markertit {
        font-size: 24px;
    }

    .l-indi__chuki-ul>li {
        font-size: 15px;
    }

    .l-indi__step__flm__sectit {
        font-size: 21px;
    }

    .l-indi__step__flm__if__txt {
        font-size: 21px;
    }

    .l-indi__step__b-flm__ai__imgwrap {
        margin-top: 2.5%;
    }

    .l-indi__step__shop__tit__l {
        font-size: 45px;
    }

    .l-indi__step__tit__jp {
        font-size: 31px;
    }

    .l-indi__step__txt-fwb {
        font-size: 25px;
        margin-top: 22px;
    }
}


@media only screen and (max-width: 999px) {
    .l-mv__tit__jp {
        font-size: 55px;
    }
}


@media (max-width: 767px) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    .l-indi__pageanchor#step-1 {
        scroll-margin-top: 50px;
    }

    .l-indi__pageanchor#step-2,
    .l-indi__pageanchor#step-3 {
        scroll-margin-top: 9px;
    }

    _::-webkit-full-page-media,
    _:future,
    :root .l-indi__pageanchor#step-1,
    _::-webkit-full-page-media,
    _:future,
    :root .l-indi__pageanchor#step-2,
    _::-webkit-full-page-media,
    _:future,
    :root .l-indi__pageanchor#step-3 {
        scroll-margin-top: 100px;
    }

    .l-mv__tit__jp {
        font-size: 25.5px;
    }

    .l-mv .l-sec-inner {
        padding: 0 7%;
    }

    .l-indi {
        padding: 15px 0 0;
    }

    .l-indi__main__tit__txt {
        font-size: 19.5px;
        margin: 12px auto 0;
    }

    .l-indi__main__twocol {
        margin: 20px auto 0;
    }

    .l-indi__main__twocol__imgwrap {
        width: 60%;
    }

    .l-indi__main__twocol__txt {
        font-size: 22px;
    }

    .l-indi__anchor-ul {
        display: block;
        margin: 40px auto 0;
    }

    .l-indi__anchor-ul>li {
        width: 80%;
        max-width: inherit;
        margin: 0 auto;
    }

    .l-indi__anchor-ul__link:hover {
        opacity: 1;
    }

    .l-indi__anchor-ul>li+li {
        margin: 20px auto 0;
    }

    .l-indi__anchor-ul__link__tit {
        font-size: 25px;
    }

    .l-indi__anchor-ul__link__inner {
        padding-bottom: calc((30 / 750) * 100vw);
    }

    .l-indi__anchor-ul__link__inner::before {
        width: calc((20 / 750) * 100vw);
        height: calc((19 / 750) * 100vw);
        border-top: calc((3 / 750) * 100vw) solid #fff;
        border-right: calc((3 / 750) * 100vw) solid #fff;
    }

    .l-indi__anchor-ul__link__desk {
        font-size: 16px;
        line-height: 1.3;
        margin-top: 5px;
        height: auto;
    }

    .l-indi__step {
        margin: 40px auto 0;
    }

    .l-indi__pageanchor#step-2+.l-indi__step,
    .l-indi__pageanchor#step-3+.l-indi__step {
        margin-top: 80px;
    }

    .l-indi__step__tit {
        justify-content: space-between;
    }

    .l-indi__step__tit__en {
        font-size: 20px;
        width: 80px;
        height: 80px;
        margin: 0;
    }

    .l-indi__step__tit__jp {
        font-size: 22px;
        width: calc(100% - 90px);
    }

    .l-indi__step__flm {
        padding: 20px;
        margin: 25px auto 0;
    }

    .l-indi__step__flm+.l-indi__step__flm {
        margin-top: 15px;
    }

    .l-indi__step__markertit {
        font-size: 20px;
        line-height: 1.7;
    }

    .l-indi__step__tit+.l-indi__step__markertit {
        margin-top: 12px;
    }

    .l-indi__step__flm__dx-wrap {
        margin: 20px auto 0;
    }

    .l-indi__step__flm__dx {
        display: block;
        padding: 4% 2% 3.3%;
    }

    .l-indi__step__flm__dx__l__txt {
        font-size: 16px;
    }

    .l-indi__step__flm__dx__l {
        justify-content: center;
        margin: 0 auto;
    }

    .l-indi__step__flm__dx__l__imgwrap {
        max-width: 35%;
    }

    .l-indi__step__flm__dx__txt {
        font-size: 18px;
        line-height: 1.6;
        margin-top: 10px;
    }

    .l-indi__chuki-ul>li {
        font-size: 12px;
    }

    .l-indi__step__flm__dx+.l-indi__chuki-ul {
        margin-top: 7px;
        text-align: left;
    }

    .l-indi__step__flm__if {
        margin: 15px auto 0;
    }

    .l-indi__step__flm__if._2 {
        margin-top: 35px;
    }

    .l-indi__step__flm__if._3 {
        margin-top: 30px;
    }

    .l-indi__step__flm__if._4 {
        margin-top: 45px;
    }

    .l-indi__step__flm__if._1 .l-indi__step__flm__if__logo,
    .l-indi__step__flm__if._4 .l-indi__step__flm__if__logo {
        max-width: 30%;
    }

    .l-indi__step__flm__if__txt {
        font-size: 18px;
    }

    .l-indi__step__flm__if__light {
        max-width: 13%;
    }

    .l-indi__step__flm__fig-1 {
        max-width: 315px;
        margin: 15px auto 0;
    }

    .l-indi__step__flm__promote-ul {
        display: block;
        margin-top: 20px;
    }

    .l-indi__step__flm__promote-ul>li {
        font-size: 18px;
        width: 80%;
        max-width: inherit;
        margin: 0 auto;
    }

    .l-indi__step__flm__promote-ul>li+li {
        margin: 15px auto 0;
    }

    .l-indi__step__flm__sectit {
        font-size: 18px;
        margin: 25px auto 0;
    }

    .l-indi__step__flm__fig-2 {
        margin: 20px auto 0;
    }

    .l-indi__step__flm__thirdtit {
        font-size: 16px;
        margin: 24px auto 0;
    }

    .l-indi__step__flm__etc-ul {
        margin: 15px auto 0;
        flex-wrap: wrap;
    }

    .l-indi__step__flm__etc-ul>li,
    .l-indi__step__flm__etc-ul>li+li {
        margin: 0 auto;
    }

    .l-indi__step__flm__etc-ul>li:nth-child(n+3) {
        margin-top: 10px;
    }

    .l-indi__step__flm__etc-ul>li:nth-child(1) {
        max-width: 100px;
    }

    .l-indi__step__flm__etc-ul>li:nth-child(2) {
        max-width: 128px;
    }

    .l-indi__step__flm__etc-ul>li:nth-child(3) {
        max-width: 117px;
    }

    .l-indi__step__flm__etc-ul>li:nth-child(4) {
        max-width: 132px;
    }

    .l-indi__step__flm__if._2 .l-indi__step__flm__if__logo {
        max-width: 46%;
    }

    .l-indi__step__flm__if._3 .l-indi__step__flm__if__logo {
        max-width: 50%;
    }

    .l-indi__step__bluetit {
        font-size: 22px;
        margin-top: 19px;
    }

    .l-indi__step__b-flm,
    .l-indi__step__b-flm._2 {
        padding: 20px;
        margin: 20px auto 0;
    }

    .l-indi__step__flm__fig-3 {
        max-width: 315px;
    }

    .l-indi__step__flm__fig-3+.l-indi__chuki-ul {
        margin-top: 20px;
    }

    .l-indi__step__b-flm__ai {
        display: block;
        margin: 0 auto;
    }

    .l-indi__step__b-flm__ai__txtwrap {
        width: auto;
    }

    .l-indi__step__b-flm__ai__imgwrap {
        margin: 20px auto 0;
        width: 80%;
    }


    .l-indi__step__b-flm__ai__ul>li:nth-child(n+3) {
        margin-top: 20px;
    }

    .l-indi__step__b-flm__ai__ul__tit {
        font-size: 18px;
    }

    .l-indi__step__b-flm__ai__ul__desc {
        font-size: 17px;
        margin-top: 10px;
    }

    .l-indi__step__shop {
        margin: 40px auto 0;
    }

    .l-indi__step__shop__tit__m {
        font-size: 18px;
        font-weight: 700;
    }

    .l-indi__step__shop__tit__l {
        font-size: 29px;
        display: block;
        margin: 10px auto 0;
    }

    .l-indi__step__bluetit-2 {
        font-size: 20px;
        margin-top: 10px;
    }

    .l-indi__step__shop__ul {
        margin: 13px auto 0;
        width: auto;
    }

    .l-indi__step__shop__ul>li,
    .l-indi__step__shop__ul>li:nth-child(6),
    .l-indi__step__shop__ul>li:nth-child(11),
    .l-indi__step__shop__ul>li:nth-child(n+7) {
        width: 80px;
        height: 80px;
        margin: 5px;
    }

    .l-indi__step__shop__ul__tit {
        font-size: 12px;
        margin-top: 2px;
    }

    .l-indi__step__shop__ul>li:nth-child(1) .l-indi__step__shop__ul__imgwrap {
        width: 32px;
    }

    .l-indi__step__shop__ul>li:nth-child(2) .l-indi__step__shop__ul__imgwrap {
        width: 36px;
    }

    .l-indi__step__shop__ul>li:nth-child(3) .l-indi__step__shop__ul__imgwrap {
        width: 29px;
    }

    .l-indi__step__shop__ul>li:nth-child(4) .l-indi__step__shop__ul__imgwrap {
        width: 30px;
    }

    .l-indi__step__shop__ul>li:nth-child(5) .l-indi__step__shop__ul__imgwrap {
        width: 30px;
    }

    .l-indi__step__shop__ul>li:nth-child(6) .l-indi__step__shop__ul__imgwrap {
        width: 16px;
    }

    .l-indi__step__shop__ul>li:nth-child(7) .l-indi__step__shop__ul__imgwrap {
        width: 28px;
    }

    .l-indi__step__shop__ul>li:nth-child(8) .l-indi__step__shop__ul__imgwrap {
        width: 30px;
    }

    .l-indi__step__shop__ul>li:nth-child(9) .l-indi__step__shop__ul__imgwrap {
        width: 30px;
    }

    .l-indi__step__shop__ul>li:nth-child(10) .l-indi__step__shop__ul__imgwrap {
        width: 23px;
    }

    .l-indi__step__shop__ul>li:nth-child(11) .l-indi__step__shop__ul__imgwrap {
        width: 30px;
    }

    .l-indi__step__shop__ul::after {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .l-indi__step__shop+.l-indi__step__b-flm {
        padding: 20px;
        margin: 20px auto 0;
    }

    .l-indi__step__b-flm__logos {
        max-width: 350px;
    }

    .l-indi__step__data-ul {
        display: block;
        margin: 25px auto 0;
        padding: 0 20px;
    }

    .l-indi__step__data-ul>li {
        height: 141px;
    }

    .l-indi__step__data-ul>li:nth-child(1),
    .l-indi__step__data-ul>li:nth-child(2),
    .l-indi__step__data-ul>li:nth-child(3),
    .l-indi__step__data-ul>li:nth-child(4),
    .l-indi__step__data-ul>li:nth-child(5) {
        width: auto;
        margin-right: 0;
    }

    .l-indi__step__data-ul>li:nth-child(2),
    .l-indi__step__data-ul>li:nth-child(3),
    .l-indi__step__data-ul>li:nth-child(4),
    .l-indi__step__data-ul>li:nth-child(5) {
        margin-top: 20px;
    }

    .l-indi__step__data-ul__cate__tit {
        font-size: 18px;
    }

    .l-indi__step__data-ul>li:nth-child(1) .l-indi__step__data-ul__cate__icn {
        max-width: 34px;
    }

    .l-indi__step__data-ul>li:nth-child(2) .l-indi__step__data-ul__cate__icn {
        max-width: 36px;
    }

    .l-indi__step__data-ul>li:nth-child(3) .l-indi__step__data-ul__cate__icn {
        max-width: 30px;
    }

    .l-indi__step__data-ul>li:nth-child(4) .l-indi__step__data-ul__cate__icn {
        max-width: 36px;
    }

    .l-indi__step__data-ul>li:nth-child(5) .l-indi__step__data-ul__cate__icn {
        max-width: 40px;
    }

    .l-indi__step__data-ul__desc {
        margin-top: 10px;
    }

    .l-indi__step__data-ul__desc__num,
    .l-indi__step__data-ul__desc__num__man {
        font-size: 50px;
    }

    .l-indi__step__data-ul__desc__unit {
        font-size: 20px;
    }

    /* .l-indi__step__data-ul__bluetit__45 {
        font-size: 18px;
    } */

    .l-indi__step__data-ul__bluetit__50 {
        font-size: 20px;
    }

    .l-indi__step__data-ul__bluetit__55 {
        font-size: 23px;
    }

    .l-indi__step__data-ul__bluetit__60 {
        font-size: 25px;
    }

    .l-indi__step__data-ul__bluetit__65 {
        font-size: 32px;
    }

    .l-indi__step__data-ul__bluetit__70 {
        font-size: 30px;
    }

    .l-indi__step__data-ul__bluetit__75 {
        font-size: 38px;
    }

    .l-indi__step__data-ul__bluetit__80 {
        font-size: 30px;
    }

    .l-indi__step__data-ul__bluetit__85 {
        font-size: 42px;
    }

    .l-indi__step__data-ul__bluetit__90 {
        font-size: 40px;
    }

    .l-indi__step__data-ul__bluetit__100 {
        font-size: 50px;
    }

    .l-indi__step__data-ul+.l-indi__chuki-ul {
        margin-top: 20px;
    }

    .l-indi__step__graph-ul {
        display: block;
        margin: 40px auto 0;
    }

    .l-indi__step__graph-ul>li {
        width: auto;
        margin-right: 0;
        display: block;
    }

    .l-indi__step__graph-ul>li:nth-child(n+2) {
        margin-top: 40px;
    }

    .l-indi__step__graph-ul__tit {
        font-size: 19px;
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .l-indi__step__graph-ul__tit::before {
        width: 12px;
        height: 12px;
        top: 7px;
    }

    .l-indi__step__graph-ul__imgwrap {
        max-width: 420px;
        padding: 0 20px;
    }

    .l-indi__step__env {
        width: auto;
        margin: 12px auto 0;
    }

    .l-indi__step__env__1 {
        justify-content: center;
    }

    .l-indi__step__env__1__r {
        margin-top: 8px;
        margin-left: 0;
    }

    .l-indi__step__env__1__r__itm,
    .l-indi__step__env__2__r__itm {
        width: 250px;
    }

    .l-indi__step__env__1__r__itm+.l-indi__step__env__1__r__itm {
        margin: 36px auto 0;
    }

    .l-indi__step__env__1__r__itm__r,
    .l-indi__step__env__2__r__itm__r {
        width: 160px;
    }

    .l-indi__step__env__1__r__itm__r__tit {
        font-size: 16px;
        max-width: inherit;
    }

    .l-indi__step__env__1__r__itm__r__desc {
        font-size: 14px;
        margin-top: 10px;
    }

    .l-indi__step__env__1__r__itm__l,
    .l-indi__step__env__2__r__itm__l {
        width: 100px;
    }

    .l-indi__step__env__1__r__itm__l__tit {
        font-size: 12px;
        margin-top: 0;
    }

    .l-indi__step__env__1__r__itm:nth-child(1) .l-indi__step__env__1__r__itm__l__imgwrap {
        width: 50px;
    }

    .l-indi__step__env__1__r__itm:nth-child(2) .l-indi__step__env__1__r__itm__l__imgwrap {
        width: 50px;
    }

    .l-indi__step__env__1__r__itm:nth-child(3) .l-indi__step__env__1__r__itm__l__imgwrap {
        width: 30px;
    }

    .l-indi__step__env__1__l {
        width: 19.5px;
        margin-left: 15px;
        margin-right: 10px;
    }

    .l-indi__step__env__2 {
        margin-top: 5px;
        padding: 10px;
        justify-content: center;
    }

    .l-indi__step__env__2__l {
        width: 41px;
        margin-right: 0px;
        margin-left: 0;
        position: relative;
        left: -4px;
    }

    .l-indi__step__env__2__l__arrow {
        width: 23px;
    }

    .l-indi__step__env__2__l__txt {
        font-size: 12px;
        margin-top: 32px;
        white-space: nowrap;
    }

    .l-indi__step__env__2__r__itm {
        width: 260px;
    }

    .l-indi__step__env__2__r__itm__l__imgwrap {
        width: 65px;
        margin: 0 auto;
    }

    .l-indi__step__env__2__r__itm__l__tit {
        font-size: 13px;
        margin-top: 10px;
    }

    .l-indi__step__env__2__r__itm__r__desc {
        font-size: 15px;
        margin-top: 10px;
    }

    .l-indi__step__env__2__r__itm__r__tit {
        font-size: 15px;
        max-width: 160px;
        white-space: nowrap;
    }

    .l-indi__step__txt-gray {
        font-size: 22px;
        min-width: inherit;
        width: 100%;
    }

    .l-indi__chuki-ul+.l-indi__step__txt-gray {
        margin-top: 40px;
    }

    .l-indi__step__cycle {
        margin: 22px auto 0;
    }

    .l-indi__step__cycle+.modal+.l-indi__chuki-ul,
    .l-indi__step__growth+.modal+.l-indi__chuki-ul {
        margin-top: 10px;
    }

    .l-indi__step__ill-tit {
        margin: 25px auto 0;
        justify-content: center;
    }

    .l-indi__step__marketsize+.l-indi__step__ill-tit {
        margin-top: 25px;
    }

    .l-indi__step__ill-tit__tit {
        font-size: 22px;
    }

    .l-indi__step__ill-tit._1 .l-indi__step__ill-tit__imgwrap {
        max-width: 90px;
    }

    .l-indi__step__ill-tit._2 .l-indi__step__ill-tit__imgwrap {
        max-width: 90px;
        margin-right: 2.53%;
    }

    .l-indi__step__marketsize {
        margin: 28px auto 0;
    }

    .l-indi__step__marketsize .l-indi__chuki-ul,
    .l-indi__step__marketsize+.modal+.l-indi__chuki-ul {
        margin-top: 10px;
    }

    .l-indi__step__txt-fwb {
        font-size: 20px;
    }

    .l-indi__step__ill-tit+.l-indi__step__txt-fwb {
        margin-top: 30px;
    }

    .l-indi__step__change {
        display: block;
        margin: 16px auto 70px;
        max-width: inherit;
    }

    .l-indi__step__change__imgwrap {
        width: 90%;
        max-width: 315px;
        margin: 0 auto;
    }

    .l-indi__step__change__txtwrap {
        margin-top: 24px;
    }

    .l-indi__step__change__year {
        font-size: 17px;
        ;
    }

    .l-indi__step__change__tit {
        font-size: 17px;
        padding: .43em 1.2em .53em .8em;
        margin-top: 6px;
        margin-right: 20px;
        width: 93%;
    }

    .l-indi__step__change__tit::after {
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 25px solid #255aa6;
        right: -25px;
    }

    .l-indi__step__change__ul {
        margin-top: 7px;
    }

    .l-indi__step__change__ul>li {
        font-size: 17px;
    }

    .l-indi__step__change__ul+.l-indi__step__change__year {
        margin-top: 18px;
    }
}


@media (max-width: 360px) {
    .l-mv__tit__jp {
        font-size: 24.5px;
    }

    .l-indi__step__change__tit {
        font-size: 14px;
    }

    .l-indi__step__change__tit::after {
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        border-left: 20px solid #255aa6;
        right: -20px;
    }

    .l-indi__step__change__ul>li {
        font-size: 14px;
    }

    .l-indi__step__env__1__r__itm {
        width: 202px;
    }

    .l-indi__step__env__1__r {
        margin-left: 0;
    }

    .l-indi__step__env__1__r__itm__l,
    .l-indi__step__env__2__r__itm__l {
        width: 72px;
    }

    .l-indi__step__env__1__r__itm__r,
    .l-indi__step__env__2__r__itm__r {
        width: 150px;
    }

    .l-indi__step__env__1__r__itm__r__tit {
        font-size: 13px;
    }

    .l-indi__step__env__1__r__itm__r__desc {
        font-size: 12px;
        margin-top: 5px;
    }

    .l-indi__step__env__1__r__itm__l__tit {
        font-size: 11px;
        margin-top: 0;
    }

    .l-indi__step__env__2__r__itm__l__imgwrap {
        width: 55px;
    }

    .l-indi__step__env__2__r__itm__l__tit {
        font-size: 11px;
        margin-top: 5px;
    }

    .l-indi__step__env__2__r__itm__r__desc {
        font-size: 12px;
        margin-top: 5px;
    }

    .l-indi__step__env__2__r__itm {
        width: 208px;
    }

    .l-indi__step__env__2__r__itm__r__tit {
        font-size: 13px;
        max-width: 140px;
    }

    .l-indi__step__env__2__l__arrow {
        width: 18px;
    }

    .l-indi__step__env__2__l__txt {
        font-size: 10px;
        margin-top: 42px;
    }

    .l-indi__step__env__1__l {
        width: 16.5px;
        margin-left: 18px;
        margin-right: 12px;
    }
}


/* モーダル（ポップアップ）
-------------------------------- */
.md-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .85;
    z-index: 10000;
}

.md-contents {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 92%;
    height: auto;
    transform: translate(-50%, -50%);
    z-index: 10000;
    max-width: 450px;
    box-sizing: border-box;
}

.md-inner {
    padding: 25px 10px 30px;
    background: #fff;
    height: auto;
    position: relative;

    border-radius: 5px;
}

.md-xmark {
    position: absolute;
    top: -34px;
    right: -4px;
    width: 33px;
    height: 22px;
    z-index: 9999;
    cursor: pointer;
}

.md-xmark span {
    height: auto;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
}

.md-xmark span:nth-of-type(1) {
    top: 0;
    transform: translateY(10px) rotate(-45deg);
}

.md-xmark span:nth-of-type(2) {
    bottom: 0;
    transform: translateY(-10px) rotate(45deg);
}

.md-tit {
    font-size: 0.93rem;
    line-height: 1.5;
    text-align: center;
    padding-bottom: 12px;
}


/* 横スクロール */
.scroll-box {
    overflow-x: auto;
    padding-bottom: 15px;
    -webkit-overflow-scrolling: touch;
    cursor: pointer;
}

.scroll-box div img {
    max-width: 100%;
    min-width: 660px;
    vertical-align: top;
}

/* スクロールバー全体の高さ */
.scroll-box::-webkit-scrollbar {
    height: 7px;
}

/* スクロールバー全体の背景 */
.scroll-box::-webkit-scrollbar-track {
    background: #eee;
}

/* スクロールバーの動く部分 */
.scroll-box::-webkit-scrollbar-thumb {
    background: #aaa;
    border: none;
}

/* スクロールバーの動く部分のホバー（マウスオーバー） */
.scroll-box::-webkit-scrollbar-thumb:hover {
    background: #999;
}


@media (max-width: 767px) {
    .md-btn {
        margin: 15px auto 0;
        border: 3px solid #255aa6;
        border-radius: 5px;
        padding: 50px 10px 55px;
        position: relative;
    }

    .md-btn::after {
        content: '';
        display: block;
        width: 40px;
        height: 40px;
        background: url(../img/individual/icon_glass.png) no-repeat center top / contain;
        position: absolute;
        right: 0;
        bottom: 0;
        pointer-events: none;
    }
}