@charset "utf-8";


/* トップページ News iframe */
#indexNews-iframe,
#indexNews-iframe * {
	box-sizing: border-box;
}
#indexNews-iframe {
	padding: 10px;
}
#indexNews-iframe a {
	position: relative;
	display: block;
	/*padding: 204px 0 0;*/
	text-decoration: none;
	/*background: url(https://www.kiryo.ac.jp/renewal/img/index/news-noimage.jpg) center top no-repeat;*/
}
#indexNews-iframe .imgOuter {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 10px;
	padding-top: 60%;
	background: #f1efe9;
}
#indexNews-iframe .imgOuter img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	margin: auto;
}
#indexNews-iframe span.cate {
	display: inline-block;
	width: 110px;
	height: 21px;
	margin: 0 10px 0 0;
	font-size: 0.93em;
	line-height: 21px;
	text-align: center;
	background: #ffe178;
}
#indexNews-iframe span.date {
	color: #eaae1d;
	font-size: 0.93em;
}
#indexNews-iframe h3 {
	font-size: 1.2em;
	font-weight: 700;
}
#indexNews-iframe p {
	word-break: break-all;
}
@media only screen and (min-width:600px) {
	/* トップページ News iframe */
	#indexNews-iframe {
		padding: 20px;
		font-size: 20px;
	}
	#indexNews-iframe a {
		padding: 0;
	}
	#indexNews-iframe a h3 {
		min-height: 170px;
		padding: 0 0 0 215px;
	}
	#indexNews-iframe .imgOuter {
		position: absolute;
		top: 0;
		left: 0;
		width: 198px;
		height: 198px;
		padding-top: 0;
	}
	#indexNews-iframe span.cate {
		margin-left: 215px;
	}
	#indexNews-iframe p {
		clear: both;
	}
}


/* 中ページ */
.topicpath {
	display: flex;
	flex-wrap: wrap;
	max-width: 1270px;
	margin: 0 auto;
	padding: 1em 0;}
.topicpath li {padding: 0.25em 0;  line-height: 1.375;}
.topicpath li a {padding-right: 1em; margin-right: 0.5em;
	background: url(https://www.kiryo.ac.jp/renewal/img/share/topicpath.png) right center no-repeat;
	background-size: auto 10px;}
.topicpath li:last-child a {background: none;}

.cateNav {max-width: 1270px; padding: 1em 0; margin: 0 auto 4em; background: #ebebeb;}
.cateNav h2 {padding: 0 30px 0.1em;color: #027fcf; font-size: 1.286em;}
.cateNav h2 small {padding-left: 0.5em; font-size: 0.8em;}
.cateNav ul {padding: 0 30px; height: 50px;padding-bottom: 20px;}
.cateNav ul li {float: left; display: inline; margin-right: 3em;}
.cateNav ul a {display: block; padding-left: 26px;
	line-height: 2.286em; text-decoration: none;
	background: url(https://www.kiryo.ac.jp/renewal/img/share/cateNav.png) left center no-repeat; background-size: auto 20px;}

.pageTitle {
	position: relative;
	padding: 5px 0 32px;
	background: #edf7fb;
	text-align: center;
}
.pageTitle__category {
	font-size: 1.125em;
	flex-wrap: 700;
	text-align: center;
}
.pageTitle__category span {
	display: inline-block;
	position: relative;
	padding: 0 0 0.375em;
}
.pageTitle__category span::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background: #027fcf;
	content: '';
}
.pageTitle__category span::after {
	bottom: 0;
}
.pageTitle__title {
	position: relative;
	z-index: 1;
	margin: 12px auto -0.5em;
	font-size: 3em;
	flex-wrap: 700;
	text-align: center;
	text-shadow:0 0 3px #edf7fb,0 0 3px #edf7fb,0 0 3px #edf7fb,0 0 3px #edf7fb,0 0 3px #edf7fb,0 0 3px #edf7fb,0 0 3px #edf7fb,0 0 3px #edf7fb,0 0 3px #edf7fb,0 0 3px #edf7fb,0 0 3px #edf7fb,0 0 3px #edf7fb,0 0 3px #edf7fb,0 0 3px #edf7fb,0 0 3px #edf7fb,0 0 3px #edf7fb;
	line-height: 1.25;
}
.pageTitle__image {
	position: relative;
	overflow: hidden;
	width: 90%;
	max-width: 1440px;
	height: 240px;
	margin: 0 auto;
	border-radius: 8px;
}
.pageTitle__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#pageTitle {height: 56px; padding: 152px 0 172px; margin: 90px 0 0;  text-align: center;
	background: url(https://www.kiryo.ac.jp/renewal/img/share/h2.jpg) left top no-repeat;}
#pageTitle h1 {
	display: inline-block; padding-left: 0.18em;
	font-size: 3em; line-height: 56px; letter-spacing: 0.18em;
	background: url(https://www.kiryo.ac.jp/renewal/img/share/h2_underline.png) bottom repeat-x;}

#contents {max-width: 1270px; margin: 0 auto;}

.section {padding-bottom: 100px;}
.section p {padding-bottom: 1em;}
.section p b {color: #de4617;}

.section.pageNav {position: relative; max-width: 1216px; margin: 0 auto -6em; }
.section.pageNav ul {padding: 0.7em 1.5em; margin: 0 0 0.5em;
	font-size: 1.2em; font-weight: 700; border: 2px solid #c2d5e3;}
.section.pageNav ul li {float: left; display: inline; margin-right: 3em;}
.section.pageNav ul a {line-height: 2.286em; text-decoration: none;}

.basicBtn {display: inline-block; padding: 0.675em 2em; margin: 0.5em 0 0;
	color: #fff !important; text-decoration: none; line-height: 1.5;
	background: #1f2122; border: 3px solid #1f2122; box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;}
.basicBtn.orange {background: #ef985f; border-color: #ef985f;}
.basicBtn.blue {background: #027fcf; border-color: #027fcf;}
.basicBtn.red {background: #e86e56; border-color: #e86e56;}

.basicBtn .small {
	display: block;
	font-size: 0.85em;
	text-align: center;}

table.basic {width: 100%; border-top: 2px solid #c2d5e3;}
table.basic thead th,
table.basic thead td {padding: 0.1em 1em; color: #fff; font-weight: 700; text-align: center; background: #027fcf;}
table.basic tbody th,
table.basic tbody td {padding: 0.7em 1em; border-bottom: 2px solid #c2d5e3;}
table.basic tbody th {color: #027fcf; white-space: nowrap; background: #edf7fb;}
table.basic tbody td strong.free {display: inline-block; padding: 0 0.3em;
	color: #027fcf; font-size: 1.3em; line-height: 1.5;
	background: url(https://www.kiryo.ac.jp/renewal/img/share/h2_underline.png) bottom repeat-x; background-size: auto 6px;}

@media only screen and (min-width:800px){
	.section .text {overflow: hidden; zoom:1;}
	.section .right {float: right; display: inline; margin-left: 60px;}
	.section .left {float: left; display: inline; margin-right: 60px;}
	.section .right img,
	.section .left img {max-width: 400px;}
}
@media only screen and (max-width:640px){
	.topicpath,
	.cateNav,
	#contents {width: 600px;}
	.cateNav ul li {margin-right: 1.5em;font-size: 0.586em;}
	#pageTitle {background-position: -50px top;}
	table.basic tbody th,
	table.basic tbody td {padding: 0.7em 0.5em;}

	.pageTitle__title {
		font-size: 2.5em;
		text-shadow:0 0 5px #edf7fb,0 0 5px #edf7fb,0 0 5px #edf7fb,0 0 5px #edf7fb,0 0 5px #edf7fb,0 0 5px #edf7fb,0 0 5px #edf7fb,0 0 5px #edf7fb,0 0 5px #edf7fb,0 0 5px #edf7fb,0 0 5px #edf7fb,0 0 5px #edf7fb,0 0 5px #edf7fb,0 0 5px #edf7fb,0 0 5px #edf7fb,0 0 5px #edf7fb;
	}
	.pageTitle__image {
		height: 198px;
	}
}

/* footer */
#pickup {position: relative; padding: 32px 20px; background: #dddddd; border-top: 1px solid #c0c0c0;}
#pickup h2 {position: absolute; left: 50%; top: -105px; margin: 0 0 0 -598px;}
#pickup ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
	text-align: center;
}
#pickup li {
	width: calc((100% - 48px) / 4);
	max-width: 460px;
	text-align: center; border: 4px solid #fff;
	box-shadow: 3px 3px 5px 0 rgba(45,44,42,0.15);}
#pickup h3 {padding: 0.4em 0 0.2em; font-size: 1.7em; font-weight: 700; text-align: center;}
#pickup p {color: #027fcf; text-align: center;}
#pickup a {display: block; width: 448px; height: 313px; padding: 18px 0 0;
	border: 2px solid #c2d5e3; background: #fff;
	text-decoration: none;}
#pickup img {max-height: 200px;}
#pickup li.pickup__banner {
	border: none;
}
#pickup li.pickup__banner a {
	width: auto;
	height: auto;
	padding: 0;
	border: none;
	background: none;
	box-sizing: border-box;
}
#pickup li.pickup__banner img {
	width: 100%;
	height: auto;
	max-height: none;
}
@media only screen and (max-width:640px){
	#pickup h2 {margin: 0 0 0 -300px;}
	#pickup li {width: 100%; text-align: left;}
	#pickup a {width: auto; height: auto; padding: 20px;}
	#pickup li img {float: left; display: inline; width: 160px; margin: 0 20px 0 0;}
	#pickup h3,
	#pickup p {text-align: left;}
	#pickup p {overflow: hidden;}
	#pickup p br {display: none;}

	#pickup li.pickup__banner a {
		padding: 0;
	}
	#pickup li.pickup__banner img {
		float: none;
	}
	
}