.company__item {
	-webkit-text-decoration-skip-ink: none;
	align-items: center;
	display: flex;
	font-size: max(1rem, 15px);
	letter-spacing: 0.04em;
	line-height: 1.6;
	text-align: left;
	text-decoration-skip-ink: none;
	text-underline-position: from-font;
}

.company__item-title {
	color: #eb537b;
	font-weight: 600;
	min-width: 244px;
	padding: 0.75rem;
}

.company__item-text {
	padding: 0.75rem;
}

.company__item-text a {
	color: #f090a9;
	display: block;
	margin-top: 0.5rem;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-underline-position: from-fon;
}

.company__bg {
	background-color: #fffbf2;
	background-image: url(../images/common/bg-ranking.svg);
	padding-bottom: 7.625rem;
	padding-top: 1rem;
}

.company__text {
	margin-top: 3rem;
}

.company__main {
	margin: 0 auto;
	max-width: 778px;
	padding-top: 4rem;
}

.company__message-board {
	margin-top: 2.875rem;
}

.message-board {
	max-width: 720px;
	position: relative;
	width: 100%;
}

.message-board__pin {
	height: 2.23375rem;
	left: 51.5%;
	position: absolute;
	position: relative;
	top: 3%;
	transform: translateX(-50%);
	width: 2.091875rem;
}

.message-board__triangle {
	height: 3.1875rem;
}

.message-board__container {
	background-color: white;
	border: 0.0625rem solid #221a15;
	border-radius: 0.25rem;
	border-radius: 0.1875rem;
	box-shadow: 0.25rem 0.25rem 0rem 0rem #221a15;
	margin-top: -0.5rem;
	padding: 1.5rem 1rem 2.5rem;
	position: relative;
	z-index: 2;
}

.message-board__bubble-top {
	height: 9.75rem;
	left: 0;
	position: absolute;
	top: 0;
	width: 17.5625rem;
	z-index: 1;
}

.message-board__bubble-bottom {
	bottom: 0;
	height: 9.0625rem;
	position: absolute;
	right: 0;
	width: 18.3125rem;
	z-index: 1;
}

.message-board__container::after {
	background-color: #221a15;
	border-radius: 11.25rem;
	content: "";
	height: 0.5rem;
	left: 0.5rem;
	position: absolute;
	top: 0.5rem;
	width: 0.5rem;
	z-index: 2;
}

.message-board__container::before {
	background-color: #221a15;
	border-radius: 11.25rem;
	content: "";
	height: 0.5rem;
	position: absolute;
	right: 0.5rem;
	top: 0.5rem;
	width: 0.5rem;
	z-index: 2;
}

.message-board__icon {
	height: 1.818125rem;
	margin: 0 auto;
	width: 1.58625rem;
}

.message-board__title {
	-webkit-text-decoration-skip-ink: none;
	color: #f090a9;
	font-family: Quicksand;
	font-size: max(1.25rem, 18px);
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.25rem;
	margin-top: 0.25rem;
	position: relative;
	text-align: center;
	text-decoration-skip-ink: none;
	text-underline-position: from-font;
	z-index: 2;
}

.message-board__text {
	-webkit-text-decoration-skip-ink: none;
	font-size: max(1.25rem, 18px);
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.8;
	margin-top: 1.5rem;
	position: relative;
	text-align: center;
	text-decoration-skip-ink: none;
	text-underline-position: from-font;
	z-index: 2;
}

.message-board__text span {
	display: inline-block;
	margin-top: 1.5rem;
}

.shop-menu .message-board__text {
	align-items: center;
	display: flex;
	font-size: max(1.125rem, 16px);
	justify-content: center;
	margin-top: 0.5rem;
	min-height: 127px;
}

.shop-menu .message-board {
	max-width: 680px;
}

.shop-menu .message-board__title {
	font-size: max(1.125rem, 16px);
}

.menu-table--drink .menu-table__td:not(:first-child),
.menu-table--food .menu-table__td:not(:first-child),
.menu-table--other .menu-table__td:not(:first-child) {
	text-align: right;
}

.shop-menu .message-board__pin {
	top: 10px;
}

.company .message-board {
	max-width: none;
	max-width: initial;
	width: 100%;
}

.company .message-board__container {
	border-radius: 0.5rem;
	padding: 2.5rem 4rem;
}

.message-board__items {
	position: relative;
	z-index: 2;
}

.company .message-board__pin {
	top: 12.5px;
}

.company .message-board__container::before {
	right: 1rem;
	top: 0.875rem;
}

.company .message-board__container::after {
	left: 1rem;
	top: 0.875rem;
}

@media screen and (max-width: 1023px) {

.message-board__pin {
	left: 51%;
}

}

@media screen and (max-width: 850px) {

.company .message-board__pin {
	top: 8.5px;
}

}

@media screen and (max-width: 767px) {

.company__item {
	flex-direction: column;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
}

.company__item-title {
	padding: 0;
}

.company__item-text {
	padding: 0;
	padding-bottom: 0.8125rem;
}

.company__item-text a {
	text-align: center;
}

.company__item:nth-child(6) .company__item-text {
	text-align: left;
}

.company__item:nth-child(7) .company__item-text {
	text-align: left;
}

.company__bg {
	padding-bottom: 5rem;
	padding-top: 2.5rem;
}

.company__text {
	margin-top: 0;
}

.company__main {
	padding-top: 0;
}

.company__message-board {
	margin-top: 0.375rem;
}

.message-board__pin {
	left: 51.5%;
}

.message-board__bubble-top {
	height: 4.875rem;
	width: 8.78125rem;
}

.message-board__bubble-bottom {
	height: 4.53125rem;
	width: 9.15625rem;
}

.message-board__icon {
	height: 1.36375rem;
	width: 1.19rem;
}

.message-board__title {
	font-size: max(1rem, 15px);
	line-height: 1rem;
}

.message-board__text {
	font-size: 14px;
	line-height: 1.8;
}

.shop-menu .message-board__text {
	font-size: 13px;
	margin-top: 0.6875rem;
	min-height: 0;
}

.shop-menu .message-board__title {
	font-size: 14px;
}

.menu-table--drink .menu-table__td:not(:first-child),
.menu-table--food .menu-table__td:not(:first-child),
.menu-table--other .menu-table__td:not(:first-child) {
	text-align: center;
}

.shop-menu .message-board__container {
	padding: 1rem 1rem 2rem 1rem;
}

.shop-menu .message-board__pin {
	height: 1.5rem;
	left: 51.5%;
	top: 8px;
	width: 1.5rem;
}

.shop-menu .message-board__triangle {
	height: 2.5rem;
}

.company .message-board__container {
	padding: 2.5rem 1rem;
}

.company .message-board__pin {
	top: 11.5px;
}

}

@media screen and (max-width: 420px) {

.message-board__pin {
	left: 52.5%;
}

}

