@charset "UTF-8";

#work {
	.columns {
		.text {  color: var(--text-blue); }
	}
}
@media screen and (min-width:769px), print{
	#main .title { font-size: 24px; }
	#work {
		.columns {
			display: flex;
			justify-content: space-between;
			margin-top: 45px;
			.logo {
				width: 150px;
				margin-top: 10px;
			}
			.text {
				width: calc(100% - 200px);
				font-size: 16px;
			}
		}
	}
}
@media screen and (max-width:768px){
	#main .title { font-size: 18px; }
	#work {
		.columns {
			margin-top: 44px;
			.logo {
				text-align: center;
				img { height: 125px; }
			}
			.text { margin-top: 45px; }
		}
	}
}

#message {
	padding-bottom: 1px;
	.text, dt { color: var(--text-blue); }
	dl {
		padding-block: 1px;
		border-left: 1px solid var(--text-blue);
		dt { margin-top: -0.7em; }
		dd { margin-bottom: -0.6em; }
	}
}
@media screen and (min-width:769px), print{
	#message {
		margin-top: 175px;
		.title { margin-bottom: 50px; }
		.text, dt { font-size: 16px; }
		dl {
			margin-top: 50px;
			padding-left: 30px;
		}
		.image {
			margin-top: 100px;
			margin-bottom: -120px;
			display: flex;
			gap: 30px;
			img { width: calc(50% - 15px); }
		}
	}
}
@media screen and (max-width:768px){
	#message {
		margin-top: 85px;
		.title { margin-bottom: 35px; }
		dl {
			margin-top: 35px;
			padding-left: 35px;
			dt { margin-bottom: 10px; }
		}
		.image {
			margin-block: 100px -95px;
		}
	}
}

#staff {
	.text { color: var(--text-blue); }
}
@media screen and (min-width:769px), print{
	#staff {
		margin-top: 210px;
		.text {
			font-size: 16px;
			margin-top: 50px;
		}
		.image {
			margin-top: 100px;
			display: flex;
			gap: 30px;
			img { width: calc(50% - 15px); }
		}
	}
}
@media screen and (max-width:768px){
	#staff {
		margin-top: 140px;
		.text { margin-top: 36px; }
		.image { margin-top: 45px; }
	}
}

#contact {
	.text { color: var(--text-blue); }
}
@media screen and (min-width:769px), print{
	#contact {
		margin-top: 85px;
		.text {
			font-size: 16px;
			margin-top: 50px;
		}
		.linkBox { margin-top: 45px; }
	}
}
@media screen and (max-width:768px){
	#contact {
		margin-top: 88px;
		.text { margin-top: 34px; }
		.linkBox { margin-top: 45px; }
	}
}