/* 文字セット指定 */
@charset 'UTF8';

/* --- 運送DX関連 start --- */
/* 運送DXロゴ1スタイル */
.transport-dx-logo1 {
    width: 32%;
    align-self: flex-start;
    margin-left: 100px; 
}

/* レスポンシブ対応：運送DXロゴ1 */
@media screen and (max-width: 850px) {
	.transport-dx-logo1 {
		margin-left: 35px;
	}
}

/* 運送DXロゴ2スタイル */
.transport-dx-logo2 {
	width: 50%;
    align-self: center;
    margin-top: -85px;
}

/* レスポンシブ対応：運送DXロゴ2 */
@media screen and (max-width: 850px) {
	.transport-dx-logo2 {
		margin-top: 0px;
		width: 100%;
	}
}

/* 運送DX診断ページスタイル */
.transport-dx-diagnosis-page {
    display: flex;
    justify-content: center;
    margin: 0 20px;
}

.transport-dx-diagnosis-page img {
     border: 1px solid black;
}

.transport-dx-diagnosis-page .diagnosis-page1 {
    width: 250px;
}

.transport-dx-diagnosis-page .diagnosis-page2 {
    margin-left: -100px;
    margin-top: 100px;
    width: 200px;
}

/* グレーボックステキスト */
.grey-box-text {
    margin: 15px 0 42px 0px;
    background-color: #ededed;
    color: black;
    padding: 10px;
    width: 65%;
}

/* レスポンシブ対応：グレーボックステキスト */
@media screen and (max-width: 850px) {
	.grey-box-text {
		width: 100%;
	}
}

/* テキストホルダー */
.text-holder .ta-right {
	margin-right: -20%;
	text-align: right;
	font-size: 1.5rem;
}

.mt-40{
	margin-top:40px;
}
/* --- 運送DX関連 end ---. */