.externallist *, .externallist *::before, .externallist *::after { border: 0; box-sizing: border-box; }
.externallist {font-size: 0.85rem;margin: 0;}
.externallist .inner {width: 100%; margin: 0; }
.externallist .header {overflow: hidden; padding: 50px 0 20px; }
.externallist .language_switch {float: right; }
.externallist #language_select {padding: 10px; width: 150px; border: none; background: #f7f7f7; }
.externallist .main {padding: 0 0 50px 0; }
.externallist .overfllow__auto {overflow: auto; }
.externallist .modal {opacity: 0; position: fixed; z-index: 1; left: 0; top: 0; height: 100vh; width: 100%; transition: opacity 0.3s; z-index: -1; display: none; justify-content: center; align-items: center; }
.externallist .modal.open {opacity: 1; z-index: 999; display: flex; }
.externallist .modal__content {background-color: #ffffff; width: 50%; box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17); padding: 50px; position: relative; text-align: left; }
.externallist .icon__button {cursor: pointer; color: #6f6f6f; transform: scale(1); transition: all 0.3s; }
.externallist .icon__button:hover {transform: scale(1.3); }
.externallist .modal__close {cursor: pointer; position: absolute; right: 20px; top: 20px; }
.externallist .intro {text-align: center; width: 65%; margin: 0 auto 30px; }
.externallist .intro__title {font-size: 2rem; margin-bottom: 20px; }
.externallist .service__table {width: 100%; border-collapse: collapse; }
.externallist .service__table thead th {background: #e5e5e5; padding: 10px;display: table-cell;vertical-align: middle;font-weight: bold;text-align: -internal-center; }
.externallist .service__table tbody td {padding: 10px 20px; background: #fafafa; border-bottom: solid 2px #d7d7d7; display: table-cell;  vertical-align: middle;}
.externallist .service__table tbody td.no__border {border-bottom: none; }
.externallist .service__table tbody td.text__center {text-align: center; }
.externallist .service__table tbody td img {height: 20px; width: 100%; margin: 0 auto; }
.externallist .classification {padding: 10px 20px; color: #fff; display: block; font-size: 0.8rem; font-weight: bold; text-align: center; border-radius: 100px; line-height: 1; margin-bottom: 5px; }
.externallist .classification:last-of-type {margin-bottom: 0; }
.externallist .classification.strictly__necessary {background: #ccd547; }
.externallist .classification.performance {background: #2c98da; }
.externallist .classification.functional {background: #fa8231; }
.externallist .classification.targeting {background: #fd5b65; }
.externallist .classification.social__media {background: #f7b731; }
.externallist .classification.unknown {background: #a5b1c2; }
.externallist .classification.onetrust {background: #6cc04a; }
.externallist .modal__title {padding-bottom: 10px; border-bottom: solid 2px #f3f3f3; }
.externallist .modal__company__names {font-size: 1.6rem; padding-right: 20px; }
.externallist .modal__service_names {font-size: 2rem; }
.externallist .modal__sub__title {font-size: 1.2rem; margin-bottom: 10px; margin-top: 30px; }
.externallist .modal__in__content {border-radius: 5px; border: solid 2px #c2c2c2; background: #f2f2f2; padding: 10px; min-height: 100px; }
.externallist footer {text-align: center; padding: 10px 0; border-top: solid 2px #d3d3d3; }

@media screen and (min-width: 769px) {
	.externallist .hidden__pc {display: none; }
	.externallist footer {position: absolute; bottom: 0; width: 100%; }
	.externallist .service__table tbody td:nth-of-type(1) { width: 210px;}
	.externallist .service__table tbody td:nth-of-type(2) { width: 190px;}
}

@media screen and (max-width: 768px) {
	.externallist .hidden__sp {display: none;}
	.externallist .inner {width: 100%; padding: 0; }
	.externallist .intro {width: 100%; }
	.externallist .intro__text {text-align: left !important; }
	.externallist .service__list {padding: 0; list-style: none; }
	.externallist .service__list .list__item {border-radius: 5px; border: solid 2px #c2c2c2; background: #f2f2f2; padding: 20px; margin-bottom: 30px; }
	.externallist .service__list__table {overflow: hidden; }
	.externallist .service__list__table dt,
	.externallist .service__list__table dd {float: left; margin-bottom: 30px; }
	.externallist .service__list__table dt {font-weight: bold; clear: both; width: 100px; }
	.externallist .service__list__table dd {width: calc(100% - 100px); }
	.externallist .service__list__table dd .classification {display: inline-block; }
	.externallist .service__link__list {display: flex; justify-content: center; }
	.externallist .service__link__list a { font-size: 2.8vw; padding: 0px 1vw; }
}