.top-wrapper h1{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 17%);
    text-align: center;
    color: black;
    font-size: 100px;
    font-family: "Noto Sans", sans-serif;
    font-weight: bold;
}

.top-wrapper img {
    height: 33vw;
    transform: translateY(14%);
    opacity: 0.2;
}

.top-wrapper-contents h2,
.top-wrapper-contents p {
    color: white;
    padding: 10px 0;
    letter-spacing: 3px;
}

.service-top-sp {
	display: none;
}

.service-top-pc {
	display: block;
}

@media screen and (max-width: 1800px) {
    .top-wrapper h1{
        transform: translate(-50%, -10%);
    }

    .top-wrapper img {
        height: 40vw;
        transform: translateY(40px);
    }
}

@media screen and (max-width: 1200px) {
    .top-wrapper h1{
        font-size: 60px;
        transform: translate(-50%, 40%);
    }

    .top-wrapper img {
        transform: translateY(60px);
    }
}

@media screen and (max-width: 960px) {
    .top-wrapper h1 {
        transform: translate(-50%, -5%);
    }

    .top-wrapper img {
        height: 50vw;
        transform: translateY(20px);
    }

}

@media screen and (max-width: 780px) {
    .top-wrapper h1 {
        font-size: 50px;
        transform: translate(-50%, -5%);
    }

    .top-wrapper img {
        height: 60vw;
        transform: translateY(-5px);
    }

}

@media screen and (max-width: 670px) {
    .top-wrapper h1 {
        font-size: 40px;
        transform: translate(-50%, 55%);
    }

    .top-wrapper img {
        height: 80vw;
        transform: translateY(20px);
    }
	
	.service-top-sp {
		display: block;
	}

	.service-top-pc {
		display: none;
	}
}

@media screen and (max-width: 500px) {
    .top-wrapper h1 {
        font-size: 36px;
        transform: translate(-50%, 55%);
    }

    .top-wrapper img {
        height: 90vw;
        transform: translateY(20px);
    }

}

.staffing-intro {
    width: 100%;
    padding: 140px 0 70px 140px;
}

.staffing-intro .container {
    width: 100%;
    margin: 0;
}

.staffing-intro .container h2 {
    font-size: 35px;
    font-weight: bold;
    margin-top: 60px;
}

.staffing-intro .container .subtitle {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 70px 0 70px 70px;
}

.application-sp {
	display: none;
}

.system-sp {
	display: none;
}

@media screen and (max-width: 1800px) {
    .staffing-intro .container h2 {
        margin-top: 1vw;
    }
}


@media screen and (max-width: 1000px) {
    .staffing-intro {
        padding: 140px 0 70px 70px;
    }

    .staffing-intro .container .subtitle {
        width: 85%;
        margin: 70px 35px 70px 70px;
    }
}

@media screen and (max-width: 670px) {
    .staffing-intro {
        width: 100%;
        padding: 140PX 35px 70px 35px;
    }

    .staffing-intro .container h2 {
        font-size: 21px;
    }
	
	.system-intro .container h2 {
		line-height: 1.5;
	}
	
	.web-intro .container h2 {
		font-size: 20px;
	}

    .staffing-intro .container .subtitle {
        width: 100%;
        margin: 70px 0;
        line-height: 3;
    }
	
	.system-sp {
		display: block;
	}
}

@media screen and (max-width: 500px) {
    .application-sp {
        display: block;
    }
}

.region {
    width: 100%;
    padding: 0 0 70px 140px;
}

.region .container {
    width: 100%;
    margin: 0;
}

.region .container h2 {
    font-size: 35px;
    font-weight: bold;
    color: #4876DD;
}

.region-content {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 70px 0 70px 70px;
}

.region-content > p {
    padding-bottom: 40px;
}

.region-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.region-item {
    flex-basis: 33%;
    padding: 30px 0;
}

.region-item .square-content {
    display: flex;
    align-items: center;
	height: 50%;
}

.region-item h3 {
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    align-items: center;
}

.square {
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 12px;
    background-color: #5D90FF;
}

.region-item p {
    margin-top: 35px;
}

@media screen and (max-width: 1650px) {
    .region-item {
        flex-basis: 50%;
    }
}

@media screen and (max-width: 1200px) {
    .region-item {
        flex-basis: 45%;
        margin-right: 30px;
    }
}

@media screen and (max-width: 1000px) {
    .region {
        padding: 0 0 70px 70px;
    }
    
    .region-item h3 {
        font-size: 16px;
        font-weight: bold;
    }

    .region-content > p {
        margin-right: 35px;
    }

    .square {
        width: 15px;
        height: 15px;
    }
}

@media screen and (max-width: 780px) {
    .region-list {
        display: block;
    }

    .region-item {
        width: 100%;
        padding: 30px 0 30px 0;
    }

	.service-system-region-list .region-list {
		display: flex;
	}
	
	.service-system-region-list .region-item {
		flex-basis: 40%;
	}
}

@media screen and (max-width: 670px) {
    .region {
        width: 100%;
        padding: 0 35px 15px 35px;
    }

    .region .container h2 {
        font-size: 21px;
    }
    
    .region-content {
        width: 100%;
        margin: 70px 0;
    }

    .region-content > p {
        line-height: 3;
        margin-right: 0;
    }

    .square {
        width: 9px;
        height: 9px;
        margin-right: 5px;
    }

    .region-item p {
        line-height: 2;
    }
}

.strengths {
    width: 100%;
    padding: 0 0 70px 0;
}

.strengths .container {
    width: 100%;
    margin: 0;
}

.strengths .container h2 {
    font-size: 35px;
    font-weight: bold;
    color: #4876DD;
    padding-left: 140px;
}

.strength-content {
    padding-left: 140px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.strength-list {
    width: 100%;
    margin: 70px 70px 70px 0;
    display: flex;
    justify-content: space-between;
}

.strength-item {
    width: 400px;
    margin: 0 70px;
}

.strength-item img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.strength-item h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 40px 0;
}

.strength-item .square-content {
    display: flex;
    align-items: center;
}

.strength-item .square {
    margin-right: 25px;
}

.strength-item p {
    line-height: 3;
}

@media screen and (max-width: 1800px) {
    .strength-list {
        margin: 70px;
    }

    .strength-item {
        width: 25vw;
    }

    .strength-item:nth-child(2) {
        margin: 0 5vw;
    }

    .strength-item img {
        height: 13vw;
    }
}

@media screen and (max-width: 1400px) {
    .strength-item:nth-child(2) {
        margin: 0 -1vw;
    }

    .strength-item h3 {
        font-size: 20px;
    }

    .strength-item .square {
        width: 15px;
        height: 15px;
        margin-right: 15px;
    }
}

@media screen and (max-width: 1150px) {
    .strength-item:nth-child(2) {
        margin: 0 -1vw;
    }

    .strength-item h3 {
        font-size: 15px;
        display: flex;
        align-items: center;
    }

    .strength-item .square {
        width: 12px;
        height: 12px;
        margin-right: 13px;
    }
}

@media screen and (max-width: 1000px) {
    .strengths {
        width: 100%;
        padding: 15PX 35px 70px 35px;
    }

    .strengths .container h2 {
        padding-left: 45px;
    }

    .strength-content {
        padding-left: 0;
    }

    .strength-list {
        display: block;
    }

    .strength-item {
        width: 90%;
        padding: 35px 0 ;
        margin: 0 auto;
    }


    .strength-item:nth-child(2) {
        margin: 0 auto;
    }

    .strength-item img {
        width: 100%;
        height: 50%;
        object-fit: cover;
    }
}

@media screen and (max-width: 670px) {
    .strengths {
        width: 100%;
        margin: 0;
        padding: 15px 35px 105px 35px;
    }

    .strengths .container h2 {
        padding-left: 0;
        padding-bottom: 35px;
        font-size: 21px;
    }

    .strength-list {
        margin: 0;
    }

    .strength-item {
        width: 100%;
        margin: 0;
        padding:  35px 0 35px 0;
    }

    .strength-item:nth-child(2) {
        margin: 0;
    }

    .strength-item h3 {
        font-size: 16px;
    }

    .strength-item .square {
        width: 9px;
        height: 9px;
        align-items: center;
    }
}

/* ==========================
    ご利用の流れ
========================== */
.flow {
    width: 100%;
}

.flow .container {
    width: 100%;
    margin: 0;
}

.flow .container h2 {
    font-size: 35px;
    font-weight: bold;
    color: #4876DD;
    padding-left: 140px;
}

.flow-content {
    padding-left: 140px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.flow-box {
    width: 100%;
    margin: 70px 70px 70px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flow-step {
    width: 400px;
    margin: 0 70px 70px 70px;
}

.flow-step h3 {
    font-size: 24px;
    font-weight: bold;
}

.flow-step p {
    line-height: 1.5;
}

.flow-step .index-content {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}

.flow-step .index {
    font-size: 24px;
    margin-right: 0;
    color: #5D90FF;
    font-weight: bold;
}

@media screen and (max-width: 1800px) {
    .flow-box {
        margin: 70px 0;
    }

    .flow-step {
        width: 21vw;
    }

    .flow-step:nth-child(2) {
        margin: 0 1vw;
    }

    .flow-step:nth-child(5) {
        margin: 0 1vw;
    }
}

@media screen and (max-width: 1400px) {
    .flow-step:nth-child(2) {
        margin: 0 -1vw;
    }

    .flow-step:nth-child(5) {
        margin: 0 -1vw;
    }

    .flow-step h3 {
        font-size: 20px;
    }

    .flow-step .index {
        font-size: 21px;
    }
}

@media screen and (max-width: 1300px) {
    .flow-box {
        justify-content: flex-start;
    }

    .flow-step {
        width: 30%;
    }

    .flow-step h3 {
        font-size: 18px;
    }

    .flow-step .index {
        font-size: 19px;
    }

    .flow-step:nth-child(2) {
        margin: 0 70px 70px 70px;
    }

    .flow-step:nth-child(5) {
        margin: 0 70px 70px 70px;
    }
}

@media screen and (max-width: 1000px) {
    .flow {
        padding: 0 0 70px 0;
    }

    .flow-box {
        margin: 0;
    }

    .flow-content {
        display: block;
        width: auto;
        padding-left: 0;
        margin: 70px;
    }

    .flow .container h2 {
        padding-left: 45px;
    }

    .entry-box .container h2 { /* エントリーフォームのタイトル部分 */
        padding-left: 70px;
    }

    .flow-box {
        display: block;
    }

    .flow-step {
        width: 85%;
        padding: 35px 0 ;
        margin: 0 auto;
    }

    .flow-step:nth-child(2) {
        margin: 0 auto;
    }

    .flow-step:nth-child(5) {
        margin: 0 auto;
    }
}

@media screen and (max-width: 670px) {
    .flow {
        width: 100%;
        padding: 15PX 25px 105px 25px;
    }

    .flow .container h2 {
        padding-left: 0;
        font-size: 21px;
        padding-bottom: 35px;
    }

    .flow-content {
        margin: 0;
    }

    .flow-box {
        width: 100%;
        margin: 0;
        text-align: left;
    }

    .flow-step {
        width: 100%;
        margin: 0;
    }

    .flow-step:nth-child(2) {
        margin: 0;
    }

    .flow-step:nth-child(5) {
        margin: 0;
    }

    .flow-step p {
        line-height: 2;
    }

    .flow-step h3 {
        font-size: 16px;
    }

    .flow-step .index {
        font-size: 15px;
    }
}

/* アプリケーション開発 */
.appplication-contents {
    flex-wrap: nowrap;
    margin: 0 210px 0 70px;
}

.application-content {
    width: 100%;
    height: 180px;
    position: relative;
    margin: 0 20px;
}

.application-content p {
    opacity: 1;
}

.application-content img {
    filter: brightness(50%);
    height: 10vw;
}

.app-container {
    padding-left: 0;
}

.app-strength {
    width: 90%;
    padding: 70px 70px 35px 140px;
}

.app-strength .strength-item {
    justify-content: flex-start;
    margin: 0 35px;
} 

.app-strength .strength-item img {
    height: 10vw;
} 

.application-flow {
    justify-content: flex-start;
}

@media screen and (max-width: 1800px) {
    .app-strength .strength-item {
        width: 400px;
        margin: 0 20px;
    }
    
    .app-strength .strength-item img {
        height: 12vw;
    } 
}

@media screen and (max-width: 1700px) {
    .appplication-contents {
        margin: 0 140px 0 0;
    }
    
    .application-content p {
        font-size: 18px;
    }

    .app-strength {
        width: 90%;
        padding: 70px 70px 35px 85px;
    }
}

@media screen and (max-width: 1300px) {
    .appplication-contents {
        flex-wrap: wrap;
    }

    .application-content {
        width: 30%;
        height: 240px;
    }

    .application-content img {
        height: 15vw;
    }

    .application-content p {
        font-size: 24px;
    }

    .app-strength {
        flex-wrap: wrap;
        padding: 70px 140px;
    }
    
    .app-strength .strength-item {
        flex-basis: 40%;
        margin: 0 0 35px 0;
    }

    .app-strength .strength-item img {
        height: 15vw;
    } 

}

@media screen and (max-width: 1000px) {
    .appplication-contents {
        display: block;
		margin: 0;
    }

    .application-content {
        width: 300px;
        height: 200px;
        margin: 70px auto;
    }

    .application-content img {
        height: 100%;
    }

    .app-strength {
        padding: 0;
    } 

    .app-strength .strength-item {
        width: 100%;
    }

    .app-strength .strength-item img {
        height: 50%;
    } 

    .app-strength .strength-item:nth-child(2) img {
        height: 45vw;
    } 
}


/* アプリケーション開発 */
.system .subtitle {
    font-size: 24px;
    font-weight: bold;
    margin-left: 210px;
    margin-top: 70px;
}

.systme-solution:first-child {
    flex-basis: 40%;
    margin-right: 65px;
}

.systme-solution:last-child {
    flex-basis: 55%;
}

@media screen and (max-width: 1600px) {
    .system .subtitle {
        margin-left: 70px;
    }

    .systme-solution:first-child {
        flex-basis: 45%;
    }

    .systme-solution:last-child {
        flex-basis: 45%;
    }
}

@media screen and (max-width: 1200px) {
    .systme-solution:first-child {
        flex-basis: 90%;
    }

    .systme-solution:last-child {
        flex-basis: 90%;
    }
}

@media screen and (max-width: 1000px) {
    .system .subtitle {
        margin-left: 70px;
    }

}

@media screen and (max-width: 780px) {
    .systme-solution:first-child {
        width: 90%;
    }

    .systme-solution:last-child {
        width: 90%;
    }
}

@media screen and (max-width: 670px) {
    .system .subtitle {
        margin-left: 0;
    }

    .systme-solution:first-child {
        width: 100%;
    }

    .systme-solution:last-child {
        width: 100%;
    }

}

/* webデザイン */
.web-content {
    display: block;
}

.web-item-list {
    justify-content: center;
}

.web-item {
    flex-basis: 75%;
}

.web-strength-list {
    width: 90%;
    margin: 70px 120px 70px 0;
}

.web-strength-item img {
    height: 12vw;
}

.strength-content-title {
    margin-top: 70px;
    margin-left: 70px;
}

.strength-content-title h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 70px;
}

@media screen and (max-width: 1800px) {
    .web-strength-list {
        margin: 70px;
    }

    .web-strength-item {
        margin: 0;
    }
}

@media screen and (max-width: 1600px) {
    .strength-content-title {
        margin-right: 70px;
    }

    .web-item {
        flex-basis: 90%;
    }
}

@media screen and (max-width: 1400px) {
    .web-strength-list {
        width: 90%;
    }
}

@media screen and (max-width: 1000px) {
    .strength-content-title {
        margin-left: 140px;
    }

    .web-strength-list {
        width: 85%;
        margin: 70px 70px 70px 100px;
    }

    .web-strength-item {
        margin: 0 auto;
    }

    .web-strength-item img {
        height: 45vw;
    }
}

@media screen and (max-width: 780px) {
    .web-item {
        width: 90%;
    }
}

@media screen and (max-width: 670px) {
    .strength-content-title {
        margin-left: 0;
    }

    .strength-content-title h3 {
        font-size: 16px;
    }

    .web-item {
        width: 100%;
    }

    .web-strength-list {
        width: 100%;
        margin: 0;
    }
}

/* 動画制作 */
.video-sp {
    display: none;
}

.video-strength-list {
    width: 95%;
}

.video-strength-list .strength-item {
    width: 440px;
}

.video-strength-list .strength-item:nth-child(2) {
    margin: 0;
}

.video-strength-list .strength-item .square {
    margin-right: 20px;
}

.video-strength-list .strength-item h3 {
    font-size: 22px;
}

.video-flow-content .flow-box {
	margin: 70px 70px 70px 35px;
}

.video-flow-content .flow-step {
	flex-basis: 27%;
	margin: 0 35px 70px 35px;
}

@media screen and (max-width: 1800px) {
    .video-strength-list {
		width: 90%;
	}
	
	.video-strength-list .strength-item {
		width: 25vw;
	}
}

@media screen and (max-width: 1400px) {
    .video-flow-content .flow-step {
		flex-basis: 40%;
	}
}

@media screen and (max-width: 1000px) {
    .video-strength-list {
		width: 85%;
		margin: 70px;
	}
	
	.video-content .strength-content-title {
		margin-left: 105px;
	}
	
	.video-strength-list .strength-item {
		width: 90%;
		margin: 0 auto;
	}
	
	.video-strength-list .strength-item:nth-child(2) {
		width: 90%;
		margin: 0 auto;
	}
	
	.video-flow-content .flow-box {
		margin: 0;
	}
	
	.video-flow-content .flow-step {
		flex-basis: 100%;
		margin: 0 70px;
	}
}


@media screen and (max-width: 670px) {
    .video-pc {
        display: none;
    }

    .video-sp {
        display: block;
    }
	
	.video-strength-list {
		width: 100%;
		margin: 0;
	}
	
	.video-strength-list .strength-item {
		width: 100%;
		margin: 0 auto;
	}
	
	.video-strength-list .strength-item:nth-child(2) {
		width: 100%;
		margin: 0 auto;
	}
	
	.video-strength-list .strength-item h3 {
		font-size: 16px;
	}
	
	.video-content .strength-content-title {
		margin-right: 0;
		margin-left: 0;
	}
	
	.video-flow-content .flow-step {
		margin: 0;
	}
}

@media screen and (max-width: 450px) {
    .video-intro .container h2 {
        font-size: 19px;
    }
}


/* エンジニア/クリエイティブ派遣 */
.engineer-intro {
    text-align: center;
}

.engineer-intro h3 {
    font-size: 24px;
    font-weight: bold;
}

.engineer-intro h3 span {
    font-size: 31px;
    font-weight: bold;
    color: #5383EC;
    margin: 0 10px;
}

.engineer-intro h3 span:first-child {
    margin: 0 10px 0 0;
}

.engineer-intro-sp {
    display: none;
}

.service-desc h2 {
    color: #5383EC;
}

.service-desc .bold {
    font-weight: bold;
    font-size: 24px;
}

.service-job {
    padding: 0 0 70px 140px;
}

.engineer-strength {
    padding: 0 0 70px 140px;
}

.engineer-strength .container h2 {
    padding-left: 0;
}

.engineer-strength-content {
    width: 90%;
    padding-left: 0;
    margin: 0 70px 0 60px;
}

.engineer-strength-content .strength-item {
    margin: 0;
}

.service-engineer-list {
    width: 75%;
    margin: 0 auto;
    flex-direction: column;
}

.flow .service-desc {
    margin: 70px 0 0 210px;
}

.flow .service-desc .bold {
    margin-bottom: 35px;
}

@media screen and (max-width: 1800px) {
    .engineer-strength-content .strength-list {
        margin: 0;
        width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    .engineer-strength {
        padding: 0 0 70px 70px;
    }

    .service-job {
        padding: 0 0 70px 70px;
    }

    .engineer-intro-container {
        padding: 140px 35px 70px 70px;
    }

    .engineer-strength .strength-content-title {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .service-engineer-list {
        width: 100%;
    }

    .flow .service-desc {
        margin: 70px 0 0 140px;
    }

}

@media screen and (max-width: 670px) {
	.staffing-intro .subtitle.bold {
		font-size: 16px;
	}
	
    .engineer-strength {
        padding: 0 35px 70px 35px;
    }
	
	.engineer-strength .container h2 {
        padding-bottom: 0;
    }
	
	.service-engineer-flow .container h2 {
        padding-bottom: 0;
    }

    .engineer-strength .strength-content-title {
        text-align: start;
    }

    .engineer-strength-content {
        width: 100%;
        margin: 0 ;
    }

    .service-job {
        padding: 0px 35px 70px 35px;
    }

    .engineer-intro {
        text-align: start;
    }

    .engineer-intro-container {
        padding: 140px 35px 70px 35px;
    }

    .engineer-intro-container h2 {
        font-size: 20px;
    }

    .engineer-intro h3 {
        font-size: 16px;
    }

    .engineer-intro-sp {
        display: block;
    }

    .flow .service-desc {
        margin: 70px 0 0 0;
    }

	.flow .service-desc .bold {
		font-size: 16px;
	}
}

/* REキャリア */
.intro-container {
    margin: 0 140px;
    text-align: center;
}

.intro-container .intro-top-container {
    width: 85%;
    display: flex;
    justify-content: space-between;
}

.intro-container img {
    width: 310px;
    height: auto;
}

.intro-container>img {
    transform: translateY(50px);
}

.intro-container>div {
    margin-top: 35px;
}

.introduction h2 {
    color: #5383EC;
}

.introduction .subtitle.bold .sp {
    display: none;
}

.intro-select .intro-select-container {
    padding-left: 0px;
}

.intro-select .intro-select-container h2:last-child {
    margin-top: 15px;
    width: 736px;
    text-align: center;
    line-height: 1.5;
}

.intro-select .intro-select-container h2:last-child span {
    color: #5383EC;
    font-size: 40px;
}

.intro-select .intro-select-container h2:last-child .sp {
    display: none;
}

.intro-select .intro-select-container h2:last-child .pc {
    display: block;
}

.intro-select .strength-list {
    margin: 70px;
}

.intro-select .strength-item {
    flex-basis: 27%;
	margin: 0;
}

.intro-can h2 {
    color: black!important;
    font-size: 24px!important;
}

.intro-can h2:nth-child(2) {
    margin-bottom: 35px;
}

.intro-can .region-item h3 {
    font-size: 16px;
    font-weight: normal;
}

.introduction .subtitle {
    display: block!important;
    line-height: 3;
}

.introduction p span {
    font-weight: bold;
}

.intro-contents {
    margin-left: 70px;
}

.intro-content div {
    display: flex;
}


.intro-content div p:last-child {
    line-height: 2;
    margin: 35px;
    width: 70%;
    text-align: start;
}

.intro-content p:first-child {
    display: block;
    width: 150px;
    font-weight: bold;
    margin: 35px 0;
}

.questions {
    margin: 140px 140px 0 140px;
}

.question-content {
    margin: 70px;
}

.question-item {
    margin: 35px 0
}

.question-item .square-content {
    display: flex;
}

.question-advice {
    font-size: 20px;
    font-weight: bold;   
    margin-left: 70px;
}

.introduction-flex {
	width: 70%!important;
	margin: 35px!important;
}

.introduction-flex img {
	width: 30%;
	height: auto;
}

.introduction-flex img:nth-child(2) {
	margin: 0 35px;
}

.intro-last .flow-desc {
    margin-left: 210px;
}

.intro-last .flow-box {
    justify-content: space-between;
	margin: 70px;
}

.intro-flow-step {
    flex-basis: 43%;
    margin: 0 0 70px 0;
}

@media screen and (max-width: 1800px) {
	.intro-flow-step:nth-child(2) {
		margin: 0 0 70px 0;
	}
}

@media screen and (max-width: 1700px) {
    .intro-content p {
        display: block;
    }

    .intro-content p span {
        display: inline-block;
        width: 15%;
        font-weight: bold;
    }

    .intro-container {
        margin: 0 35px 0 35px;
        text-align: center;
    }

    .intro-contents {
        margin-left: 70px;
    }
}

@media screen and (max-width: 1300px) {
    .intro-container .intro-top-container {
        width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    .intro-content .sp {
        display: block;
    }

    .intro-container .intro-top-container img {
        width: 200px;
    }

    .intro-select .intro-select-container h2:last-child {
        width: 100%;
        text-align: start;
        line-height: 1.5;
    }

    .intro-select .intro-select-container h2:last-child .sp {
        display: block;
    }

    .intro-select .intro-select-container h2:last-child .pc {
        display: none;
    }
	
	.intro-select .strength-list {
		margin: 70px 105px;
	}
	
	.intro .intro-title {
		margin-left: 70px;
	}

    .intro-contents {
        margin-left: 70px;
    }

    .intro-content p {
        margin: 35px 0;
    }

    .intro-content p span {
        width: 100%;
    }

    .question-advice {   
        margin-left: 35px;
    }

    .intro-can h2 {
        font-size: 16px!important;
        font-weight: normal!important;
        line-height: 2;
    }

    .intro-last .flow-desc {
        margin-left: 140px;
    }
	
	.intro-flow-step {
		width: 100%;
	}
	
}

@media screen and (max-width: 770px) {
    .intro-select .intro-select-container h2 {
        padding-left: 70px;
        padding-bottom: 35px;
    }

    .intro-select .intro-select-container h2:last-child {
        padding-left: 35px;
    }
}

@media screen and (max-width: 670px) {
    .intro-container .intro-top-container img {
        width: 150px;
    }

    .introduction .subtitle.bold {
        font-size: 16px;
    }

    .introduction .subtitle.bold .sp {
        display: block;
    }

    .intro-select .intro-select-container h2 {
        padding-left: 0px;
        font-size: 21px;
    }

    .intro-select .intro-select-container h2:last-child {
        margin-left: 0;
        padding-left: 0;
    }

    .intro-select .intro-select-container h2:last-child span {
        font-size: 21px;
    }
	
	.intro-select .strength-list {
		margin: 0;
	}

    .question-advice {   
        margin-left: 0;
		font-size: 16px;
		line-height: 1.5;
    }

    .question-content {
        margin: 70px 0;
    }
	
	.intro .intro-title {
		margin-left: 0;
		margin-right: 0;
	}
    
    .intro-contents {
        margin-left: 0;
    }

    .intro-content div {
        flex-direction: column;
    }

	.intro-content div p:first-child {
        margin: 35px 0 0 0;
    }
	
    .intro-content div p:last-child {
        width: 100%;
        margin: 0 0 35px 15px;
    }
	
	.introduction-flex {
		width: 100%!important;
		margin: 0!important;
	}

	.introduction-flex img {
		width: 100%;
		margin: 35px 0;
	}

	.introduction-flex img:nth-child(2) {
		margin: 0;
	}

	.intro-last .container h2 {
        padding-bottom: 0;
    }
	
    .intro-last .flow-desc {
        margin-left: 10px;
    }
	
	.intro-last .flow-box {
		margin: 70px 10px;
	}
	
	.intro-last .flow-step:nth-child(2) {
		margin: 0;
	}
	
	.intro-flow-step {
		width: 100%;
		margin: 0;
	}
}

@media screen and (max-width: 500px) {
	.intro-container p {
        font-size: 14px;
    }
	
    .intro-container .intro-top-container img {
        width: 100px;
    }
}


.staffing-intro .bold {
    font-size: 24px;
    font-weight: bold;
}

/* セールスプロモーション */
.sales-title {
    line-height: 1.5;
}

.sales-about {
    padding: 0 0 70px 140px;
}

.sales-about h2 {
    color: #5383EC;
}

.sales-about .region-item {
    flex-basis: 30%;
}

.sales-about .region-item:nth-child(2) {
    margin: 0 70px;
}

.sales-about .region-item p {
    line-height: 1.5;
}

.sales-content-title {
    margin-left: 210px;
}

.sales-content-title p {
    line-height: 1.5;
}

.sales-list {
    margin: 70px 140px;
}

.sales-item {
    display: flex;
    flex-direction: column;
}

.sales-item .sales-item-top {
    height: 55%;
}

.sales-item .item-desc {
    height: 45%;
}

.sales-list .strength-item {
    width: 33%;
}

.sales-list .strength-item:nth-child(2) {
    margin: 0 35px;
}

.sales-item-desc {
    display: flex;
    flex-direction: column;
    margin: 40px 0;
}

.sales-item-desc h3 {
    margin: 0;
    font-size: 16px;
}

.sales-item-desc p {
    margin-left: 60px;
}

.sales-item .item-desc .square-content:last-child {
    margin: 40px 0;
}

.sales-item .item-desc .square-content:last-child h3 {
    font-size: 16px;
    margin: 0;
}

.sales-item .item-desc .square-content:last-child h3 span {
    font-weight: normal;
}

@media screen and (max-width: 1800px) {
    .sales-about .region-item:nth-child(2) {
        margin: 0 35px;
    }

    .sales-list {
        margin: 70px 210px;
        width: 80%;
    }

    .sales-list .strength-item {
        margin: 0;
    }

    .sales-list .strength-item:nth-child(2) {
        margin: 0 35px;
    }
}

@media screen and (max-width: 1200px) {
    .sales-about .region-item {
        margin-right: 0;
    }
}

@media screen and (max-width: 1000px) {
    .sales-about {
        padding: 0 0 70px 70px;
    }

    .sales-content-title {
        margin-left: 105px;
        margin-right: 0;
    }

    .sales-content-title p {
        line-height: 2;
    }
    
    .sales-about .region-item {
        width: 100%;
    }

    .sales-about .region-item:nth-child(2) {
        margin: 0 30px;
    }

    .sales-about .region-item p {
        line-height: 2;
    }

    .sales-list {
        margin: 0 70px 0 105px;
        width: 90%;
    }

    .sales-list .strength-item {
        width: 95%;
    }

    .sales-list .strength-item:nth-child(2) {
        margin: 0;
    }
}

@media screen and (max-width: 770px) {
    .sales-about .region-item {
        width: 90%;
        margin: 0 35px 0 0;
    }

    .sales-about .region-item:nth-child(2) {
        margin: 0 35px 0 0;
    }
}

@media screen and (max-width: 670px) {
    .sales-about {
        padding: 0 35px 70px 35px;
    }

    .sales-about .subtitle.bold {
        font-size: 16px;
    }

    .sales-about .region-item {
        margin: 0;
    }

    .sales-about .region-item:nth-child(2) {
        margin: 0;
    }

    .sales-content-title {
        margin-top: 35px;
        margin-left: 0;
    }

    .sales-list {
        width: 100%;
        margin: 0;
    }

    .sales-list .strength-item {
        width: 100%;
    }
}