@charset "utf-8";
/* **************************************************

CSS Information
File Name : hc.css
Style Info: キャンパスライフ?健康支援センター  固有のスタイル指定
Date: 2023-03-20

************************************************** */
/* --------------------------------------------------
	共通ヘッダー
-------------------------------------------------- */
#globalHeader {
	padding: 10px 0;
}

#globalHeader .subHeader {
	margin: 5px 0 8px;
}

#globalHeader #siteID {
	padding: 0;
}

#globalHeader #siteID img {
	width: 420px;
	height: auto;
}

#headerSearch,
#btnTargetNavi {
	display: none !important;
}

#globalHeader .headerNavi {
	width: 560px !important;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (max-width: 640px) {
	#globalHeader {
		position: relative;
		padding: 10px 0 0;
	}

	#globalHeader .subHeader {
		margin-bottom: 10px;
	}

	#globalHeader #siteID {
		max-width: 300px;
		margin: 0 auto;
		padding: 0 0 15px;
	}

	#globalHeader #headerSearch {
		width: 100%;
		margin-right: -80px;
	}

	#globalHeader #headerSearch form {
		width: auto;
		margin-right: 80px;
	}

	#globalHeader .headerNavi {
		width: 100% !important;
	}
}

/* --------------------------------------------------
	共通フッター
-------------------------------------------------- */
#globalFooter .footerAddress {
	text-align: left;
}

#globalFooter .footerAddress dt img {
	width: 360px;
}

@media screen and (max-width: 640px) {
	#globalFooter .footerAddress {
		text-align: center;
	}
}

/* --------------------------------------------------
	グローバルナビ
-------------------------------------------------- */
#gNavi li {
	width: 50%;
}

/* --------------------------------------------------
	サイドテキストバナー
-------------------------------------------------- */
.sideTextBanner li .block {
	font-size: 1.3rem !important;
	line-height: 1.3;
}

.sideTextBanner li .block .bannerTitle {
	padding-left: 8px;
}

.sideTextBanner li .block .bannerTitle span {
	padding-right: 0;
}

.sideTextBanner li .block .thumb img {
	width: 50px;
	height: 50px;
}

/* --------------------------------------------------
	サイドテキスト
-------------------------------------------------- */
.sideText .piece {
	margin-bottom: 20px;
}

.sideText .pieceHeader {
	padding: 0;
	background: #4088b5;
	border-bottom: 3px solid #82756d;
	border-radius: 5px 5px 0 0;
	line-height: 1.3;
	color: #fff;
}

.sideText .pieceHeader h2 {
	display: block;
	padding: 15px 0 12px 10px;
	font-size: 1.5em;
}

.sideText .pieceBody {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 10px;
	font-size: 1.3em;
}

.sideTextList {
	margin: 8px 0;
}

.sideTextList p {
	padding: 8px 0;
}

.sideTextList p span {
	padding: 4px 8px;
}

/* --------------------------------------------------
	スマートフォン用サイドメジャー ナビ
-------------------------------------------------- */
#sideMajorNavi {
	margin-top: 20px;
}

/* --------------------------------------------------
	汎用Class
-------------------------------------------------- */
.pcOnly {
	display: block !important;
}

.spOnly {
	display: none !important;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (max-width: 640px) {
	.pcOnly {
		display: none !important;
	}

	.spOnly {
		display: block !important;
	}

	.body .btn a {
		padding-right: 30px;
		padding-left: 30px;
	}
}

/* --------------------------------------------------
	.categoryListExt - カテゴリーリスト（全幅）
-------------------------------------------------- */
.categoryListExt li {
	width: 700px !important;
}

/* --------------------------------------------------
	トップページ
-------------------------------------------------- */
/*	メインカラム
-------------------------------------------------- */
.column1 #main {
	float: none;
	width: 100%;
}

/*	メインビジュアル
-------------------------------------------------- */
#mainVisual {
	text-align: center;
}

#mainVisual .inner {
	width: 1020px;
}

#mainVisual img {
	width: 100%;
}

/*	キャンパスライフ?健康支援センターについて
-------------------------------------------------- */
.about {
	margin-top: 24px;
}

.about h1 {
	min-height: 20px;
	line-height: 20px;
	margin: 0 0 24px;
	font-size: 2em;
	font-weight: bold;
}

.about .icon-color {
	color: #6ab5d9 !important;
}

.about .articleBody {
	border-top: 1px solid #ddd;
	padding-top: 14px;
	padding-bottom: 14px;
}

.about p {
	font-size: 1.5em;
	line-height: 2;
	margin: 0.75em 0;
}

@media screen and (max-width: 640px) {
	.about .articleBody {
		padding: 10px 15px;
	}

	.about p {
		font-size: 1.4em;
	}
}

/*	リンク
-------------------------------------------------- */
.link {
	margin-top: 30px;
	margin-bottom: 30px;
}

.center .categoryList01 {
	list-style: none;
	margin: 20px 0 -5px;
	width: 100%;
}

.link .sideTextBanner ul {
	display: flex;
}

.link .sideTextBanner li {
	width: 50%;
}

.link .sideTextBanner li:first-child {
	margin-right: 15px;
}

.link .sideTextBanner li:last-child {
	margin-left: 15px;
}

.link .sideTextBanner li .block {
	font-size: 1.6em !important;
	font-weight: 700;
}

.link .sideTextBanner li .block .thumb {
	width: 96px;
}

.link .sideTextBanner li .block .thumb img {
	width: 96px;
	height: 96px;
}

@media screen and (max-width: 640px) {
	.link {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.link .sideTextBanner ul {
		flex-direction: column;
	}

	.link .sideTextBanner li {
		width: 100%;
	}

	.link .sideTextBanner li:first-child {
		margin-right: 0;
		margin-bottom: 15px;
	}

	.link .sideTextBanner li:last-child {
		margin-left: 0;
	}
}