@charset "utf-8";

html {
	font-size: 62.5%; /* font-sizeは16pxの62.5%の10px */
}
body {
	font-size: 1.6rem;
	font-weight: 400;
}
a {
	text-decoration: none;
	transition: .2s;
}


/* general framework */
.bg {
	min-height: calc(100vh - 240px);
}
.wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}
.contentsWrap {
	display: flex;
	flex-direction: column;
	max-width: 1374px;
	margin: 12px auto 45px;
	padding: 38px 52px;
	position: relative;
}
.column {
	display: flex;
	flex-direction: column;
	/* min-height: 650px; */
}
.contentsWrap.s {
	width: 788px;
}
.contentsWrap.s .column {
	min-height: auto;
}
.contentsWrap.m {
	width: 1040px;
}
.contentsWrap.m .column {
	min-height: 65vh;
}


/* header ヘッダー
------------------------------------------------------------------ */
header {
	color: #000;
}
.btnLogoutWrap {
	width: 18%;
}
.btnLogout,
.btnManual {
	background: #fff;
	color: #00A08E;
	border: 2px solid #00A08E;
	border-radius: 100vmax;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 155px;
	height: 35px;
	font-weight: bold;
	margin-left: auto;
}


/* siteStructure　パンくず
------------------------------------------------------------------ */
.siteStructure {
	padding: 0px 5px;
}
.siteStructure li {
	display:inline-block;
	font-size:12px;
}
.siteStructure li a {
	text-decoration:none;
	color:#023F73;
	font-size:12px;
}
.siteStructure li:after {
	content:"　>　";
	color:#CCCCCC;
}
.siteStructure li:last-child:after {
	content:none;
}