/*	IMPORT RESET	*/
@import url("reset.css");
/*	IMPORT BASIC	*/
@import url("basic.css");
/*	<header><footer><nav>ｿｰｽのｲﾝﾎﾟｰﾄ	*/
@import url("nav.css");
/*	ﾌﾚｯｸｽﾎﾞｯｸｽのｲﾝﾎﾟｰﾄ	*/
@import url("co-flexbox.css");

body {
	position: relative;
}
/*----------------------------------------------------------
	　rec_info.html
-----------------------------------------------------------*/
p {
	margin: 0;
}
h3.rec {
	background-color: rgba( 244, 103, 22, 0.80 );
	text-align: center;
	font-size: 200%;
}
h5.rec {
	background-color: rgba( 70, 244, 22, 0.80 );
	font-weight:bold;
	font-size:17px;
	text-align: center;
}
.top {
	font-weight:bold;
	display: flex;
	display: -webkit-flex;
	color: #FFF;
	text-shadow: black 2px 0px 0px, black -2px 0px 0px,
			black 0px -2px 0px, black 0px 2px 0px,
			black 2px 2px 0px, black -2px 2px 0px,
			black 2px -2px 0px, black -2px -2px 0px,
			black 1px 2px 0px, black -1px 2px 0px,
			black 1px -2px 0px, black -1px -2px 0px,
			black 2px 1px 0px, black -2px 1px 0px,
			black 2px -1px 0px, black -2px -1px 0px,
			black 1px 1px 0px, black -1px 1px 0px,
			black 1px -1px 0px, black -1px -1px 0px;
}
.sub_a {
	margin: 3px 0;
	padding: 0 3px;
	line-height:1.5;
	width:40%;
}
.sub_aa {
	text-align: left;
}
.sub_ab {
	text-align: right;
}
.sub_b {
	margin: 3px 0;
	padding: 0 3px;
	line-height:1.5;
	text-align: left;
	width:60%;
}
p.cop {
	font-size: 420%;
}
p.fuku {
	font-size: 150%;
	letter-spacing: 2px;
}
@media screen and (max-width: 1092px) {
p.fuku {
	font-size: 130%;
	line-height:1.8;
}}
@media screen and (max-width: 1036px) {
p.cop {
	font-size: 380%;
}
p.fuku {
	line-height:1.6;
}}
@media screen and (max-width: 961px) {
p.cop {
	font-size: 300%;
}
p.fuku {
	font-size: 110%;
	line-height:1.5;
}}
@media screen and (max-width: 856px) {
.top {
	-webkit-flex-direction: column; 
	flex-direction: column;
}
.sub_a {
	width:398px;
	margin: 0 auto;
}
.sub_b {
	width:398px;
	margin: 0 auto;
}}
@media screen and (max-width: 392px) {
p.fuku {
	font-size: 100%;
}}
@media screen and (max-width: 330px) {
p.fuku {
	font-size: 96%;
}}
.special {
	display: flex;
	display: -webkit-flex;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.lottery {
	text-align: center;
	margin: 10px 0;
	width: 420px;
	margin-bottom: 200px;
}
.last {
	margin-bottom: 10px;
}
img.syumoku {
	width: 398px;
}
img.seikyu {
	width: 98%;
	border: solid 2px white;
	border-radius: 5px;
	margin: 10px auto;
	background-color: rgba( 255, 0, 9, 0.65 );
}
@media screen and (max-width: 435px) {
.sub_a {
	width:96%;
}
.sub_b {
	width:96%;
}
img.seikyu {
	width: 96%;
}
img.syumoku {
	width: 100%;
}}
.course {
	padding: 10px;
	color: #fff;
	margin-bottom: 50px;
}
@media screen and (min-width: 857px) {
.course {
	height: 530px;
	margin-bottom: 30px;
}}

.zikousei {
	background-color: rgba( 244, 125, 22, 0.65 );
}
.soukousei {
	background-color: rgba( 244, 166, 22, 0.65 );
}
.seito {
	background-color: rgba( 244, 74, 22, 0.65 );
}
.mimg {
	background-color: rgba( 22, 244, 170, 0.65 );
}
.kanko {
	background-color: rgba( 4, 180, 4, 0.65 );
}
.kougaku {
	background-color: rgba( 17, 36, 209, 0.65 );
}
.boudai {
	background-color: rgba( 17, 161, 209, 0.65 );
}
.bouidai {
	background-color: rgba( 169, 1, 219, 0.65 );
}
.kango {
	background-color: rgba( 255, 0, 255, 0.65 );
}
p.ab {	/*各種目の題字*/
	font-size: 250%;
	margin: 10px 0;
}
p.idai {	/*防医大の題字設定*/
	transform: scale(0.83, 1);
	transform-origin: top left;
	width: 120.48%;
}

@media screen and (max-width: 356px) {
p.se {	/*生徒の題字設定*/
	transform: scale(0.83, 1);
	transform-origin: top left;
	width: 120.48%;
}}
@media screen and (max-width: 435px) {
p.idai {
	transform: scale(0.75, 1);
	width: 133.33%;
}}
@media screen and (max-width: 396px) {
p.idai {
	transform: scale(0.7, 1);
	width: 142.85%;
}}
@media screen and (max-width: 373px) {
p.idai {
	transform: scale(0.66, 1);
	width: 151.51%;
}}
@media screen and (max-width: 353px) {
p.idai {
	transform: scale(0.58, 1);
	width: 172.43%;
}}
p.kan {	/*看護学生の題字設定*/
	transform: scale(0.75, 1);
	transform-origin: top left;
	width: 133.33%;
}
@media screen and (max-width: 426px) {
p.kan {
	transform: scale(0.7, 1);
	width: 142.85%;
}}
@media screen and (max-width: 401px) {
p.kan {
	transform: scale(0.6, 1);
	width: 166.6%;
}}
@media screen and (max-width: 349px) {
p.kan {
	transform: scale(0.54, 1);
	width: 185.18%;
}}
p.ac {	/*各種目の副題字*/
	font-size: 140%;
	margin: 10px 0;
	font-weight:bold;
}
p.bo,p.syo {	/*防大の副題字*/
	transform: scale(0.9, 1);
	transform-origin: top left;
	width: 111.11%;
}
@media screen and (max-width: 372px) {
p.zikou {	/*自候生の副題字*/
	transform: scale(0.83, 1);
	transform-origin: top left;
	width: 120.48%;
}}
@media screen and (max-width: 406px) {
p.sou {	/*曹候の副題字*/
	transform: scale(0.9, 1);
	transform-origin: top left;
	width: 111.1%;
}}
@media screen and (max-width: 369px) {
p.sou {
	transform: scale(0.75, 1);
	width: 133.33%;
}}
@media screen and (max-width: 412px) {
p.syo {	/*生徒の副題字*/
	transform: scale(0.8, 1);
	transform-origin: top left;
	width: 125%;
}}
@media screen and (max-width: 370px) {
p.syo {
	transform: scale(0.68, 1);
	transform-origin: top left;
	width: 147.5%;
}}
@media screen and (max-width: 425px) {
p.ka {	/*幹候の副題字*/
	transform: scale(0.9, 1);
	transform-origin: top left;
	width: 111.1%;
}}
@media screen and (max-width: 361px) {
p.ka {
	transform: scale(0.78, 1);
	transform-origin: top left;
	width: 128.2%;
}}
@media screen and (max-width: 425px) {
p.bo {	/*防大の副題字*/
	transform: scale(0.8, 1);
	transform-origin: top left;
	width: 125%;
}}
@media screen and (max-width: 382px) {
p.bo {
	transform: scale(0.65, 1);
	transform-origin: top left;
	width: 153.84%;
}}
@media screen and (max-width: 420px) {
p.ika {	/*防医大の副題字*/
	transform: scale(0.77, 1);
	transform-origin: top left;
	width: 126.58%;
}}
@media screen and (max-width: 342px) {
p.ika {
	transform: scale(0.72, 1);
	transform-origin: top left;
	width: 138.88%;
}}
@media screen and (max-width: 360px) {
p.bk {
	transform: scale(0.85, 1);
	transform-origin: top left;
	width: 117.64%;
}}
p.bb {
	font-size: 116%;
	margin: 6px 0;
	text-align: left;
	line-height:1.3;
	text-align: justify;		/*両端揃えのプロパティ*/
	text-justify: inter-ideograph;	/*IE&Edge用の両端揃えのプロパティ*/
}}
p.cc {
	font-size: 116%;
	margin: 6px 0;
	text-align: right;
	line-height:1.3;
	text-align: justify;		/*両端揃えのプロパティ*/
	text-justify: inter-ideograph;	/*IE&Edge用の両端揃えのプロパティ*/
	a:link{ color: red;}
}}
@media screen and (max-width: 320px) {
.kango p.ab {
}}
hr {
	height: 1px;
	border: none;
	border-top: 3px #fff solid;
}
.pc {
}
.sp {
	display: none;
}
@media screen and (orientation:portrait){
.pc {
	display: none;
}
.sp {
	display: block;
}}

#headerfix_pc {
	width: 40%;
	margin: 0 auto;
}
#headerfix_sp {
	display:none;
}
@media screen and (max-width: 932px) {
#headerfix_pc {
	width: 70%;
}}
@media screen and (max-width: 750px) {
#headerfix_pc {
	display:none;
}
#headerfix_sp {
	display: block;
	width: 70%;
	margin: 0 auto;
}}
@media screen and (max-width: 414px) {
#headerfix_sp {
	width: 98%;
}}
/*--------------------------------------------------------
	ｺﾝﾃﾝﾂ部分の設定
----------------------------------------------------------*/
ul.info {
	display: -webkit-flex;
	display: flex;
	border-top: solid 1px white;
	background-color: rgba( 190, 190, 190, 0.75 );
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	flex-wrap: wrap;			/*　改行可　*/
		-webkit-flex-wrap: wrap; /* ★Safari、Chromeブラウザに対応★ */
		-ms-flex-wrap: wrap;		/* ★IEブラウザに対応★ */
}
ul.info li:nth-of-type(1) {
	-webkit-flex-basis: 100px;
	 flex-basis: 100px;
}
ul.info li:nth-of-type(2) {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	width: 0;
	margin-left: 10px;
}
ul.info img {
	object-fit: contain;
	width: 100%;
}
ul.info dd {
	line-height:1.2;
}
ul.info dt {
	font-size: 12px;

}
@media screen and (min-width: 414px) {
ul.info li:nth-of-type(1) {
	-webkit-flex-basis: 150px;
	 flex-basis: 150px;
}
.info dd,dt {
	line-height:1.4;
}}
@media screen and (min-width: 640px) {
ul.info li:nth-of-type(1) {
	-webkit-flex-basis: 200px;
	 flex-basis: 200px;
}
ul.info dd, ul.info dt {
	font-size: 14px;
	font-weight: 600;
}}
@media screen and (min-width: 768px) {
ul.info li:nth-of-type(1) {
	-webkit-flex-basis: 250px;
	 flex-basis: 250px;
}
ul.info dd, ul.info dt {
	font-size: 16px;
}}
@media screen and (min-width: 1024px) {
ul.info li:nth-of-type(1) {
	-webkit-flex-basis: 300px;
	 flex-basis: 300px;
}
ul.info dd, ul.info dt {
	font-size: 17px;
}}


/*--------------------------------------------------------
	タブ部分の設定
----------------------------------------------------------*/
input[type="radio"] {
	display: none;			/*　ラジオボタンを非表示　*/
}
input[type="button"] {
	display: none;			/*　ラジオボタンを非表示　*/
}
.rec-tab {
	position: static;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;/*　ﾃｷｽﾄ縦位置（中央）　*/
	justify-content: center;
}
.rec-tab li {
	cursor: pointer;		/*　マウスカーソルを重ねたときに「指マーク」にする　*/
	user-select: none;		/*　クリック時にテキストが選択されるのを防ぐ　*/
	display: block;			/*　項目内全域を１つの塊とする */
	-webkit-flex-grow: 1;
	flex-grow: 1;
	align-items: center;		/*　アイテム横位置（中央）　*/
	width: 30%;			/*　幅を３０％で固定　*/
	height: 45px;			/*　高さ固定　*/
	line-height: 1em;		/*　行間の調整　*/
	border: 1px solid black;
	background: rgba(0,255,0,0.80);		/* 背景色(緑色透過) */
	font-size: 16px;		/*　文字のｻｲｽﾞ　*/
	font-weight: bold;		/*　文字（太字）　*/
	text-align: center;
	position: relative;
	color: black; 			/*　文字(黒)　*/
}
.rec-tab li a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
	width: 100%;
}
.rec-tab li:hover {
	background: darkgreen;		/*　範囲内背景（深緑）*/
	color: white; 			/*　文字(白)　*/
}
/*	ﾃﾞﾊﾞｲｽ縦向きの表示	 */
@media screen and (orientation:portrait){
.rec-tab li {
	width: 43%;			/*　幅を３０％で固定　*/
}