@charset "utf-8";

/*==============================

		csr　coc.css

==============================*/

/*==============================
			PC+SP
==============================*/

#about p {
	margin-bottom: 1.5rem;
	}

#about p.first {
	margin-top: 2rem;
	}

#about .block {
	padding-top: 1rem;
	}

#about h3 {
	font-size: 150%;
	font-weight: normal;
	border-bottom: 1px solid #e4404b;
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
	}

#about h4 {
	font-size: 120%;
	border-bottom: 1px solid #c8c8c8;
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
	}

#about .anchor {
	border-top: 1px solid #e60012;
	margin-bottom: 2rem;
	padding-top: 1rem;
	}

#about .date p {
	float: right
}


/*==============================
		PC
==============================*/
@media screen and (min-width: 641px) {

#about .block {
	margin-bottom: 3rem;
	}

#about h3 {
	padding-top: 14px;
	}

#about h4 {
	padding-top: 12px;
	}

#about .anchor {
	padding-bottom: 5px;
	}

#about .anchor li {
	display: inline-block;
	margin-bottom: 0.5rem;
	}

#about .anchor li::after {
	content: "｜";
	padding: 0 0.5rem;
	}

}/* pc end */


/*==============================
		SP
==============================*/
@media screen and (max-width: 640px) {

#about .block {
	margin-bottom: 2rem;
	}

#about h3 {
	font-weight: bold;
	}

#about .anchor li {
	position: relative;
	margin-bottom: 0.8rem;
	padding-left: 16px;
	}

#about .anchor li::before {
	position: absolute;
	content: "";
	top: -1px;
	bottom: 0;
	left: 0;
	margin: auto;
	vertical-align: middle;
	left: 3px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #e60012;
	border-right: 2px solid #e60012;
	transform: scale(0.6, 1.2) rotate(45deg);
	}

}/* sp end */

.line_top {
	padding-top: 3rem;
	border-top: 1px solid #000000;
}
a.link_color {
	color: #e60012;
	text-decoration: underline;
}