body.pickup.it-system .pickup-sec {
background: none;
}
body.pickup.it-system .pickup-sec.with-bg {
background: #F0F7FF;
}
body.pickup.it-system .pickup-sec.with-bg.with-mgb {
margin-bottom: 80px;
}

.pickup-mv .pickup-mv-ttl {
width: 100%;
}

.pickup-mv .pickup-mv-ttl__ja-w {
font-size: 45px;
line-height: 1.5em;
letter-spacing: .05em;
font-weight: 700;
color: #fff;
}



.pickup-sec.omit-p-sec {
margin-top: 105px;
padding: 0;
font-size: 14px;
}

.cont-sep{
text-align: center;
font-weight: bold;
font-size: 23px;
color: #10489D;
margin: 0 0 30px;
}



.it-system-sec-num{
width: 114px;
height: 82px;
margin: 0 auto 30px;
}
.it-system-sec-num img{
width: 100%;
}
.inner-w .it-system-sec-num{
position: absolute;
left: 0;
right: 0;
top: -40px;
margin: 0 auto;
}

.text-c.sec-lead{
text-align: center;
margin: 0 0 60px;
}
.text-c{
text-align: center;
margin: 0 0 30px;
font-size: 13px;
}
.text-c span{
font-weight: bold;
font-size: 14px;
color: #10489D;
}
.product-circle{
width: 100%;
max-width: 440px;
margin: 0 auto 80px;
}
.product-circle img{
width: 100%;
}
.year-schedule-box{
display: flex;
justify-content: space-between;
max-width: 620px;
margin: 0 auto;
}
.schedule-once{
width: 31%;
}
.schedule-once-ttl{
font-size: 13px;
font-weight: 600;
text-align: center;
line-height: 2.8;
background: #AAC6E4;
margin: 0 0 18px;
}
.schedule-once img{
width: 100%;
margin: 0 0 22px;
}
.schedule-once p{
font-size: 12px;
margin-bottom: 12px;
margin-left: 1em;
text-indent: -1em;
line-height: 1.6;
}



.phase-box{
display: flex;
justify-content: space-between;
margin: 0 0 40px;
padding: 10px 0 0;
}
.phase-box-img{
width: 37%;
}
.phase-box-img img{
width: 100%;
}
.phase-box-cont{
width: 58%;
}
.phase-box-cont p{
font-size: 13px;
line-height: 1.7;
}
.phase-box-cont h3{
font-weight: bold;
font-size: 18px;
border-bottom: 1px solid #ccc;
margin: 0 0 12px;
padding: 0 0 12px;
}
.phase-box-cont h3 p{
font-size: 14px;
font-weight: normal;
line-height: 1.4;
}
.phase-box:nth-child(1) .phase-box-cont h3{
color: #59B6CB;
border-bottom: 1px solid #59B6CB;
}
.phase-box:nth-child(2) .phase-box-cont h3{
color: #C874DA;
border-bottom: 1px solid #C874DA;
}
.phase-box:nth-child(3) .phase-box-cont h3{
color: #7687D8;
border-bottom: 1px solid #7687D8;
}
.phase-box:nth-child(4) .phase-box-cont h3{
color: #11AEE7;
border-bottom: 1px solid #11AEE7;
}





.inner-w {
position: relative;
width: calc(100% - 60px);
max-width: 1000px;
margin: 0 auto 40px;
padding: 70px 4% 60px;
background: #fff;
top: 40px;
}

.sec02-cont{
max-width: 700px;
margin: 0 auto;
}





.sec04-cont{
max-width: 600px;
margin: 0 auto;
}
.step-box{
position: relative;
border: 1px solid #10489D;
}
.step-icon{
position: absolute;
top: -24px;
left: -32px;
width: 62px;
}

.step-box-ttl{
background: #EDEDED;
text-align: center;
font-size: 15px;
font-weight: 500;
line-height: 38px;
}
.step-box p{
padding: 3% 4%;
font-size: 14px;
}
.step-box p span{
font-size: 12px;
padding: 12px 0 0;
}
.arrow-down{
text-align: center;
margin: 0 0 20px;
}
.arrow-down img{
width: 32px;
vertical-align: top;
}



.lr-box{
width: 100%;
max-width: 740px;
margin: 0 auto 50px;
display: flex;
position: relative;
}
.lr-box:last-child{
margin: 0 auto;
}

.r-img{
justify-content: flex-end;
}
.l-img{
justify-content: flex-start;
}
.r-img img,
.l-img img{
width: 59%;
}

.lr-box-cont-box{
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.lr-box-ttl-sub{
font-size: 16px;
font-weight: 600;
margin: 0 0 8px;
}
.lr-box-cont-box p{
font-size: 22px;
font-weight: 600;
color: #10489D;
background: #fff;
border: 1px solid #B0C6E9;
display: inline-block;
margin: 0 0 4px;
padding: 6px 8px;
}
.l-img .lr-box-cont-box{
justify-content: flex-end;
text-align: right;
}





.talk-box{
width: 100%;
max-width: 840px;
margin: 0 auto 50px;
background: #fff;
border: 5px solid #AFD1F8;
}
.talk-box-ttl{
background: #AFD1F8;
font-size: 16px;
font-weight: 600;
position: relative;
}
.talk-box-ttl h3{
text-align: center;
font-size: 16px;
font-weight: 600;
line-height: 62px;
}

.talk-box-ttl-btn{
width: 72px;
height: 72px;
position: absolute;
background: #10489D;
top: -5px;
right: -5px;
}
.talk-box-ttl-line{
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
border: 1px solid #fff;
}
.talk-box-cont{
padding: 4% 7%;
border-top: 5px solid #AFD1F8;
}
.talk-box-once{
display: flex;
justify-content: space-between;
margin: 0 0 14px;
}
.talk-box-once:nth-child(odd){
flex-direction: row-reverse;
padding: 0 0 0 4%;
}
.talk-box-once:nth-child(even){
padding: 0 4% 0 0;
}

.talk-box-once-img{
width: 16%;
text-align: center;
}
.talk-box-once-img img{
border-radius: 100px;
margin: 0 0 2px;
}
.talk-box-once-img p{
font-size: 12px;
text-align: center;
font-weight: 500;
}
.talk-box-once-text-box{
width: 76%;
display: flex;
align-items: center;
padding: 0 0 14px;
}
.talk-box-once-text{
font-size: 13px;
display: inline-block;
padding: 12px 14px;
border-radius: 10px;
border: 1px solid #16995D;
position: relative;
line-height: 1.7;
}

.talk-box-once:nth-child(odd) .talk-box-once-text::after{
position: absolute;
content: '';
right: -29px;
top: 18px;
width: 28px;
height: 28px;
background: url("../../img/pickup/it-system/talk-arrow-odd.svg") no-repeat;
}
.talk-box-once:nth-child(even) .talk-box-once-text::after{
position: absolute;
content: '';
left: -29px;
top: 18px;
width: 28px;
height: 28px;
background: url("../../img/pickup/it-system/talk-arrow-even.svg") no-repeat;
}



.talk-box-once:nth-child(odd) .talk-box-once-text{
border: 1px solid #16995D;
}
.talk-box-once:nth-child(even) .talk-box-once-text{
border: 1px solid #10489D;
}
.talk-box-once:nth-child(odd) .talk-box-once-text-box{
justify-content: flex-end;
}
.talk-box-once:nth-child(even) .talk-box-once-text-box{
}
.talk-member{
width: 500px;
margin: 0 auto 70px;
display: flex;
justify-content: space-between;
}
.talk-member img{
width: 45%;
}


.anchor-box{
width: 92%;
max-width: 854px;
margin: 0 auto;
text-align: center;
letter-spacing: 0;
}
.anchor-box img{
width: 28.5%;
display: inline-block;
margin: 0 2% 20px;
}
.it-system-main-lead{
text-align: center;
font-size: 14px;
padding: 40px 0;
line-height: 2.2;
}



.pickup-sec .pickup-sec-inner.for-it-phase {
max-width: 900px;
}



.job-acc-head__icon {
position: absolute;
top: 15px;
right: 10px;
display: block;
border-radius: 100%;
background-color: #fff;
}
.job-acc-head__icon {
right: 15px;
width: 32px;
height: 32px;
}
.job-acc-head__icon::before, .job-acc-head__icon::after {
width: 15px;
height: 1px;
margin-left: -7px;
}

.job-acc-head__icon::before, .job-acc-head__icon::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
display: block;
background-color: #000;
transition: transform .3s ease;
}

.job-acc-head__icon::after {
transform: rotate(0deg);
}

.is-close .job-acc-head__icon::after {
transform: rotate(90deg);
}


.people-related .people-related-inner.for-it ul {
max-width: 250px;
margin: 1.25vw auto 0;
}


@media (max-width: 1200px) {
.pickup-mv .pickup-mv-ttl__ja-w {
    font-size: 3.7vw;
    line-height: 1.5em;
    letter-spacing: .05em;
}
.it-system-sec-num {
    width: 90px;
    height: 65px;
    margin: 0 auto 30px;
}
.cont-sep {
    font-size: 21px;
    margin: 0 0 24px;
}
.lr-box-ttl-sub {
    font-size: 14px;
    margin: 0 0 8px;
}
.lr-box-cont-box p {
    font-size: 20px;
    margin: 0 0 4px;
    padding: 6px 8px;
}
.talk-box-once {
    margin: 0 0 8px;
}
}
@media (max-width: 768px) {
    .pickup-mv .pickup-mv-ttl__ja-w {
        font-size: 6vw;
        line-height: 1.5em;
        letter-spacing: .05em;
    }
.it-system .pickup-sec {
        margin-top: 10vw;
        padding: 5vw 0 0;
        font-size: 3.73333vw;
    }
.it-system-main-lead {
    text-align: left;
    font-size: 3.72vw;
    padding: 30px 4%;
    line-height: 1.8;
}
.text-c,
.text-c.sec-lead{
width: calc(100% - 40px);
    margin: 0 auto 20px;
    font-size: 3.72vw;
    text-align: left;
    line-height: 1.85714em;
}
.text-c span {
    font-size: 3.8vw;
}
    .cont-sep {
        font-size: 5.5vw;
        margin: 0 0 24px;
    }
.product-circle {
width: calc(100% - 40px);
    max-width: 440px;
    margin: 0 auto 60px;
}
.phase-box {
width: 90%;
    display: block;
    margin: 0 auto 30px;
    padding: 10px 0 0;
}
.phase-box-img {
    width: 100%;
    margin: 0 0 14px;
}
.phase-box-cont {
    width: 100%;
}
.phase-box-cont p {
    font-size: 3.72vw;
    line-height: 1.7;
    margin: 0 0 8vw;
}
.phase-box-cont h3 p {
    font-size: 3.72vw;
    line-height: 2;
    margin: 0 0;
}
.phase-box-cont h3 {
    font-size: 5vw;
    margin: 0 0 16px;
    padding: 0 0 16px;
}
.talk-member {
    width: 90%;
    margin: 6vw auto 30px;
}
.talk-box-cont {
    padding: 6% 3% 2%;
}

.talk-box-once-text {
    font-size: 3.5vw;
    padding: 2.66667vw 4.53333vw 4vw;
        border-radius: 1.6vw;
}
.talk-box-once:nth-child(odd),
.talk-box-once:nth-child(even){
    padding: 0;
}
.talk-box-once-img {
    width: 13%;
}
.talk-box-once-img p {
    font-size: 2.4vw;
    line-height: 1.4;
}
.talk-box-once-text-box {
    width: 79%;
    display: flex;
    align-items: center;
    padding: 0 0 14px;
}
.talk-box-once:nth-child(even) .talk-box-once-text::after {
    left: -19px;
    top: 18px;
    width: 18px;
    height: 18px;
    background: url(../../img/pickup/it-system/talk-arrow-even.svg) no-repeat;
    background-size: 100% auto;
}
.talk-box-once:nth-child(odd) .talk-box-once-text::after {
    right: -19px;
    top: 18px;
    width: 18px;
    height: 18px;
    background: url(../../img/pickup/it-system/talk-arrow-odd.svg) no-repeat;
    background-size: 100% auto;
}
.step-icon {
    top: -24px;
    left: -16px;
    width: 62px;
}
.step-box p {
    padding: 3% 4%;
    font-size: 3.5vw;
    line-height: 1.6;
}
.step-box-ttl {
    background: #EDEDED;
    text-align: center;
    font-size: 4.2vw;
    line-height: 2.5;
}
.step-box.add-1st {
    margin: 9vw 0 0;
}
.step-box p span {
    font-size: 3vw;
    line-height: 1.6;
    padding: 14px 0 0;
}
.talk-box {
    margin: 0 auto 30px;
}
.inner-w {
    width: 90%;
    margin: 0 auto 40px;
    padding: 70px 4% 60px;
    background: #fff;
    top: 40px;
}
.talk-box-ttl h3 {
    font-size: 4.6vw;
    line-height: 1.5;
    text-align: left;
    padding: 0 0 0 4vw;
}
.talk-box-ttl {
height: 20vw;
padding: 3.2vw 0 0;
}
.talk-box-ttl-btn {
    width: 10vw;
    height: calc(100% + 10px);
    position: absolute;
    background: #10489D;
    top: -5px;
    right: -5px;
}
.job-acc-head__icon {
    right: 1.6vw;
    width: 6vw;
    height: 6vw;
    top: calc(50% - 3vw);
    
}
.lr-box {
    width: 100%;
    max-width: 740px;
    margin: 0 auto 40px;
    display: block;
    position: relative;
}
.r-img img, .l-img img {
    width: 100%;
    margin: 0 0 10px;
}
.lr-box-cont-box {
    position:relative;
    width: 100%;
    height: auto;
    display: block;
    align-items: center;
}
    .lr-box-ttl-sub {
        font-size: 4vw;
        margin: 0 0 8px;
    }
    .lr-box-cont-box p {
        font-size: 4.4vw;
        margin: 0 0 4px;
        padding: 6px 8px;
    }
.it-system .people-related .people-related-ttl {
        font-size: 5.86667vw;
        line-height: 1.6;
    }
    .it-system .people-related .people-related-list__item {
        flex: unset;
        width: calc((100% - 5.333vw));
                margin-top: 4vw;
    }
.year-schedule-box {
    display: block;
    margin: 0 auto;
    padding: 4vw 0 0;
}
.schedule-once {
    width: 90%;
    max-width: 360px;
    margin: 0 auto 30px;
}
.schedule-once-ttl {
    font-size: 4vw;
    line-height: 2.8;
    background: #AAC6E4;
    margin: 0 0 18px;
}
.schedule-once p {
    font-size: 3.5vw;
    margin-bottom: 6px;
    margin-left: 1em;
    text-indent: -1em;
    line-height: 1.6;
}
.anchor-box a {
    letter-spacing: 0;
}
.anchor-box img {
    width: 46%;
    display: inline-block;
    margin: 0 1.5% 20px;
}
    .it-system-sec-num {
        width: 74px;
        height:53px;
        margin: 0 auto 24px;
    }

}