@charset "UTF-8";

.-btn_area {
	padding: 0 2vw;
}

.qa_area .qa_block {
	align-items: flex-end;
}
.qa_area .qa_block .qa_list {
	flex-grow: 1;
	margin-right: 25px;
}

.app_area .app_block {
	flex-wrap: nowrap;
	align-items: flex-start;
}
.app_area .app_block .id {
	align-items: center;
}
.app_area .app_block .id .icon {
	margin-right: 20px;
}
.app_area .app_block .text {
	flex-shrink: 0;
	width: 500px;
	line-height: 1.8;
}
.app_area .line_btn {
	background:#00b900;
	color:#ffffff;
	border-color: #00b900;
	box-shadow: 0px 3px 0px #004400;
}
.app_area .line_btn:hover {
	background:#004400;
	border:solid 1px #004400;
	color:#fff;
}
.app_area .skype_btn {
	background:#00aff0;
	color:#ffffff;
	border-color: #00aff0;
	box-shadow: 0px 3px 0px #005372;
}
.app_area .skype_btn:hover {
	background:#005372;
	border:solid 1px #005372;
	color:#fff;
}

.mail_area .mail_block {
	flex-wrap: nowrap;
	align-items: flex-start;
}
.mail_area .mail_block .icon {
	flex-shrink: 0;
	margin-right: 50px;
}
.mail_area .mail_block .text {
	width: 100%;
	flex-shrink: 1;
	line-height: 1.8;
}

.trouble_area .trouble_list > li {
	background: #eee;
	color: #000;
	font-weight: normal;
	text-align: left;
}
.trouble_area .trouble_list > li:after {
	border-color: #eee transparent transparent transparent;
}

.support_area .support_block .support_list > li > .title {
	width: 100%;
	padding: 4px 10px;
	background: #008ae1;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
}
.support_area .support_block .support_list > li .box {
	flex-wrap: nowrap;
	align-items: flex-start;
	margin-bottom: 60px;
	padding: 30px 10px 0 10px;
}
.support_area .support_block .support_list > li .box .icon {
	margin-right: 20px;
}
.support_area .support_block .support_list > li .box .tel {
	font-size: 3.6rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}
.support_area .support_block .flow_table {
	width: 100%;
	padding-bottom: 20px;
}
.support_area .support_block .flow_table caption {
	padding: 20px 0 30px;
	background: #f3faff;
	color: #008ae1;
	font-weight: 700;
	text-align: center;
}
.support_area .support_block .flow_table th,
.support_area .support_block .flow_table td {
	background: #f3faff;
	text-align: center;
}
.support_area .support_block .flow_table th {
	padding: 0 10px 0;
	color: #008ae1;
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 1;
}
.support_area .support_block .flow_table td {
	padding: 10px 10px 20px 10px;
	font-size: 1.4rem;
}
.support_area .support_block .img {
	text-align: right;
}

.troubleshooting_area .troubleshooting_block .troubleshooting_list > li > .-accordion_btn {
	position: relative;
	padding: 10px 62px;
	font-weight: 700;
	background: #eee;
	border-bottom: 2px solid #ccc;
}
.troubleshooting_area .troubleshooting_block .troubleshooting_list > li > .-accordion_btn:before {
	content: "\f119";
	position: absolute;
	top: 50%;
	left: 20px;
	color: #999;
	font-family: "Font Awesome 5 Free";
	font-size: 3.2rem;
	font-weight: 900;
	transform: translate(0, -50%);
}
.troubleshooting_area .troubleshooting_block .troubleshooting_list > li > .-accordion_btn:hover {
	cursor: pointer;
}
.troubleshooting_area .troubleshooting_block .troubleshooting_list > li > .-accordion_btn:after {
	content: "\f078";
	position: absolute;
	top: 50%;
	right: 20px;
	color: #999;
	font-family: "Font Awesome 5 Free";
	font-size: 2.0rem;
	font-weight: 900;
	transform: translateY(-50%);
}
.troubleshooting_area .troubleshooting_block .troubleshooting_list > li > .-accordion_btn.active:after {
	content: "\f077";
}
.troubleshooting_area .troubleshooting_block .troubleshooting_list > li > .-accordion_inner {
	padding: 20px 0;
}
.troubleshooting_area .troubleshooting_block .troubleshooting_list > li + li {
	margin-top: 30px;
}