@charset "UTF-8";
.flow-step__inner img {
    width: 100%;
}


/* =====================================
  LAYOUT
======================================== */

/*.box--hasLine {
    border-top: 1px solid #AAAAAA;
}*/

.clear-line-bottom {
    border-bottom: none!important;
}

.clear-line-top {
    border-top: none!important;
}

.clear-padding {
    padding: 0!important;
}

.clear-padding-top {
    padding-top: 0!important;
}

.clear-padding-bottom {
    padding-bottom: 0!important;
}

@media all and (min-width: 769px) {
    .flow-step__inner {
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end;
        -ms-flex-pack: start;
        -ms-flex-align: start;
        align-items: stretch;
    }
    .flow-step__inner--2icon {
        margin-top: 2.5rem;
    }
    .flow-step__header {
        width: 9.375rem;
        position: relative;
        flex: none;
        -ms-flex: none;
        margin-right: 2.8125rem;
    }
    .flow-step__body-outer {
        padding: 3rem 0 3rem;
        border-top: 1px solid #AAAAAA;
        width: calc((1200 - 195)/1200*100%);
    }
    .flow-step__inner:nth-child(1) .flow-step__body-outer {
        border: none;
    }
    .flow-step__body {
        margin: 0 0 0 4.6875rem;
    }
    .flow-step__note-body--col2 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media all and (max-width: 768px) {
    .flow-step__inner-line-arrow {
        padding-bottom: 2.857142857rem;
    }
}


/* =====================================
  ICON,LINE(PC LEFT COLUMN)
======================================== */

@media all and (min-width: 769px) {
    .flow-step__ico {
        font-weight: bold;
        background: #b1081f;
        width: 9.375rem;
        height: 9.375rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 99px;
        position: absolute;
        top: 2.5rem;
        left: 0;
        text-align: center;
        color: #FFF;
        /*font-size: 1.25rem;*/
        font-size: 1rem;
        line-height: 1.666666667;
        z-index: 20;
    }
    .flow-step__ico span {
        font-size: 1.3em;
        display: block;
        line-height: 1;
        line-height: 1.3;
    }
    .flow-step__ico {
        top: 3rem;
    }
    .flow-step__ico:nth-child(2) {
        bottom: 0;
        top: inherit;
    }
    .flow-step__inner--2icon .flow-step__ico:nth-child(1) {
        top: -2.5em;
    }
    .flow-step__inner--2icon .flow-step__ico:nth-child(2) {
        bottom: -2rem;
    }
    .flow-step__header:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        width: 1.5rem;
        height: 100%;
        background-color: #E8E6CF;
        z-index: 10;
    }
    .flow-step__header--line-margin-top:before {
        margin-top: 3rem;
    }
    .flow-step__header--no-line:before {
        display: none;
    }
    .flow-step__inner-line-arrow .flow-step__header:before {
        top: 0;
        bottom: inherit;
        height: 9.375rem;
    }
    .flow-step__inner-line-arrow .flow-step__ico::before {
        content: '';
        background-image: url(../../img/05/border-end-arrow.svg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: contain;
        display: block;
        width: 3.125rem;
        height: 1.875rem;
        overflow: hidden;
        position: absolute;
        top: 0;
        transform: translateY(-100%);
        -ms-transform: translateY(-100%) translateX(-50%);
    }
    .flow-note__device-ico + .flow-note__device-ico {
        margin: 0 .625rem;
    }
    .flow-note__device-ico:before  {
        content: '';
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        display: block;
        overflow: hidden;
    }
    .flow-note__device-ico--login:before {
        background-image: url(../../img/05/icon_login.svg);
        width: calc(1.078125rem*1.2);
        height: calc(1.2375rem*1.2);
    }
    .flow-note__device-ico--camera:before {
        background-image: url(../../img/05/icon_camera.svg);
        width: calc(1.604375rem*1.2);
        height: calc(1.1475rem*1.2);
    }
    .flow-note__device-ico--mic:before {
        background-image: url(../../img/05/icon_mic.svg);
        width: calc(.89125rem*1.24);
        height: calc(1.409375rem*1.24);
        overflow: hidden;
    }
    .flow-note__device-ico--sound:before {
        background-image: url(../../img/05/icon_sound.svg);
        width: calc(1.64625rem*1.2);
        height: calc(1.00625rem*1.2);
        overflow: hidden;
    }
    .flow-note__device-ico--camera-ok:before {
        background-image: url(../../img/05/icon_camera_ok.svg);
        width: 3.46125rem;
        height: 1.8125rem;
        overflow: hidden;
    }
    .flow-note__device-ico--mic-ok:before {
        background-image: url(../../img/05/icon_mic_ok.svg);
        width: 3.125rem;
        height: 1.875rem;
        overflow: hidden;
    }
    .flow-note__device-ico--check {
        background-color: #b1081f;
        font-size: 1.125rem;
        color: #FFF;
        line-height: 1;
        border-radius: 15px;
    }
    .flow-note__device-ico--check:before {
        content: "測定する";
        padding: .4rem 1rem .5rem;
    }
    .flow-step__ico--arrow {
        width: 1.110625rem;
        height: 1.11125rem;
        background-color: #b1081f;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 999px;
        margin-right: .5rem;
    }
    .flow-step__ico--arrow:before {
        content: "";
        display: block;
        background-image: url(../../img/05/icon_triangle.svg);
        width: 50%;
        height: 50%;
        overflow: hidden;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .flow-note__ico-box {
        position: relative;
        margin: 5px;
        display: inline-block;
        padding: 0.2rem 1rem 0.35rem;
        color: #fff;
        font-weight: bold;
        font-size: 0.875rem;
        line-height: 1;
        background: #b1081f;
        border-radius: 0.25rem;
        z-index: 9;
    }
}

@media all and (max-width: 768px) {
    .flow-step__ico {
        font-weight: bold;
        background: #b1081f;
        font-size: 1.142857143rem;
        color: #FFF;
        text-align: center;
        border-radius: 32px;
        padding: 1.071428571rem 0.5rem 1.0625rem;
        margin-top: 2.857142857rem;
    }
    .flow-step__ico+.flow-step__ico {
        margin-top: 1.428571429rem;
    }
    .flow-note__device-ico + .flow-note__device-ico {
        margin: 0 .625rem;
    }
    .flow-note__device-ico:before  {
        content: '';
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        display: block;
        overflow: hidden;
    }
    .flow-note__device-ico--login:before {
        background-image: url(../../img/05/icon_login.svg);
        width: calc(1.078125rem*1.2);
        height: calc(1.2375rem*1.2);
    }
    .flow-note__device-ico--camera:before {
        background-image: url(../../img/05/icon_camera.svg);
        width: calc(1.604375rem*1.2);
        height: calc(1.1475rem*1.2);
    }
    .flow-note__device-ico--mic:before {
        background-image: url(../../img/05/icon_mic.svg);
        width: calc(.89125rem*1.24);
        height: calc(1.409375rem*1.24);
        overflow: hidden;
    }
    .flow-note__device-ico--sound:before {
        background-image: url(../../img/05/icon_sound.svg);
        width: calc(1.64625rem*1.2);
        height: calc(1.00625rem*1.2);
        overflow: hidden;
    }
    .flow-note__device-ico--camera-ok:before {
        background-image: url(../../img/05/icon_camera_ok.svg);
        width: 3.46125rem;
        height: 1.8125rem;
        overflow: hidden;
    }
    .flow-note__device-ico--mic-ok:before {
        background-image: url(../../img/05/icon_mic_ok.svg);
        width: 3.125rem;
        height: 1.875rem;
        overflow: hidden;
    }
    .flow-note__device-ico--check {
        background-color: #b1081f;
        font-size: 1.125rem;
        color: #FFF;
        line-height: 1;
        border-radius: 15px;
    }
    .flow-note__device-ico--check:before {
        content: "測定する";
        padding: .4rem 1rem .5rem;
    }
    .flow-step__ico--arrow {
        width: 1.1rem;
        height: 1.1rem;
        background-color: #b1081f;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 999px;
        margin-right: .5rem;
        flex: none;
    }
    .flow-step__ico--arrow:before {
        content: "";
        display: block;
        background-image: url(../../img/05/icon_triangle.svg);
        width: 50%;
        height: 50%;
        overflow: hidden;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .flow-note__ico-box {
        margin: 5px;
        display: inline-block;
        padding: 0.2rem 0.5rem 0.35rem;
        color: #fff;
        font-weight: bold;
        font-size: 0.875rem;
        line-height: 1;
        background: #b1081f;
        border-radius: 0.25rem;
    }
}



/* =====================================
  table
======================================== */
.flow-table {
    width: 100%;
    margin-top: .75rem;
}
.flow-table__ttl {
    width: 33.333%;
    padding: 1.5625rem;
    background: #F7F6EC;
    font-size: 1.125rem;
    font-weight: bold;
    border: 1px solid #aaa;
    border-top: none;
}
.flow-table__ttl-note {
    font-weight: normal;
}
.flow-table__ttl:first-child {
    border-left: none;
}
.flow-table__ttl:last-child {
    border-right: none;
}
.flow-table__txt {
    padding: 1.5625rem;
    background: #fff;
    font-size: 1rem;
    border: 1px solid #aaa;
    text-align: center;
    line-height: 1.3;
}
.flow-table__txt:first-child {
    border-left: none;
}
.flow-table__txt:last-child {
    border-right: none;
}
@media print, screen and (max-width: 767px) {
    .flow-step__note-list .flow-table {
        width: calc(100% - 1.5rem);
    }
    .flow-table__ttl {
        width: auto;
        padding: 1rem;
        font-size: 1rem;
    }
}

/* =====================================
  NOTE
======================================== */

.flow-step__inner .c-note-m+.c-note-m {
    margin-top: 0;
}

.flow-step__note--clear-mark::before {
    display: none!important;
}

.flow-step__note {
    position: relative;
}

.flow-step__note::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '●';
    color: #b1081f;
}

.flow-step__note-list--number .flow-step__note {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 2rem;
}

.flow-step__note-list--number .flow-step__note::before {
    border-radius: 999px;
    background-color: #b1081f;
    color: #fff;
    font-size: 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
}

.flow-step__note-list--number .flow-step__note:nth-child(1)::before {
    content: '1';
}

.flow-step__note-list--number .flow-step__note:nth-child(2)::before {
    content: '2';
}

.flow-step__note-list--number .flow-step__note:nth-child(3)::before {
    content: '3';
}

.flow-step__note-list--number .flow-step__note:nth-child(4)::before {
    content: '4';
}

.flow-step__note-list--has-device-icon .flow-step__note {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}

.flow-note__anchor {
    margin-top: 1rem;
}

.flow-note__anchor>a {
    color: #b1081f;
    font-weight: bold;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    line-height: 1.75;
}
.flow-note__anchor>a:hover {
    text-decoration: underline;
}

.flow-note__anchor--s>a {
    align-items: center;
}

.flow-note__anchor img {
    display: inline-block;
    fill: red;
    width: 1.1875rem;
}

.flow-note__anchor {
    margin: 0;
    line-height: 1;
    position: relative;
    top: -0.125rem;
}

.flow-step__ico-anchor {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #b1081f;
    width: 1.175rem;
    height: 1.175rem;
    border-radius: 999px;
    margin-right: 0.5rem;
    flex: none;
    -ms-flex: none;
}

.flow-step__ico-anchor img {
    width: 60%;
    height: 60%;
    transform: translateX(7%);
}

@media all and (min-width: 769px) {
    .flow-step__note-list {
        margin-top: .9375rem
    }
    .flow-step__note {
        margin-top: 1em;
        padding-left: 1.5em;
        line-height: 2rem;
        font-size: 1.125rem;
    }
    .flow-step__note-body {
        width: 100%;
    }
    .flow-step__note+.flow-step__note {
        margin-top: 0.75rem;
    }
    .flow-step__note-list--number .flow-step__note::before {
        top: 0.25rem;
        width: 1.6rem;
        height: 1.6rem;
        align-items: center;
    }
    .flow-note__anchor>a {
        font-size: 1.125rem;
        line-height: 1.6;
    }
    .flow-note__anchor img.flow-note__ico--left {
        margin: 0.125rem 0.6rem 0 0;
        transform: translateY(.2rem);
    }
    .flow-note__anchor img.flow-note__ico--dl {
        width: 1rem;
        margin: 0 0 -0.2rem 0.6rem;
    }
    .flow-note__anchor {
        display: inline-block;
    }
    .flow-note__anchor--display-block {
        display: block;
    }

    .c-note-m.note-m--has-ancher {
        position: relative;
        top: -.25rem;
    }
    .c-note-m.note-m--has-ancher::before {
        top: .25rem;
    }
    .flow-step__ico-anchor {
        transform: translateY(-.085rem);
    }
}

@media all and (max-width: 768px) {
    .flow-step__note-list {
        margin-top: 1.214285714rem
    }
    .flow-step__note {
        margin-top: 1em;
        padding-left: 1.5em;
        line-height: 1.6;
    }
    .flow-step__note-body {
        width: 100%;
    }
    .flow-step__note+.flow-step__note {
        margin-top: 1rem;
    }
    .flow-step__note-list--number .flow-step__note::before {
        top: 0;
        width: 1.6rem;
        height: 1.6rem;
        align-items: baseline;
    }
    .flow-note__anchor {
        font-size: 1rem;
        margin-top: 1rem;
    }
    .flow-note__anchor img.flow-note__ico--left {
        margin: .125rem 0.6rem 0 0;
        transform: translateY(.25rem);
    }
    .flow-note__anchor img.flow-note__ico--dl {
        width: 1rem;
        margin: 0 0 -0.2rem 0.6rem;
    }
    .flow-note__anchor.flow-note__anchor--arrow a {
        align-items: baseline;
    }
}


/* =====================================
  LOGIN,RADIO,CAP,FUNTION
======================================== */

@media all and (min-width: 769px) {
    .flow-step__login {
        display: table;
        margin: 1rem 1.625rem .5rem;
    }
    .flow-step__login-body {
        display: table-row;
    }
    .flow-step__login-body {
        display: table-row;
    }
    .flow-step__login-body>* {
        display: table-cell;
        line-height: 1;
        color: #494446;
    }
    .flow-step__login-body+.flow-step__login-body>* {
        padding-top: .5rem;
    }
    .flow-step__login-ttl {
        padding-right: .875rem;
    }
    .flow-step__login-ttl,
    .flow-step__login-txt {
        display: table-cell;
    }
    .flow-step__login-txt span {
        display: block;
        padding: .5rem 1.25rem .6rem;
        border: 1px solid #AAAAAA;
        border-radius: 5px;
    }
    .flow-step__login-note {
        display: table-cell;
        padding-left: .875rem;
        vertical-align: top;
    }
    .flow-step__login-note .c-note-m {
        margin-top: 0;
        line-height: 1.2;
    }
    .flow-step__radio {
        position: relative;
        padding-left: 1.5em;
        margin-top: .5rem;
    }
    .flow-step__radio::before {
        position: absolute;
        top: 1rem;
        left: 0;
        transform: translateY(-50%);
        content: '';
        width: 1.25rem;
        height: 1.3rem;
        font-size: 0.3rem;
        border: 1px solid #AAAAAA;
        border-radius: 999px;
    }
    .flow-step__radio::after {
        position: absolute;
        top: 1rem;
        left: 0;
        transform: translateY(-50%);
        content: '';
        width: .5rem;
        height: .5rem;
        margin: 0 .4rem;
        background-color: #494446;
        font-size: .3rem;
        border-radius: 999px;
    }
    .flow-step__screen {
        margin: 0 6.875rem 3.125rem 4.375rem;
    }
    .flow-step__screen img+img {
        padding-top: 1.25rem;
    }
    .flow-step__function {
        display: table;
        margin: 1rem 1.625rem .5rem;
    }
    .flow-step__function-body {
        display: table-row;
    }
    .flow-step__function-body {
        display: table-row;
    }
    .flow-step__function-body>* {
        display: table-cell;
        line-height: 1;
        color: #494446;
    }
    .flow-step__function-body+.flow-step__function-body .flow-step__function-ttl,
    .flow-step__function-body+.flow-step__function-body .flow-step__function-txt {
        padding-top: .5rem;
    }
    .flow-step__function-ttl,
    .flow-step__function-txt {
        display: table-cell;
    }
    .flow-step__function-ttl {
        padding-right: .875rem;
        text-align: center;
    }
    .flow-step__function-ttl span {
        display: block;
        padding: .5rem 1.25rem .6rem;
        border: 1px solid #AAAAAA;
        border-radius: 5px;
        font-size: 1rem;
    }
    .flow-step__address {
        display: table;
        margin-top: .5rem;
    }
    .flow-step__address-body {
        display: table-row;
    }
    .flow-step__address-body>* {
        display: table-cell;
        line-height: 1;
        color: #494446;
    }
    .flow-step__address-body+.flow-step__address-body .flow-step__address-ttl,
    .flow-step__address-body+.flow-step__address-body .flow-step__address-txt {
        padding-top: .5rem;
    }
    .flow-step__address-ttl,
    .flow-step__address-txt {
        display: table-cell;
    }
    .flow-step__address-txt {
        padding-right: .875rem;
        position: relative;
        padding-left: 1rem;
        line-height: 2rem;
    }
    .flow-step__address-txt .c-note-m {
        margin-top: 0;
    }
    .flow-step__address-txt::before {
        position: absolute;
        top: 0;
        left: 0;
        content: '：';
    }
    .flow-step__address-body+.flow-step__address-body .flow-step__address-txt::before {
        top: 0.5rem;
    }
    .user-btn {
        padding: 0.195rem 2rem;
        font-size: 1rem;
        line-height: 1.4em;
        border-radius: 99px;
    }
    .user-btn__label {
        margin-top: 0px;
    }
    .user-btn__arrow {
        right: -2px;
        width: 2.25rem;
        height: 2.25rem;
        margin-top: -1.125rem;
    }
    .user-btn__arrow svg {
        width: 26%;
        height: 26%;
    }
    .flow-step__primary-txt {
        margin-top: 1.875rem;
        line-height: 2rem;
        font-size: 1.125rem;
    }
}

@media all and (max-width: 768px) {
    .flow-step__login {
        display: table;
        margin: 1rem 0;
        width: 100%;
        table-layout: fixed;
    }
    .flow-step__login-body {
        display: table-row;
    }
    .flow-step__login-body {
        display: table-row;
    }
    .flow-step__login-body>* {
        display: table-cell;
        line-height: 1;
        color: #494446;
    }
    .flow-step__login-body+.flow-step__login-body>* {
        padding-top: .5rem;
    }
    .flow-step__login-ttl,
    .flow-step__login-txt {
        display: table-cell;
    }
    .flow-step__login-txt span {
        display: block;
        padding: .5rem 1.25rem .6rem;
        border: 1px solid #AAAAAA;
        border-radius: 5px;
    }
    .flow-step__login-note {
        display: table-cell;
    }
    .flow-step__radio {
        position: relative;
        padding-left: 1.5em;
        margin-top: .5rem;
    }
    .flow-step__radio::before {
        position: absolute;
        top: 25%;
        left: 0;
        transform: translateY(-50%);
        content: '';
        width: 1.25rem;
        height: 1.3rem;
        font-size: 0.3rem;
        border: 1px solid #AAAAAA;
        border-radius: 999px;
    }
    .flow-step__radio::after {
        position: absolute;
        top: 25%;
        left: 0;
        transform: translateY(-50%);
        content: '';
        width: .5rem;
        height: .5rem;
        margin: 0 .38rem;
        background-color: #494446;
        font-size: .3rem;
        border-radius: 999px;
    }
    .flow-step__screen {
        margin: 1.428571429rem 0;
    }
    .flow-step__screen img+img {
        padding-top: 1.25rem;
    }
    .flow-step__function {
        margin-top: .857142857rem;
    }
    .flow-step__function-body {
        display: table-row;
    }
    .flow-step__function-body>* {
        line-height: 1;
        color: #494446;
    }
    .flow-step__function-body+.flow-step__function-body .flow-step__function-ttl {
        margin-top: 1.071428571rem;
    }
    .flow-step__function-ttl {
        width: 10rem;
        text-align: center;
    }
    .flow-step__function-ttl span {
        display: block;
        padding: .5rem 1.25rem .6rem;
        border: 1px solid #AAAAAA;
        border-radius: 5px;
        font-size: 1rem;
    }
    .flow-step__function-txt {
        margin-top: .714285714rem;
    }
    .flow-step__address {
        display: table;
        margin-top: 1.428571429rem;
        font-size: 1rem;
    }
    .flow-step__address-body {
        display: table-row;
    }
    .flow-step__address-body>* {
        display: table-cell;
        line-height: 1;
        color: #494446;
    }
    .flow-step__address-ttl,
    .flow-step__address-txt {
        display: table-cell;
    }
    .flow-step__address-txt {
        padding-right: .875rem;
        position: relative;
        padding-left: 1rem;
        line-height: 1.642857143rem;
    }
    .flow-step__address-txt::before {
        position: absolute;
        top: 0;
        left: 0;
        content: '：';
    }
    .flow-step__primary-txt {
        margin-top: 1.428571429rem;
        line-height: 1.6rem;
        font-size: 1rem;
    }
}


/* =====================================
  MAIN CONTETN(PC RIGHT COLUMN) TITLE
======================================== */

@media all and (min-width: 769px) {
    .flow-step__ttl {
        width: 13.75rem;
        background-color: #b1081f;
        color: #FFF;
        text-align: center;
        font-size: 1rem;
        line-height: 1;
        border-radius: 5px;
        padding: .625rem;
        margin-bottom: 1.25rem;
    }
    .flow-step__ttl--l {
        width: 17.1875rem;
    }
    .flow-step__ttl--xl {
        width: 20rem;
    }
    .flow-step__ttl:not(:first-child) {
        margin-top: 1.875rem;
    }
}

@media all and (max-width: 768px) {
    .flow-step__ttl {
        width: 13.75rem;
        border: 1px solid #b1081f;
        color: #b1081f;
        text-align: center;
        font-size: 1rem;
        line-height: 1;
        border-radius: 5px;
        padding: .714285714rem .5rem;
        margin: 1.428571429rem auto 0;
        width: calc(100% - 2.857142857rem);
        max-width: 280px;
    }
}


/* =====================================
  STEP 01
======================================== */

@media all and (min-width: 769px) {
    .flow-step__equipment-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .flow-step__equipment-item {
        width: calc((100% - 1.25rem*2)/3);
        border: 1px solid #AAAAAA;
        border-radius: 10px;
        overflow: hidden;
    }
    .flow-step__equipment-item dt {
        padding: .875rem 0;
        background-color: #F7F6EC;
        text-align: center;
        font-size: 1rem;
        line-height: 1;
        font-weight: bold;
    }
    .flow-step__equipment-item dd {
        width: 100%;
        text-align: center;
        padding: .6rem 0 .4rem;
    }
    .flow-step__equipment-item dd img {
        width: 65%;
    }
}

@media all and (max-width: 768px) {
    .flow-step__equipment-item {
        width: calc(100% - 5.714285714rem);
        border: 1px solid #AAAAAA;
        border-radius: 10px;
        overflow: hidden;
        margin: 1.428571429rem auto 0;
    }
    .flow-step__equipment-item dt {
        padding: .714285714rem 0;
        background-color: #F7F6EC;
        text-align: center;
        font-size: 1.166666667rem;
        line-height: 1;
        font-weight: bold;
    }
    .flow-step__equipment-item dd {
        width: 100%;
        text-align: center;
        padding: .6rem 0 .4rem;
    }
    .flow-step__equipment-item dd img {
        width: 55%;
    }
}


/* =====================================
  STEP 2
======================================== */

@media all and (min-width: 769px) {

    .flow-step__inner--step02 .flow-note__anchor {
        margin-top: .75rem;
        display: flex;
        align-items: center;
    }
    .flow-step__inner--step02 .flow-note__anchor > a {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
    }
    .flow-step__inner--step02 .flow-step__login-caption {
        margin-left: 1.625rem;
    }
    .flow-step__inner--step02 .flow-step__login {
        width: 19.25rem;
    }
    .flow-step__inner--step02 .flow-step__login-txt {
        width: 12.5rem;
    }
    .flow-step__inner--step02 .flow-step__screen {
        margin: 1.5rem 0 0 1.625rem;
        width: 37.5rem;
    }
}

@media all and (max-width: 768px) {
    .flow-step__inner--step02 .flow-step__login-body {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
    .flow-step__inner--step02 .flow-step__login-ttl {
        width: 5.5em;
    }
    .flow-step__inner--step02 .flow-step__login-txt {
        width: calc(100% - 5.5em);
        max-width: 200px;
    }
    .flow-step__inner--step02 .flow-step__login-caption {
        margin: 1rem 0 0 1.25rem;
    }
    .flow-step__inner--step02 .flow-step__login {
        margin-left: 1.25rem;
    }
    .flow-step__inner--step02 .flow-step__screen {
        margin-left: -2rem;
    }
}


/* =====================================
  STEP 3
======================================== */

@media all and (min-width: 769px) {
    .flow-step__inner--step03 .flow-step__login-txt {
        width: 18.75rem;
    }
    .flow-step__note-body--user .flow-step__login-ttl {
        width: 10em;
    }
    .flow-step__note-body--server .flow-step__login-ttl {
        width: 15.5em;
    }
}

@media all and (max-width: 980px) {
    .flow-step__inner--step03 .flow-step__login,
    .flow-step__inner--step03 .flow-step__login-body,
    .flow-step__inner--step03 .flow-step__login-ttl,
    .flow-step__inner--step03 .flow-step__login-txt {
        display: inline-block;
    }
    .flow-step__inner--step03 .flow-step__login-ttl {
        margin-top: .857142857rem;
        width: 100%;
    }
    .flow-step__inner--step03 .flow-step__login-txt {
        margin-top: .3125rem;
        padding-top: 0;
        width: 18.75rem;
    }
    .flow-step__inner--step03 .flow-step__login-note {
        padding-top: 0;
    }
    .flow-step__inner--step03 .flow-step__login-note .c-note-m {
        margin-top: .357142857rem;
    }
}

@media all (min-width: 767) and (max-width: 980px) {
    .flow-step__login-ttl {}
}


/* =====================================
  STEP 4
======================================== */

@media all and (min-width: 769px) {
    .flow-step__inner--step04 .flow-step__function-ttl {
        width: 10.1875rem;
    }
}

@media all and (max-width: 768px) {}


/* =====================================
  STEP 5
======================================== */

@media all and (min-width: 769px) {}

@media all and (max-width: 768px) {}


/* =====================================
  STEP 6
======================================== */

@media all and (min-width: 769px) {
    .flow-step__inner--step06 .flow-note__anchor {
        margin-top: .75rem;
    }
    .flow-step__inner--step06 .flow-step__primary-txt {
        margin-top: 0;
    }
}

@media all and (max-width: 768px) {
    .flow-step__header.bt::before {
        content: '';
        display: block;
        background: #aaa;
        height: 1px;
        width: 100%;
        margin-bottom: 5px;
    }
    .flow-step__inner--step06 .flow-step__primary-txt {
        margin-top: 1.214285714rem;
    }
    .flow-step__inner--step06 .flow-step__note .flow-step__note-text {
        display: block;
        width: 100%
    }
    .flow-step__inner--step06 .flow-note__device-ico {
        margin: .75rem 1rem .75rem 0;
    }
}


/* =====================================
  STEP 7
======================================== */

.flow-step__inner--step07 .flow-step__address-ttl {
    width: 3.2em;
}

@media all and (min-width: 769px) {
    .flow-step__inner--step07 .flow-note__anchor--display-block {
        margin-top: .75rem;
    }
   .flow-step__inner--step07 .c-note-m {
        margin-top: 1.875rem;
   }
   .flow-step__inner--step07 .c-note-m + .c-note-m {
        margin-top: 0;
   }
}

@media all and (max-width: 768px) {
    .flow-step__inner--step07 .flow-note__anchor--cource {
        margin-bottom: 1.785714286rem;
    }
}

/* =====================================
  STEP 7-1
======================================== */

@media all and (min-width: 769px) {
    .flow-step__inner--step07-1 .flow-step__note-list, .flow-step__note{
        margin-top: 0;
    }
    .flow-step__inner--step07-1 .flow-step__ico {
        top: 0rem;
    }
}

/* =====================================
  STEP 8
======================================== */

@media all and (min-width: 769px) {
    .flow-step__inner--step08 .flow-step__note-list,
    .flow-step__inner--step08 .flow-step__note {
        margin-top: 0;
    }
}

@media all and (max-width: 768px) {}


/* =====================================
  STEP 9
======================================== */

@media all and (min-width: 769px) {
    .flow-step__inner--step09 .flow-step__note-list,
    .flow-step__inner--step09 .flow-step__note {
        margin-top: 0;
    }
    .flow-step__inner--step09 .flow-step__ico {
        top: 1.5rem;
    }
}

@media all and (max-width: 768px) {}


/* =====================================
  STEP 10
======================================== */

@media all and (min-width: 769px) {
    .flow-step__inner--step10 .flow-step__ico {
        top: 3.5rem
    }
    .flow-step__inner--step10 .flow-step__note-list,
    .flow-step__inner--step10 .flow-step__note {
        margin-top: 0;
    }
}

@media all and (max-width: 768px) {}


/* =====================================
  INQUIRY
======================================== */

.flow-step__inner--inquiry  {
    border-top: 1px solid #AAAAAA;
}

.flow-step__inner--inquiry .flow-step__address-ttl {
    width: 4.5em;
}
.prepare .flow-step__inner--inquiry .flow-step__address-ttl {
    width: 4.5em;
}
.flow-step__btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 2rem;
}
.user-btn {
    position: relative;
    display: inline-block;
    font-family: 'YakuHanJP_Noto', 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    text-align: center;
    border-style: solid;
    border-style: solid;
    border-width: 0;
    border-width: 2px;
    cursor: pointer;
}
.user-btn__arrow {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    font-size: 0;
    line-height: 0;
}
.user-btn__label {
    display: block;
    font-weight: bold;
}
.user-btn__arrow svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
/* hover */
.user-btn {
    transition: all 0.15s ease-out;
}
.user-btn .user-btn__arrow svg {
    transition: fill 0.15s ease-out;
}
/* color */
.user-btn {
    color: #fff;
    background-color: #b1081f;
    border-color: #b1081f;
}
.user-btn .user-btn__arrow svg {
    fill: #fff;
}

/* hover */
.user-btn:hover {
    color: #b1081f;
    background-color: #fff;
}

.user-btn:hover .user-btn__arrow svg {
    fill: #b1081f;
}

@media all and (min-width: 980px) {
    .flow-step__address-outer {
        display: inline-block;
        position: relative;
    }
    .prepare .flow-step__address-outer {
        display: block;
    }
    .flow-step__logo {
        position: absolute;
        right: 0;
        bottom: 2.75rem;
    }
    .flow-step__address-outer--anet.flow-step__address-outer {
        padding-right: 8.125rem;
        margin-top: .75em;
    }
    .flow-step__address-outer--anet .flow-step__logo {
        width: 8.125rem;
        bottom: -1rem;
    }
    .flow-step__address-outer--smrj.flow-step__address-outer {
        padding-right: 10.9375rem;
    }
    .flow-step__address-outer--smrj .flow-step__logo {
        width: 5.882352941rem;
    }
    .flow-step__btn.u-hide-pc {
        display: none;
    }
}

@media all and (max-width: 979px) {
    .flow-step__address-outer--anet .flow-step__logo {
        width: 9.285714286rem;
        margin: 1rem auto 0;
    }
    .flow-step__address-outer--smrj .flow-step__logo {
        width: 7.185714286rem;
        margin: 1rem auto 0;
    }
    .user-btn {
        padding: 0.195rem 2rem;
        font-size: 1rem;
        line-height: 1.4em;
        border-radius: 99px;
    }
    .user-btn__label {
        margin-top: 0px;
    }
    .user-btn__arrow {
        right: -2px;
        width: 2.25rem;
        height: 2.25rem;
        margin-top: -1.125rem;
    }
    .user-btn__arrow svg {
        width: 26%;
        height: 26%;
    }
    .flow-step__btn.u-hide-tab.u-hide-sp {
        display: none;
    }
}