@charset "utf-8";
/*
 * commons css 
 * pc width 1000px fixed
 */

@media (max-width: 599px) {
} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {
} /* end 600-959 */

@media (min-width: 960px) {
} /* 960- */

/* ---------------------------------------- common */

body { color: #333; }

hr {
    display: block;
    height: 1px;
    border: 0;   
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

ul.disc {
	list-style: outside disc;
	text-align: left;
	margin: 0 0 0 1.5em;
}

p + p {
	margin: 1em 0 0;
}

@media (max-width: 599px) {
	
	#wrapper {
		font-size: 1.2rem;
		line-height: 1.8;
	}

	h2 {
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1.6;
		margin: 0 0 1.5em;
	}
	
	h3 {
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.6;
		margin: 0 0 1.25em;
	}
	
	h4 {
		font-size: 1.4rem;
		font-weight: 700;
		margin: 0 0 1em;
	}

} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {
	
	#wrapper {
		font-size: 1.3rem;
		line-height: 1.9;
	}

	h2 {
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.6;
		margin: 0 0 2em;
	}
	
	h3 {
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1.6;
		margin: 0 0 1.5em;
	}
	
	h4 {
		font-size: 1.5rem;
		font-weight: 700;
		margin: 0 0 1em;
	}
	


} /* end 600-959 */

@media (min-width: 960px) {
	
	#wrapper {
		font-size: 1.4rem;
		line-height: 2;
	}

	h2 {
		font-size: 2.0rem;
		font-weight: 700;
		line-height: 1.6;
		margin: 0 0 2em;
	}
	
	h3 {
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.6;
		margin: 0 0 1.5em;
	}
	
	h4 {
		font-size: 1.6rem;
		font-weight: 700;
		margin: 0 0 1em;
	}

} /* 960- */


/* ---------------------------------------- common flex selectors */

@media (max-width: 599px) {

	.flexs {
		/* no setting */
	}

} /* end -599 */

@media (min-width: 600px) {

	.flexs {
		display: -webkit-box;
		display: -webkit-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.flexs.wrap {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.flexs.nowrap {
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	
	.flexs.justify {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	.flexs.justify-center {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	.flexs.align-center {
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
	}
	
	.flexs.row {
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction:row;
	}
	
	.flexs.row-reverse {
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction:row-reverse;
	}
	
	.flexs.column {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	
	.flexs.column-reverse {
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

} /* over 600 */


/* ---------------------------------------- breadcrumbs */

@media (max-width: 599px) {

	#breadcrumbs { display: none; }

} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {

	#breadcrumbs {
		letter-spacing: -0.4em;
	}
	#breadcrumbs li {
		display: inline-block;
		letter-spacing: normal;
		font-size: 1.5rem;
	}
	#breadcrumbs a {
		color: #6cbc18;
	}
	.bread_crumb li:not(:last-child):after {
		font-family: 'FontAwesome';
		content : '\f105';
		color: #6cbc18;
		padding-left:10px;
		margin-right:10px;
	}

} /* end 600-959 */

@media (min-width: 960px) {

	#breadcrumbs {
		padding: 18px 0 60px;
	}

} /* 960- */