/* PDFアイコン */
.c-icon--pdf {
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
}
.c-icon--pdf::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    background-image: url('/hp/common_image/icon/icon-pdf.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 4px 0 7px;
    vertical-align: middle;
}

/* Excelアイコン */
.c-icon--excel {
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
}
.c-icon--excel::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    background-image: url('/hp/common_image/icon/icon-excel.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 4px 0 7px;
    vertical-align: middle;
}

/* Excelアイコン */
.c-icon--word {
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
}
.c-icon--word::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    background-image: url('/hp/common_image/icon/icon-word.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 4px 0 7px;
    vertical-align: middle;
}

/* PowerPointアイコン */
.c-icon--ppt {
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
}
.c-icon--ppt::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    background-image: url('/hp/common_image/icon/icon-ppt.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 4px 0 7px;
    vertical-align: middle;
}

/* 外部リンクアイコン */
.c-icon--external {
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
}
.c-icon--external::after {
    content: "";
    display: inline-flex;
	align-items: center;
	justify-content: center;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    background-image: url('/hp/common_image/icon/icon-external.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 4px 0 7px;
}

/* 動画アイコン */
.c-icon--movie {
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
}
.c-icon--movie::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    background-image: url('/hp/common_image/icon/icon-movie.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 5px 4px 0 7px;
    vertical-align: middle;
}

/* ZIPアイコン */
.c-icon--zip {
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
}
.c-icon--zip::after {
    content: "";
    display: inline-flex;
	align-items: center;
	justify-content: center;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    background-image: url('/hp/common_image/icon/icon-zip.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 4px 0 7px;
}


/* PDFアイコン（文字の前に表示） */
.c-icon--pdf-before {
	text-decoration: none;
	white-space: nowrap;
	display: inline-flex;
	vertical-align: middle;
	align-items: center;
	max-width: 100%;
	overflow: hidden;
}
.c-icon--pdf-before::before {
    content: "";
    display: flex; /* flexに変更 */
    align-items: center; /* 中央揃え */
    justify-content: center; /* 中央揃え */
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    background-image: url('/hp/common_image/icon/icon-pdf.svg');
    background-size: contain;
    background-repeat: no-repeat;

    margin: 0 7px 0 4px;
    vertical-align: middle;
}

/* Excelアイコン（文字の前に表示） */
.c-icon--excel-before {
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
}
.c-icon--excel-before::before {
    content: "";
    display: flex; /* flexに変更 */
    align-items: center; /* 中央揃え */
    justify-content: center; /* 中央揃え */
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    background-image: url('/hp/common_image/icon/icon-excel.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 7px 0 4px;
    vertical-align: middle;
}

/* Wordアイコン（文字の前に表示） */
.c-icon--word-before {
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
}
.c-icon--word-before::before {
    content: "";
    display: flex; /* flexに変更 */
    align-items: center; /* 中央揃え */
    justify-content: center; /* 中央揃え */
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    background-image: url('/hp/common_image/icon/icon-word.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 7px 0 4px;
    vertical-align: middle;
}

/* PowerPointアイコン（文字の前に表示） */
.c-icon--ppt-before {
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
	vertical-align: middle;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
}
.c-icon--ppt-before::before {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    background-image: url('/hp/common_image/icon/icon-ppt.svg');
    background-size: contain;
    background-repeat: no-repeat;

    margin: 0 7px 0 4px;
    vertical-align: middle;
}

/* 外部リンクアイコン（文字の前に表示） */
.c-icon--external-before {
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
	vertical-align: middle;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
    
    transform: translateY(-2px);
}
.c-icon--external-before::before {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    background-image: url('/hp/common_image/icon/icon-external.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 7px 0 4px;
    vertical-align: middle;
}

/* 動画アイコン（文字の前に表示） */
.c-icon--movie-before {
	text-decoration: none;
	white-space: nowrap;
	display: inline-flex;
	vertical-align: middle;
	align-items: center;
	max-width: 100%;
	overflow: hidden;
}
.c-icon--movie-before::before {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    background-image: url('/hp/common_image/icon/icon-movie.svg');
    background-size: contain;
    background-repeat: no-repeat;

    margin: 7px 7px 0 4px;
    vertical-align: middle;
}
/* ZIPアイコン（文字の前に表示） */
.c-icon--zip-before {
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
	vertical-align: middle;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
}
.c-icon--zip-before::before {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    background-image: url('/hp/common_image/icon/icon-zip.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 7px 0 4px;
    vertical-align: middle;
}

@media screen and (max-width: 1200px) {
	.c-icon--pdf,
	.c-icon--excel,
	.c-icon--word,
	.c-icon--ppt,
	.c-icon--external,
	.c-icon--zip {
		white-space: normal;
	}

    .c-icon--pdf-before,
    .c-icon--excel-before,
    .c-icon--word-before,
    .c-icon--ppt-before,
    .c-icon--external-before,
    .c-icon--zip {
        white-space: normal;
    }

}