/* @charset "utf-8"; */
/*------------------------------------------------------------------------------

  よくある質問

------------------------------------------------------------------------------*/
#faq_area {
	width: 100%;
	margin-bottom:5em;
}

@media screen and (max-width:900px){ /* 画面幅900px以下(タブレット縦・スマートフォン）*/
#faq_area {
	width: 95%;
}
}

/* 特によくある質問 */
.faq_sp {
	width: calc(100% - 90px);
	height: auto;
	border: 5px solid #0171d9;
	border-radius: 10px;
	margin-top: 20px;
	padding: 0px 30px 20px 50px;
}

.faq_sp p.faq_sp_title {
	font-size: 160%;
	font-weight: bold;
	color: #0171d9;
	margin-bottom: 10px;
}

.faq_sp ul.faq_sp_q {
	width: 100%;
	overflow:hidden; 
}

.faq_sp ul.faq_sp_q li {
	float: left;
	/* width: calc(50% - 20px); */
	width: calc(100% - 20px);
	/* font-size:110%; */
	font-size:90%;
	line-height: 2em;
	list-style-type: none;
	text-indent: -1em;
}

@media screen and (max-width:900px){ /* 画面幅900px以下(タブレット縦・スマートフォン）*/
.faq_sp ul.faq_sp_q li {
	width: calc(100% - 25px);
	font-size: 130%;
/*	border: none;*/
}
.faq_sp p.faq_sp_q a{
	text-decoration:underline;
}
}

/* よくある質問 */
.faq_q_area {
	width: 98%;
	border-radius: 8px;
	background-color: #e1e1e1;
	margin: 50px 0px 20px auto;
	padding: 1.3em 0em 1.2em 0em;
}

/* ページ内リンクの位置調整 */
.faq_q_area > a{
	padding-top: 30px;
	margin-top: -30px;
}

.faq_q_area p.faq_q_no,
.faq_q_area p.faq_q {
	vertical-align: top;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.faq_q_area p.faq_q_no {
	display: inline-block;
	width: 12%;
	font-size: 120%;
	text-align: center;
}
.faq_q_area p.faq_q {
	display: inline-block;
	left: 12%;
	width: calc(88% - 1em);
	font-size: 120%;
	padding-right: 1em;
}

.faq_a_area {
	width: 95%;
	border-radius: 8px;
	border: 2px solid #bebebe;
	margin: 20px 0px 20px auto;
	padding: 0px 0px 20px 0px;
}

.faq_a_area p.faq_a_no {
	display: block;
	font-size: 130%;
	font-weight: bold;
	color: #0060b0;
	margin-left: 1.5em;
}

.faq_a_area p.faq_a {
	display: inline-block;
	font-size: 100%;
	font-weight: normal;
	word-break: break-all;
	margin: 0em 2em 1em 2em;
}

table{
  width: 95%; /* 820px->95% 20250702 chg */
  border: 1px solid #000;
  border-collapse: collapse;
  margin: 0 auto 10px auto;
  padding: 0;
}

table td{
	width: 25%;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #000;
	padding: 0.5em;
}

table td.con{
	text-align: left;
	font-size: 95%;
	padding: 0.5em;
}

/* アラート発表時刻・条件表 */
table td.title{
	width: 13%;
}

table td.alert_t{	/* 黒背景＋白文字 */
	color: #fff;
	background: rgb(12 0 12);
	margin: 40px auto 30px auto;
	padding: 0.5em 0 0.4em 0;
}

table td.alert_k{ /* 紫背景＋黒文字（白縁付き）*/
	color: #000;
	background: rgb(200 0 255);
	text-shadow:1px 1px 0px #FFF, -1px -1px 0px #FFF,
		-1px 1px 0px #FFF,  1px -1px 0px #FFF,
		 0px 1px 0px #FFF,  0px -1px 0px #FFF,
		-1px 0px 0px #FFF,  1px  0px 0px #FFF;
	letter-spacing: 0.1em;
	margin: 40px auto 30px auto;
	padding: 0.5em 0 0.4em 0;
}

table td.alert_w{ /* 赤＋黒文字（白縁付き）*/
	color: #000;
	background: rgb(255 40 0);
	text-shadow:1px 1px 0px #FFF, -1px -1px 0px #FFF,
		-1px 1px 0px #FFF,  1px -1px 0px #FFF,
		 0px 1px 0px #FFF,  0px -1px 0px #FFF,
		-1px 0px 0px #FFF,  1px  0px 0px #FFF;
	letter-spacing: 0.1em;
	margin: 40px auto 30px auto;
	padding: 0.5em 0 0.4em 0;
}

@media screen and (max-width:900px){ /* 画面幅900px以下(タブレット縦・スマートフォン）*/
.faq_q_area {
	font-size: 140%;
}

.faq_a_area p.faq_a_no {
	font-size: 200%;
}
.faq_a_area p.faq_a {
	font-size: 130%;
}
}