@charset "utf-8";

body{
    color: #202F40;
}

/* secCmnTop */
.secCmnTop{
    background: url(../img/global/imgBgTop.jpg) center / cover no-repeat;
}
@media only screen and (max-width:767px){
.secCmnTop{
        background: url(../img/global/imgBgTop_sp.jpg) center / cover no-repeat;
    }
}

/* secTop */
.secTop{
    background: #f9fafc;
    padding: 75px 0 142px;
}
.secTop .txt{
    font-size: 16px;
    line-height: 2;
    text-align: center;
    font-weight: bold;
}
.secTop .txt + .txt{
    margin-top: 31px;
}
@media only screen and (max-width:767px){
    .secTop{
        padding: 37px 0 75px;
    }
    .secTop .txt{
        font-size: 14px;
        text-align: left;
    }
    .secTop .txt + .txt{
        margin-top: 28px;
    }
}

/* secNew */
.secNew{
    margin-top: 120px;
}
.secNew .tit{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background:#202F40;
    padding: 17px;
}
.secNew .list{
    margin-top: 53px;
}
.secNew .item:nth-child(n+2){
    margin-top: 100px;
}
.secNew .topTit{
    font-size: 24px;
    font-weight: bold;
    position: relative;
}
.secNew .topTit::before{
    position: absolute;
    content: "";
    background:#00B0EC;
    width: 40px;
    height: 3px;
    bottom: -16px;
    left: 0;
}

.secNew .tableBox{
    margin-top: 51px;
}
.secNew .boxTable,
.secNew .boxTable tr,
.secNew .boxTable tbody{
    display: block;
    width: 100%;
}
.secNew .boxTable{
    border-top: solid 1px #DBDDE0;
}
.secNew .boxTable tr{
    border-bottom: solid 1px #DBDDE0;
}
.secNew .boxTable th{
    width: 100px;
    padding: 18px 0px 15px;
    font-size: 14px;
    line-height: 1.71;
    vertical-align: top;
    color: #202F40;
    font-weight: bold;
}
.secNew .boxTable td{
    width: calc(100% - 100px);
    padding: 18px 0 17px 19px;
    font-size: 14px;
    line-height: 1.71;
    vertical-align: top;
    color: #202F40;
    letter-spacing: 0.5px;
}

.secNew .box,
.secNew .box tr,
.secNew .box tbody{
  
    width: 100%;
}
.secNew .box{
    border: 1px solid #DBDDE0;
}
.secNew .box tr{
    border-bottom: 1px solid #DBDDE0;
}
.secNew .box tr:last-child{
    border-bottom: none;
}
.secNew .box th{
    width: 194px;
    padding: 10px 13px;
    font-size: 14px;
    line-height: 1.57;
    vertical-align: middle;
    color: #202F40;
    background: #ECEEEF;
}
.secNew .box tr:first-child th{
    background: #A6ACB3;
    color: #fff;
    padding: 6px 13px 6px;
    font-weight: bold;
}
.secNew .box td{
    width: calc(100% - 194px);
    padding: 12px 0 11px 29px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    vertical-align: middle;
    color: #202F40;
    border-left: 1px solid #DBDDE0;
    background: #fff;
}
.secNew .box tr:first-child td{
    background: #A6ACB3;
    color: #fff;
    padding: 6px 0 5px 16px;
    font-weight: bold;
}
.secNew .spanDot{
    position: relative;
}
.secNew .spanDot::before{
    position: absolute;
    content: "";
    background: #202F40;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    left: -9px;
    top: calc(50% - 1.5px);
}
.secNew .spanLeft{
    display: block;
}
.secNew .spanFlex{
    display: flex;
    align-items: baseline;
}
.secNew tr.dot01 td{
    padding: 18px 0 18px 33px;
}
.secNew tr.dot01 .spanDot{
    width: 189px;
}
.secNew tr.dot01 .spanLeft{
    padding-left: 30px;
}
.secNew tr.dot01 .spanFlex:nth-child(n+2){
    margin-top: -24px;
}

@media only screen and (max-width:767px){
    .secNew{
        margin-top: 71px;
    }
    .secNew .tit{
        font-size: 14px;
        padding: 10.5px;
    }
    .secNew .list{
        margin-top: 45px;
    }
    .secNew .item:nth-child(n+2){
        margin-top: 72px;
    }
    .secNew .topTit{
        font-size: 20px;
    }
    .secNew .topTit::before{
        width: 34px;
        height: 2px;
        bottom: -17px;
    }
    .secNew .tableBox{
        margin-top: 46px;
    }
    .secNew .boxTable,
    .secNew .boxTable tr,
    .secNew .boxTable tbody{
        display: block;
        width: 100%;
    }

    .secNew .boxTable th{
        width: 100%;
        padding: 18px 0px 0px;
        font-size: 13px;
        line-height: 1.76;
        display: block;
    }
    .secNew .boxTable td{
        width: 100%;
        padding: 6px 0 16px;
        font-size: 13px;
        line-height: 1.76;
        display: block;
        letter-spacing: 0px;
    }
    
    .secNew .box,
    .secNew .box tr,
    .secNew .box tbody{
        width: 100%;
    }
    .secNew .box th{
        width: 80px;
        padding: 14px 5px 12px 13px;
        font-size: 11px;
        line-height: 1.75;
        font-weight: bold;
        text-align: left;
    }
    .secNew .box tr:first-child th{
        padding: 7px 15px;
        text-align: center;
    }
    .secNew .box td{
        width: calc(100% - 80px);
        padding: 11px 10px 13px 23px;
        font-size: 12px;
        line-height: 1.75;
    }
    .secNew .box tr:first-child td{
        padding: 7px 0 7px;
        text-align: center;
    }
    .secNew .spanDot::before{
        width: 2px;
        height: 2px;
        left: -7px;
        top: 9px;
    }
    .secNew .spanFlex {
        display: block;
    }
    .secNew tr.dot01 td{
        padding: 6px 0 16px 10px;
    }
    .secNew tr.dot01 .spanDot{
        width: auto;
    }
    .secNew tr.dot01 .spanLeft{
        padding-left: 0px;
    }
    .secNew tr.dot01 .spanFlex:nth-child(n+2){
        margin-top: -23px;
    }
    .secNew tr.trLast .spanLeft{
        padding-left: 0px;
    }

}
@media only screen and (max-width:359px){
    .brSp.br315{
        display: contents;
    }
}
  

/* secCareer */
.secCareer{
    margin-top: 150px;
    padding: 112px 0;
    background: #F9FAFC;
}
.secCareer .tit{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background:#202F40;
    padding: 17px;
}
.secCareer .list{
    margin-top: 53px;
}
.secCareer .item:nth-child(n+2){
    margin-top: 100px;
}
.secCareer .topTit{
    font-size: 24px;
    font-weight: bold;
    position: relative;
}
.secCareer .topTit::before{
    position: absolute;
    content: "";
    background:#00B0EC;
    width: 40px;
    height: 3px;
    bottom: -16px;
    left: 0;
}

.secCareer .tableBox{
    margin-top: 51px;
}
.secCareer .boxTable,
.secCareer .boxTable tr,
.secCareer .boxTable tbody{
    display: block;
    width: 100%;
}
.secCareer .boxTable{
    border-top: solid 1px #DBDDE0;
}
.secCareer .boxTable tr{
    border-bottom: solid 1px #DBDDE0;
}
.secCareer .boxTable th{
    width: 100px;
    padding: 18px 0px 15px;
    font-size: 14px;
    line-height: 1.71;
    vertical-align: top;
    color: #202F40;
    font-weight: bold;
}
.secCareer .boxTable td{
    width: calc(100% - 100px);
    padding: 18px 0 17px 19px;
    font-size: 14px;
    line-height: 1.71;
    vertical-align: top;
    color: #202F40;
    letter-spacing: 0.5px;
}

.secCareer .box,
.secCareer .box tr,
.secCareer .box tbody{
  
    width: 100%;
}
.secCareer .box{
    border: 1px solid #DBDDE0;
}
.secCareer .box tr{
    border-bottom: 1px solid #DBDDE0;
}
.secCareer .box tr:last-child{
    border-bottom: none;
}
.secCareer .box th{
    width: 194px;
    padding: 10px 13px;
    font-size: 14px;
    line-height: 1.57;
    vertical-align: middle;
    color: #202F40;
    background: #ECEEEF;
}
.secCareer .box tr:first-child th{
    background: #A6ACB3;
    color: #fff;
    padding: 6px 13px 6px;
    font-weight: bold;
}
.secCareer .box td{
    width: calc(100% - 194px);
    padding: 12px 0 11px 29px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    vertical-align: middle;
    color: #202F40;
    border-left: 1px solid #DBDDE0;
    background: #fff;
}
.secCareer .box tr:first-child td{
    background: #A6ACB3;
    color: #fff;
    padding: 6px 0 5px 16px;
    font-weight: bold;
}
.secCareer .spanDot{
    position: relative;
}
.secCareer .spanDot::before{
    position: absolute;
    content: "";
    background: #202F40;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    left: -9px;
    top: calc(50% - 1.5px);
}
.secCareer .spanLeft{
    display: block;
}
.secCareer .spanFlex{
    display: flex;
    align-items: baseline;
}
.secCareer tr.dot01 td{
    padding: 18px 0 18px 33px;
}
.secCareer tr.dot01 .spanDot{
    width: 189px;
}
.secCareer tr.dot01 .spanLeft{
    padding-left: 30px;
}
.secCareer tr.dot01 .spanFlex:nth-child(n+2){
    margin-top: -24px;
}

@media only screen and (max-width:767px){
    .secCareer{
        margin-top: 85px;
        padding: 85px 0 90px;
    }
    .secCareer .tit{
        font-size: 14px;
        padding: 10.5px;
    }
    .secCareer .list{
        margin-top: 45px;
    }
    .secCareer .item:nth-child(n+2){
        margin-top: 72px;
    }
    .secCareer .topTit{
        font-size: 20px;
    }
    .secCareer .topTit::before{
        width: 34px;
        height: 2px;
        bottom: -17px;
    }
    .secCareer .tableBox{
        margin-top: 46px;
    }
    .secCareer .boxTable,
    .secCareer .boxTable tr,
    .secCareer .boxTable tbody{
        display: block;
        width: 100%;
    }

    .secCareer .boxTable th{
        width: 100%;
        padding: 18px 0px 0px;
        font-size: 13px;
        line-height: 1.76;
        display: block;
    }
    .secCareer .boxTable td{
        width: 100%;
        padding: 6px 0 16px;
        font-size: 13px;
        line-height: 1.76;
        display: block;
        letter-spacing: 0px;
    }
    
    .secCareer .box,
    .secCareer .box tr,
    .secCareer .box tbody{
        width: 100%;
    }
    .secCareer .box th{
        width: 80px;
        padding: 14px 5px 12px 13px;
        font-size: 11px;
        line-height: 1.75;
        font-weight: bold;
        text-align: left;
    }
    .secCareer .box tr:first-child th{
        padding: 7px 15px;
        text-align: center;
    }
    .secCareer .box td{
        width: calc(100% - 80px);
        padding: 11px 10px 13px 23px;
        font-size: 12px;
        line-height: 1.75;
    }
    .secCareer .box tr:first-child td{
        padding: 7px 0 7px;
        text-align: center;
    }
    .secCareer .spanDot::before{
        width: 2px;
        height: 2px;
        left: -7px;
        top: 9px;
    }
    .secCareer .spanFlex {
        display: block;
    }
    .secCareer tr.dot01 td{
        padding: 6px 0 16px 10px;
    }
    .secCareer tr.dot01 .spanDot{
        width: auto;
    }
    .secCareer tr.dot01 .spanLeft{
        padding-left: 0px;
    }
    .secCareer tr.dot01 .spanFlex:nth-child(n+2){
        margin-top: -23px;
    }
    .secCareer tr.trLast .spanLeft{
        padding-left: 0px;
    }

}
@media only screen and (max-width:359px){
    .brSp.br315{
        display: contents;
    }
}


/* secFlow */
.secFlow{
    margin-top: 154px;
}
.secFlow .topTit{
    font-size: 24px;
    font-weight: bold;
    position: relative;
}
.secFlow .topTit::before{
    position: absolute;
    content: "";
    background:#00B0EC;
    width: 40px;
    height: 2px;
    bottom: -17px;
    left: 0;
}

.secFlow .flowCover{
    margin-top: 53px;
}
.secFlow .flowBox{
    position: relative;
}
.secFlow .flowBox::before{
    position: absolute;
    content: "";
    width: 24px;
    height: 55px;
    left: calc(50% - 12px);
    bottom: -49px;
    transform: scale(0.8);
}
.secFlow .flowBox.lazyloaded::before{
    background: url(../img/global/iconArrow.png) center top / cover;
}
.secFlow .flowBox:last-child::before{
    display: none;
}
.secFlow .flowBox + .flowBox{
    margin-top: 48px;
}
.secFlow .backCover{
    background: #F9FAFC;
    padding: 20px 0 25px;
}
.secFlow .tit{
    font-size: 19px;
    font-weight: bold;
    background:#00B0EC;
    color: #fff;
    text-align: center;
    padding: 12px 16px 12px 6px;
    position: relative;
    padding-left: 60px;
}
.secFlow .tit::before{
    position: absolute;
    content: "";
    left: calc(50% - 70px);
    top: 6px;
    width: 32px;
    height: 32px;
}
.secFlow .tit.lazyloaded::before{
    background: url(../img/global/iconFlow01.png) center top / cover;
}
.secFlow li:nth-child(2) .tit{
    padding: 12px 0px 12px 24px;
}
.secFlow li:nth-child(2) .tit::before{
    left: calc(50% - 68px);
    top: 5px;
    width: 32px;
    height: 32px;
}
.secFlow li:nth-child(2) .tit.lazyloaded::before{
    background: url(../img/global/iconFlow02.png) center top / cover;
}
.secFlow li:nth-child(3) .tit{
    padding: 12px 0px 12px 24px;
}
.secFlow li:nth-child(3) .tit::before{
    left: calc(50% - 39px);
    top: 7px;
    width: 32px;
    height: 32px;
}
.secFlow li:nth-child(3) .tit.lazyloaded::before{
    background: url(../img/global/iconFlow03.png) center top / cover;
}
.secFlow li:nth-child(3) .backCover{
    padding: 28px 0;
}
.secFlow li:nth-child(4) .tit{
    padding: 13px 0px 12px 25px;
}
.secFlow li:nth-child(4) .tit::before{
    left: calc(50% - 72px);
    top:9px;
    width: 32px;
    height: 32px;
}
.secFlow li:nth-child(4) .tit.lazyloaded::before{
    background: url(../img/global/iconFlow04.png) center top / cover;
}
.secFlow .formTit{
    font-size: 15px;
    font-weight: bold;
    background: #fff;
    border: 3px solid #00B0EC;
    width: 400px;
    margin: 0 auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #202F40;
}
.secFlow .formTxt{
    font-size: 14px;
    text-align: center;
}
@media only screen and (max-width:767px){
    .secFlow{
        margin-top: 85px;
    }
    .secFlow .topTit{
        font-size: 25px;
    }
    .secFlow .topTit::before{
        width: 34px;
        height: 2px;
        bottom: -17px;
    }
    .secFlow .flowCover{
        margin-top: 67px;
    }
    .secFlow .flowBox::before{
        width: 13px;
        height: 29px;
        left: calc(50% - 7px);
        bottom: -30px;
    }
    .secFlow .flowBox + .flowBox{
        margin-top: 33.5px;
    }
    .secFlow .backCover{
        padding: 20px 0;
    }
    .secFlow .tit{
        font-size: 14px;
        padding: 10.5px;
        padding-left: 40px;
    }
    .secFlow .tit::before{
        left: calc(50% - 52px);
        top: 5px;
        width: 24px;
        height: 24px;
    }
    .secFlow li:nth-child(2) .tit::before{
        left: calc(50% - 43px);
        top: 10px;
        width: 20px;
        height: 20px;
    }
    .secFlow li:nth-child(3) .tit::before{
        left: calc(50% - 29px);
        top: 10px;
        width: 20px;
        height: 20px;
    }
    .secFlow li:nth-child(4) .tit::before{
        left: calc(50% - 42px);
        top: 11px;
        width: 20px;
        height: 20px;
    }
    .secFlow .formTit{
        font-size: 12px;
        width: 88.06%;
        padding: 10px;
        border: 3px solid #00B0EC;
    }
    .secFlow .formTxt{
        font-size: 12px;
    }
}