@charset "euc-jp";

#contents {
	padding-bottom: 0;
}

.appli-breadcrumb-wrap {
	background-color: #2481e4;
}

.appli-wrap .breadcrumbs-list {
	background-color: #2481e4;
	color: #fff;
}

.appli-wrap .breadcrumbs-list a {
	color: #fff;
	text-decoration: none;
}
.appli-wrap .breadcrumbs-list a:hover {
	text-decoration: underline;
}

.appli-wrap .appli-index-main {
	background-color: #2481e4;
}
.appli-wrap .appli-index-main h1 {
	font-size: 0;
}
.appli-wrap .appli-index-main h1 img {
	width: 900px;
	height: 490px;
}

.appli-download-btn {
	display: flex;
	justify-content: space-between;
	width: 460px;
	margin: 24px auto;
}
.appli-download-btn a {
	display: block;
	cursor: pointer;
}

.appli-only-features {
	padding: 0 0 48px;
}
.appli-only-features.feature-1,
.appli-only-features.feature-3 {
	background-color: #f1f1f1;
}
.appli-only-features-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 860px;
	margin: 0 auto;
	padding: 48px 0 24px;
	text-align: left;
}
.appli-only-icon {
	width: 220px;
}
.appli-only-title {
	flex: 1;
}
.appli-only-badge {
	display: inline-block;
	margin-bottom: 12px;
	padding: 6px 8px;
	background-color: #2481e4;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	border-radius: 4px;
}
.appli-only-title h2 {
	position: relative;
	color: #2481e4;
	font-size: 3.8rem;
	font-weight: bold;
	line-height: 1.2;
}

.appli-only-title h2::after {
	position: absolute;
	content: "";
	display: block;
	width: 90px;
	height: 68px;
	background-position: center;
	background-size: contain;
}
.feature-1 .appli-only-title h2::after {
	top: -64px;
	right: 178px;
	background-image: url('/appli/img/202604/appli-only-speech-1.png');
}
.feature-2 .appli-only-title h2::after {
	top: -64px;
	right: 334px;
	background-image: url('/appli/img/202604/appli-only-speech-2.png');
}
.feature-3 .appli-only-title h2::after {
	top: -64px;
	right: 222px;
	background-image: url('/appli/img/202604/appli-only-speech-2.png');
}

.appli-only-title p {
	margin: 12px 0 0;
	font-size: 1.8rem;
	line-height: 1.4;
}

.appli-only-detail-wrap {
	width: 840px;
	margin: 0 auto;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 8px;
}

.appli-only-detail-title {
	position: relative;
	margin: 0 auto;
	padding: 18px 0;
	color: #555;
	font-size: 2.2rem;
	cursor: pointer;

}
.appli-only-detail-title:hover {
	color: #06c;
}
.appli-only-detail-title::after {
	position: absolute;
	top: calc(50% - 1.1rem);
	right: 18px;
	display: block;
	content: '¡Ü';

}
.appli-only-detail-title.close::after {
	content: '¡Ý';

}
.appli-only-detail {
	display: none;
	padding: 24px 0;
}
.appli-only-detail ul {
	display: flex;
	justify-content: space-between;
	width: 840px;
	margin: 0 auto;
}
.appli-only-detail li {
	position: relative;
	width: 280px;
	padding: 0 20px 12px;
	border-right: 1px solid #ccc;
}
.appli-only-detail li:last-child {
	border-right: none;
}
.appli-only-detail li::after {
	position: absolute;
	top: 130px;
	right: -18px;
	content: "";
	display: block;
	width: 34px;
	height: 36px;
	background-image: url('/appli/img/202604/appli-only-arrow.png');
	background-position: center;
	background-size: contain;
}
.appli-only-detail li:last-child::after {
	background-image: url('');
}
.appli-only-detail li img {
	width: 100%;
}

.appli-index-footer {
	padding: 24px 0;
	background-color: #0066cc;
	color: #fff;
}
.appli-index-footer .text1 {
	font-size: 1.4rem;
}
.appli-index-footer .text2 {
	margin-top: 24px;
	font-size: 2.4rem;
	font-weight: bold;
}
.appli-index-footer .free-registration {
	display: block;
	width: 280px;
	margin: 0 auto;
	padding: 8px;
	font-size: 1.6rem;
	background-color: #fff;
	text-decoration: none;
	border-radius: 16px;
}
.appli-index-footer .text3 {
	margin-top: 18px;
	font-size: 1.2rem;
}