@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

@media screen and (max-width: 767px) {
html {font-size:62.5%;}
body {font-size:1.2rem;}
	
	.contentInnerSmall p {
		margin: 0 0 1.1em 0;
	}
	
	.contentInnerSmall p:last-child {
		margin: 0 0 1.1em 0;
	}

ul, ol{
	margin:0;
	padding:0;
	list-style:none;
}
#contentsWrap a{
	color:#000;
	text-decoration:none;
}
#contentsWrap a:hover {color:#56c2ea;}


.pcOnly {display:none;}
.contentInnerSmall{
	font-family:Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url("../images/bg.jpg") center top;
	padding:14px 0;
}

/* ベース */
#contentsWrap{
	background:#fff;
	width:94%;
	margin:0 auto;
	color:#262626;
}


.cmp {overflow:hidden;}
.cmp dt{
    font-size: 2em;
    padding: 0.5em 1% 0 2%;
    margin: 0em 0 0;
    font-weight: 700;
}
.cmp dd {
    padding: 0.5em 1%;
    margin: 0 0 1em 2%;
}
}










@media screen and (min-width: 768px) {
html {font-size:62.5%;}
body {font-size:1.2rem;}
	
	.contentInnerSmall p {
		margin: 0 0 1.1em 0;
	}
	
	.contentInnerSmall p:last-child {
		margin: 0 0 1.1em 0;
	}

ul, ol{
	margin:0;
	padding:0;
	list-style:none;
}
#contentsWrap a{
	color:#000;
	text-decoration:none;
}
#contentsWrap a:hover {color:#56c2ea;}


.spOnly {display:none;}
li{
	margin-bottom:6px;
	line-height:1.6;
	text-align:left;
}
div#contentsBox ul {padding-left:0;}

.contentInnerSmall{
	font-family:Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url("../images/bg.jpg") center top;
	padding:30px 0;
	font-size:16px;
}

/* ベース */
#contentsWrap{
	background:#fff;
	width:1080px;
	margin:0 auto;
	color:#262626;
}

.cmp {overflow:hidden;}
.cmp dt{
	display:block;
	float:left;
	background:#595757;
	width:20%;
	margin:1em 0;
	padding:0.5em 1%;
	color:#fff;
	text-align:center;
}
.cmp dd{
	display:block;
	float:left;
	width:74%;
	margin:1em 0 1em 2%;
	padding:0.5em 1%;
}

table th{
	text-align:center;
	border:1px solid #000;
}
table th:first-of-type {width:20%;}
table th:nth-of-type(2) {width:22%;}
table th:nth-of-type(3) {width:18%;}
table th:last-of-type {width:40%;}
table td{
	padding:1em !important;
	border:1px solid #000;
	border-top:none;
	box-sizing:border-box;
}
table td:nth-of-type(3) {text-align:right;}

.attention{
	position:relative;
	display:inline-block;
	margin-left:1em !important;
	text-indent:-1em;
	font-size:13px;
}
p.attention{
	margin-left:0 !important;
	text-indent:0;
}

.attention img{
	position:absolute;
	top:2px !important;
	width:16px !important;
}
.pl1em {padding-left:1em;}

}