.top__txt {
    margin-bottom: 20px;
    color: #e60012;
    font-size: var(--font-size32);
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width: 767px){
    .top__txt  {
        margin-bottom: 15px;
        font-size: var(--font-size20);
    }
}
/*-------------------------------------------------
|- service
-------------------------------------------------*/
.service {
    width: 300px;
    margin: 50px auto;
    display: flex;
    flex-wrap: wrap;
}
.service__period {
    width: 130px;
    padding: 5px 0;
    color: #fff;
    font-size: var(--font-size16);
    background: #9f8d6f;
    text-align: center;
}
.service__txt {
    margin-left: 20px;
    font-size: var(--font-size16);
    font-weight: bold;
}
.service__txt-b {
    margin-left: 10px;
    color: #e60012;
    font-size: var(--font-size20);
    font-weight: bold;
}
@media screen and (max-width: 767px){
    .service {
        width: 250px;
        margin: 20px auto 0;
    }
    .service__period {
        width: 110px;
        font-size: var(--font-size13);
    }
    .service__txt {
        margin-left: 10px;
        padding: 5px 0;
        font-size: var(--font-size14);
    }
    .service__txt-b {
        font-size: var(--font-size15);
    }
}
/*-------------------------------------------------
|- mainVisualBlock
-------------------------------------------------*/
.fee {
    max-width: 1100px;
    margin: auto;
}
.fee__txt {
    width: 75%;
    margin: 10px auto 0;
    font-size: var(--font-size13);
    font-feature-settings: 'palt';
}
@media screen and (max-width: 767px){
    .fee__txt {
        width: 95%;
        font-size: var(--font-size11);
    }
}
/*-------------------------------------------------
|- frame-box
-------------------------------------------------*/
.frame-box {
    position: relative;
    max-width: 1100px;
    margin: 50px auto 170px;
    padding: 0 160px;
    box-sizing: border-box;
}
.frame-box::after {
    content: '';
    position: absolute;
    right: 60px;
    bottom: 0;
    width: 120px;
    height: 110px;
    background: url(/ieconnect/assets/img/img013.png) no-repeat;
    background-size: 100%;
}
.frame {
    width: 85%;
    margin: auto;
    padding: 15px 2% 15px 5%;
    border: 3px solid #a79e6d;
    box-sizing: border-box;
}
.frame__txt {
    font-size: var(--font-size18);
}
.frame__txt.center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.frame__txt-b {
    color: #e60012;
    font-size: var(--font-size30);
    font-weight: bold;
}
.frame__btm {
    font-size: var(--font-size16);
    text-align: right;
}
@media screen and (max-width: 950px){
    .frame-box {
        padding: 0 160px 0 0;
    }
    .frame {
        width: 100%;
    }
    .frame-box::after {
        right: 0;
    }
}
@media screen and (max-width: 767px){
    .frame-box {
        margin: 50px auto 60px;
        padding: 0;
    }
    .frame-box::after {
        right: 30px;
        bottom: 65px;
        width: 18%;
        height: 60px;
    }
    .frame {
        padding: 10px 2% 10px 3%;
        border: 2px solid #a79e6d;
    }
    .frame__txt {
        font-size: var(--font-size15);
    }
    .frame__txt-b {
        font-size: var(--font-size18);
    }
    .frame__btm {
        font-size: var(--font-size13);
    }
}
/*-------------------------------------------------
|- txt
-------------------------------------------------*/
.point03__txt {
    font-size: var(--font-size26);
    font-weight: bold;
    text-align: center;
}
.point03__txt-sub {
    font-size: var(--font-size11);
    font-weight: bold;
}
.check {
    margin: 20px auto;
}
@media screen and (max-width: 767px){
    .point03__txt {
        font-size: var(--font-size14);
        font-feature-settings: 'palt';
    }
}
/*-------------------------------------------------
|- research
-------------------------------------------------*/
.research {
    margin: 50px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.research__img {
    width: 290px;
    margin-right: 30px;
}
.research__item > * + * {
    margin-top: 10px;
}
.research__ttl {
    font-size: var(--font-size16);
    font-weight: bold;
}
.research__txt {
    font-size: var(--font-size16);
}
@media screen and (max-width: 767px){
    .research {
        margin: 30px auto;
    }
    .research__img {
        width: 60%;
        margin-right: 3%;
    }
    .research__ttl,.research__txt {
        font-size: var(--font-size13);
        font-feature-settings: 'palt';
    }
}
/*-------------------------------------------------
|- list-block
-------------------------------------------------*/
.list-block {
    max-width: 900px;
    margin: auto;
}
.list__ttl {
    padding: 10px 0;
    color: #fff;
    font-size: var(--font-size16);
    text-align: center;
    background: #9e8c6f;
    border: 1px solid #fff;
}
.w180 {
    width: 18%;
}
.list__item {
    background: rgba(158,140,111,.2);
}
.list__item-bg {
    background: rgba(158,140,111,.35);
}
.list__txt {
    padding: 10px;
    font-size: var(--font-size13);
    font-feature-settings: 'palt';
    border: 1px solid #fff;
}
.list-txt {
    font-size: var(--font-size13);
    font-feature-settings: 'palt';
    text-align: right;
}
@media screen and (max-width: 767px){
    .list-txt {
        font-size: var(--font-size10);
    }
}
/*-------------------------------------------------
|- flow-block
-------------------------------------------------*/
.flow-block {
    width: 100%;
    max-width: 630px;
    margin: 80px auto 0;
}
.flow-block__btm {
    max-width: 650px;
}
.flow-box {
    position: relative;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}
.flow-box::before,
.flow-box__btm::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 45px;
    height: 56px;
    background: url(/ieconnect/assets/img/img024.png) no-repeat;
    background-size: 100%;
}
.flow-box__btm::before {
    background: url(/ieconnect/assets/img/img028.png) no-repeat;
    background-size: 100%;
}
.flow {
    width: 48%;
}
.flow__ttl {
    width: 70px;
    margin: 0 auto 15px;
    color: #fff;
    font-size: var(--font-size16);
    font-weight: bold;
    text-align: center;
    background: #5d7473;
}
.flow__img {
    width: 88px;
    margin: auto;
}
.flow-point {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    padding-bottom: 60px;
}
.flow-point::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 45px;
    height: 44px;
    background: url(/ieconnect/assets/img/img025.png) no-repeat;
    background-size: 100%;
}
.flow-point > * + * {
    margin-top: 15px;
}
.flow-point__btm {
    padding: 0;
}
.flow-point__btm::before {
    display: none;
}
.point {
    display: flex;
    align-items: baseline;
}
.flow-point__ttl {
    width: 58px;
    margin-right: 10px;
    padding: 2px 15px;
    background: #5d7473;
}
.flow-point__txt {
    font-size: var(--font-size18);
    font-feature-settings: 'palt';
    font-weight: bold;
}
.flow-top__txt {
    position: relative;
    margin-top: 20px;
}
.flow-top__txt::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 90px;
    height: 114px;
    background: url(/ieconnect/assets/img/img017.png) no-repeat;
    background-size: 100%;
}
.txt {
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    font-size: var(--font-size16);
    text-align: center;
}
.txt-b {
    font-size: var(--font-size22);
    font-weight: bold;
}
.flow-btm {
    width: 100%;
    margin-top: 90px;
    padding: 10px 0;
    border: 1px solid #000;
    box-sizing: border-box;
}
.flow-btm__txt {
    margin-bottom: 10px;
    font-size: var(--font-size15);
    text-align: center;
}
.btm-list {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 90%;
    margin: auto;
}
.btm-list > * + * {
    margin-top: 10px;
}
.btm-list__item {
    position: relative;
    padding-left: 20px;
    box-sizing: border-box;
}
.btm-list__item::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #7a9795;
    border-radius: 50%;
}
.btn-link-disabled {
    background-color: #cccccc;
}
.btn-link-disabled :hover{
    background-color: #cccccc !important;
}
.flow-img__btm {
    margin-top: 30px;
}
.flow__ttl-bg,
.flow-point__ttl-bg,
.btm-list__bg::before {
    background: #b7801b;
}
.flow-point__ttl-bg {
    padding: 2px 10px;
}
@media screen and (max-width: 767px){
    .flow-block {
        margin: 50px auto 0;
    }
    .flow-box::before {
        width: 35px;
        height: 43px;
    }
    .flow__ttl {
        font-size: var(--font-size14);
    }
    .flow__txt {
        font-size: var(--font-size13);
    }
    .flow__img {
        width: 60px;
    }
    .flow-point {
        padding-bottom: 45px;
    }
    .flow-point__btm {
        padding: 0;
    }
    .flow-point::before {
        width: 35px;
        height: 34px;
    }
    .flow-point__ttl {
        width: 45px;
        padding: 0 10px;
    }
    .flow-point__txt {
        font-size: var(--font-size14);
        flex: 1;
    }
    .flow-top__txt {
        width: -moz-fit-content;
        width: fit-content;
        margin: auto;
        padding-left: 70px;
        box-sizing: border-box;
    }
    .flow-top__txt::before {
        left: 0;
        width: 55px;
        height: 70px;
    }
    .txt {
        width: auto;
        font-size: var(--font-size13);
        text-align: left;
    }
    .txt-b {
        font-size: var(--font-size14);
    }
    .flow-btm {
        margin-top: 30px;
    }
    .flow-btm__txt,
    .btm-list__item {
        font-size: var(--font-size13);
        font-feature-settings: 'palt';
    }
    .btm-list__item {
        padding-left: 15px;
    }
    .flow-img__btm {
        margin-top: 20px;
    }
}