@charset "UTF-8";

/**************************************************
 テーブルデザイン
 **************************************************/
.contents table{
	width: 100%;
	border-spacing: 1px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
}
.contents table th, table td{
	padding: 10px;
}
.contents table th{
	background-color: #424242;
	color: #FFFFFF;
}
.contents table td{
	background-color: #FFFFFF;
}


/**************************************************
 スマホでできること
 **************************************************/
.contents .a1-s1-01{
	max-width: 300px;
}


/**************************************************
 スマホの操作方法
 **************************************************/
.tap{
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
.tap:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
.tap li{
	width: calc((100% - 10px) / 3);
	margin: 0px 5px 5px 0px;
	background-color: #FFFFFF;
	display: block;
	float: left;
	list-style: none;
}
.tap li img{
	width: 100%;
	display: block;
}
.tap li span{
	padding: 10px;
	display: block;
	background-color: #FAFAFA;
	font-size: 14px;
	font-size: 1.4rem;
}
.tap li b{
	display: block;
}
@media screen and (min-width:541px){
	.tap li:nth-child(3n){
		margin-right: 0px;
	}
}
@media screen and (max-width:540px){
	.tap li{
		width: calc((100% - 5px) / 2);
	}
	.tap li:nth-child(2n){
		margin-right: 0px;
	}
}


/**************************************************
 Wi-Fiについて
 **************************************************/
.contents table.angouka th, .contents table.ninshou th{
	padding: 10px 30px;
}
.contents table.mobile th{
	min-width: 80px;
}


/**************************************************
 スマホのパスコード設定&指紋認証
 **************************************************/
.contents table.pasukoodo{
	width: 60%;
	margin: 0px auto;
}
.contents .a3-s1-01{
	max-width: 425px;
}


/**************************************************
 バックアップとは
 **************************************************/
.contents .a4-s1-01, .contents .a4-s1-02{
	max-width: 491px;
}


/**************************************************
 クイズ
 **************************************************/
.quiz{
	width: auto;
	margin-top: 80px;
}
.quiz ul, .quiz .li{
	list-style: none;
}
.quiz ul li p{
	text-align: center;
}
.quiz ul li .a{
	margin-top: 20px;
	text-align: center;
}

.quiz ul li .a a{
	margin-bottom: 10px;
	padding: 10px 20px;
	display: inline-block;
	background-color: #42A5F5;
	border-bottom: 4px #1976D2 solid;
	border-radius: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.quiz ul li .a a:hover, .quiz ul li .a a.now{
	background-color: #1976D2;
}

.quiz .kotaeawase{
	width: auto;
	max-width: 250px;
	margin: 100px auto 0px auto;
	padding: 10px;
	background-color: #ef5350;
	border-bottom: 4px #e53935 solid;
	border-radius: 10px;
	text-align: center;
}
.quiz .kotaeawase:hover{
	background-color: #e53935;
}
.quiz .kotaeawase a{
	width: 100%;
	height: 100%;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}