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

@import "reset.css";
@import "base.css";
@import "common.css";
@import "cont_common.css";

.section p {
	line-height:1.6;
}

#first p {
	font-size:15px;
	margin-bottom:20px;
}


#second p {
	font-size:15px;
	margin-bottom:20px;
}

#second p.last {
	margin-bottom:0;
}

#third p {
	font-size:15px;
	margin-bottom:20px;
}

#third p span {
	font-weight:bold;
}

.blue {background-color:#B9DCFF;}
.yellow {background-color:#FFFFBF;}
.orange {background-color:#FFDD97;}
.purple {background-color:#C1A3E0;}


#fourth ul li {
	font-size:15px;
	padding-left: 1em;
	text-indent: -1em;
	line-height:1.4;
	margin-bottom:5px;
}


.waku {
	background-color:#F3F3F3;
	padding:10px;
	border: dashed #ccc 1px;
}


/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 769px) {
	#first table  {
		width:100%;
	}
	.waku {
		width:320px;
	}
}


/* PC向けレイアウトの指定：961px以上では固定レイアウト */
@media only screen and (min-width: 961px) {

}


.table-wrap {
	overflow-x:auto;
	margin-bottom:10px;
}

.table-wrap table {
	width:100%;
	min-width:500px;
	overflow-x: auto;
	white-space: nowrap;
}

.table-wrap table th {
	xbackground-color:#52CECE;
	color:#222;
	font-weight:normal;
}

.table-wrap table th,
.table-wrap table td {
	border:2px solid #fff;
	font-size:14px;
	padding:10px;
	text-align:center;
}

.table-wrap table td {background-color:#EFEFEF;}


@media screen and (max-width: 500px) {
.table-wrap {
	padding-top:22px;
	position: relative;
}
.table-wrap:before {
	content: "\008868\00306f\005de6\0053f3\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003067\00304d\00307e\003059";
	color:#fff;
	font-size:12px;
	background-color:#e07903;
	position: absolute;
	top:0px;
	border-radius: 5px;
	padding: 0.05em 0.5em;
}
}