@charset "utf-8";

body{
	margin:0;
	padding:0;
	color:#333;
	font-family: -apple-system, 'fontello', BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '掴ゴシック  Medium', meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
}

p,ul,ol,li,dl,dd,dt{
	margin:0;
	padding:0;
	list-style:none;
}
ul.disc{position:relative;}
	ul.trouble > li:before,
	ul.disc > li:before{
		content:'・ ';
		font-weight:bold;
		position:absolute;left:5px;
	}
	ul.disc > li{
		padding:5px 15px;
		padding-left:28px;
		border-bottom:dotted 1px #aaa;
	}

.nowrap{display:inline-block;}
small{font-size:75% !important;line-height:2em;display:inline-block;}
.large{font-size:125% !important;line-height:2em;}
.xlarge{font-size:150% !important;line-height:2em;}
img{width:100%;display:block;}
@media print, screen and (min-width: 768px){
.reverse{flex-direction:row-reverse !important;}
}



a{color:#333;}a:hover{text-decoration:none;}
@media print, screen and (min-width: 768px){
	a:hover img{filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
}

@media print, screen and (min-width: 768px){
	.sp{display:none !important;}
}
@media screen and (max-width: 768px){
	.pc{display:none !important;}
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr{border:none;}
.clear{clear:both;}.clear:after{content: "";clear: both;height: 0;display: block;visibility: hidden;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

h1,h2,h3,h4{margin:0;padding:0;}

.color.black{color:#333;}
.color.red{color:#d62000;}
.color.green{color:#195d34;}
.color.blue{color:#00aced;}

.flex{
	display:flex;display:-webkit-flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:center;
}
.flex.top {
    align-items: flex-start; /* 上詰めにする */
}
.column{flex-direction:column !important;}
.strech{
	-webkit-align-items: stretch !important;
	-ms-flex-align: stretch !important;
	align-items: stretch !important;
}
	.flex.half > *{width:49%;}
	.flex.third > *{width:32%;}
	.flex.quarter > *{width:23%;}
	.flex.fifth > *{width:19%;}
	.flex.eighth > *{width:11.75%;}
@media print, screen and (min-width: 768px){
	.space{padding-bottom:20px !important;}
}
@media screen and (max-width: 768px){
	.space{padding-bottom:15px !important;}
}