@charset "utf-8";

/* ------------------------------------------------------
 Common
------------------------------------------------------ */

img{
height: auto;
max-width: 100%;
width: auto;
}

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	position: relative;
	text-align: center;
}

/* ------------------------------------------------------
 Display
------------------------------------------------------ */

.dispn{	/*表示しない*/
	display: none;
}

@media screen and (min-width: 769px){
	.disps{	/*画面幅が小さいときのみ表示*/
		display: none;
	}
}

@media screen and (max-width: 768px){
	.displ{	/*画面幅が大きいときのみ表示*/
		display: none;
	}
}

.red{
	color: #C30;
}

.required{
	border: 1px solid #C30;
	color: #C30;
	display: inline-block;
	padding: 0 5px;
}

.wht{
	color: #FFF;
}

.caption{
	font-size: 0.8em;
}

ul.maru,
ul.aster{
	list-style: none;
	margin-bottom: 1em;
	padding-left: 0.5em;
}
ul.maru li,
ul.aster li{
	padding-left: 1em;
}

ul.maru li:before{
	content: '●';
	margin-left: -1em;
}

ul.aster li:before{
	content: '＊';
	margin-left: -1em;
}	

/*--------------------
PageTop
--------------------*/
.pagetop {
	bottom: 20px;
	display: none;
	position: fixed;
	right: 20px;
	z-index: 200;
}

.pagetop a {
	background: url('../img/pagetop.png') no-repeat;
	display: block;
	font-size: 24px;
	height: 69px;
	line-height: 69px;
	opacity: 0.7;
	text-align: center;
	text-decoration: none;
	width: 69px;
}

/*--------------------
Images hover
--------------------*/
a:hover img {
	text-decoration: none;
	filter: alpha(opacity=60);
	opacity: 0.6;
}