@charset "UTF-8";

.header__logo {
    width: 106px;
    display: flex;
    align-items: center;
    margin-right: 5px;
	margin-top: 13px;
}
@media screen and (min-width: 768px) {
	.header__logo {
		margin-right: 30px;
		width: 150px;
		flex-shrink: 0;
		margin-top: 13px;
	}
}

.freecall__number::before {
	width: 25px;
	height: 20px;
	margin-right: 0;
	content: "電話番号";
}

.service__item.tv {
	color: #70b1e7;
}
.service__item.internet {
	color: #f8bc32;
}
.service__item.phone {
	color: #25a33e;
}
.service__item.mvno {
	color: #b367d6;
}

.service-plan__title.tv {
	color: #70b1e7;
}
.service-plan__title.internet {
	color: #f8bc32;
}
.service-plan__title.phone {
	color: #25a33e;
}
.service-plan__title.mvno {
	color: #b367d6;
}
.service-plan__title.mvno::before {
	background: url("../img/icon_mvno.svg") no-repeat center center/contain;
	width: 18px;
	height: 19px;
	top: -.1em;
}

.plan__icons-item.tv {
	background: rgba(26, 134, 205, 0.15);
}
.plan__icons-item.internet {
	background: rgba(234, 154, 45, 0.1);
}
.plan__icons-item.phone {
	background: rgba(54, 234, 45, 0.1);
}
.plan__icons-item.mvno {
	background: rgba(234, 45, 234, 0.1);
}

.plan .tv .plan__icon-text {
	color: #70b1e7;
}
.plan .internet .plan__icon-text {
	color: #f8bc32;
}
.plan .phone .plan__icon-text {
	color: #25a33e;
}
.plan .mvno .plan__icon-text {
	color: #b367d6;
}

.simration-select__plan-heading.tv .simration-select__plan-heading__text {
	color: #70b1e7;
}
.simration-select__plan-heading.internet .simration-select__plan-heading__text {
	color: #f8bc32;
}
.simration-select__plan-heading.phone .simration-select__plan-heading__text {
	color: #25a33e;
}
.simration-select__plan-heading.mvno .simration-select__plan-heading__text {
	color: #b367d6;
}


/* 事業アイコン mvno */
.simration-select__plan-heading.mvno::before {
	background-image: url("../img/icon_mvno.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
@media screen and (min-width: 768px) {
	.simration-select__plan-heading.mvno::before {
		width: 52px;
		height: 52px;
	}
}
.simration-select__plan-heading.mvno .simration-select__plan-heading__text {
	color: #b367d6;
}
@media screen and (min-width: 768px) {
	.simration-select__plan-heading.mvno .simration-select__plan-heading__text {
		font-size: 18px;
		top: 35%;
		left: 10px;
	}
}
@media screen and (min-width: 768px) {
	.icon-mvno::before {
		content: "";
		background: url("../img/icon_mvno.svg") no-repeat center center/contain;
		width: 29px;
		height: 29px;
		top: 3px;
		display: inline-block;
		position: relative;
		margin-right: 10px;
	}
}