@charset "utf-8";

/*看護高等専修学校　TOPページ*/
/* -------------------------------------------------- */
#mainV {
	width: 100%;
	padding-bottom: 21px;
}

#mainV img {
	width: 100%;
}

#nurseIntro {
	width: 90%;
	margin: 0 auto;
}

#fromYanagawa {
	font-size: 18px;
	color: #0298cb;
	letter-spacing: 1px;
	line-height: 1;
	padding-bottom: 14px;
	font-weight: normal;
}

#fromYtext {
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 1px;
	padding-bottom: 45px;
}

.openCampass {
	width: 90%;
	margin: 20px auto;
	/*  padding-bottom: 20px;*/
}

.openCampass img {
	width: 100%;
	vertical-align: top;
}

#gsBox {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 54px;
}

#gsBox img {
	width: 100%;
	vertical-align: top;
}

#merit {
	width: 100%;
}

.meritL {
	width: 100%;
	padding-bottom: 44px;
}

.meritImg {
	padding-bottom: 27px;

}

.meritImg img {
	width: 100%;
	vertical-align: top;
}

.meritText {
	width: 100%;
}

.meritTit {
	width: 90%;
	margin: 0 auto;
	font-size: 2rem;
	line-height: 1;
	color: #0298cb;
	font-weight: normal;
	letter-spacing: 1px;
	padding-bottom: 13px;
}

.meritD {
	width: 90%;
	margin: 0 auto;
	font-size: 1.4rem;
	line-height: 1.4;
	letter-spacing: -0.5px;
	color: #000304;
	padding-bottom: 23px;
}

.meritMore {
	width: 90%;
	text-align: center;
	margin: 0 auto;

}

.meritMore a {
	width: 100%;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-size: 1.7rem;
	line-height: 1;
	background: url(../images/top_arrow.png) 95% 18px no-repeat #0298cb;
	background-size: 4%;
	padding: 22px 0 12px;
	border-bottom: 4px solid #0281ad;
}

.meritMore a:active {
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	/*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	/*影を小さく*/
	border-bottom: none;
}

/*看護高等専修学校　カリキュラムページ*/
/* -------------------------------------------------- */

#curriculum {
	width: 100%;
}

#curriculumTit {
	font-size: 1.8rem;
	line-height: 1.3;
	padding-bottom: 4px;
	letter-spacing: 0px;
	padding-left: 5%;
}

#curriculumAll {
	width: 100%;
	margin: 0 auto;

}

#tableBox {
	width: 100%;
	padding-bottom: 28px;
}

.subject {
	margin: 0 auto 19px;
	width: 90%;
}

tbody {
	width: 100%;
}

.subjectTit {
	width: 100%;
	font-size: 1.2rem;
	line-height: 1;
	background-color: #b3e0ef;
	margin-bottom: 3px;
	text-align: left;
}

.subjectTit th {
	width: 100%;
	padding: 11px 0 10px 4%;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	letter-spacing: 1px;
	border-bottom: 5px solid #fff;

}

.stName {
	text-align: left;
	padding: 4px 0 4px 12px;
	font-weight: normal;
	vertical-align: middle;
}

.stTime {
	text-align: right;
	padding: 4px 12px 0 0;
	font-weight: normal;
}

.subjectTime {
	background-color: #f2f2f2;
	font-size: 1rem;
	font-weight: normal;
}

.subjectnormal {
	font-size: 1.2rem;
	border-bottom: 1px solid #f2f2f2;
}

.sjContent {
	text-align: left;
	padding: 4px 0 3px 12px;
	font-weight: normal;
	vertical-align: middle;
}

.sjTime {
	text-align: right;
	padding: 4px 12px 0 0;
	font-weight: normal;
	vertical-align: middle;
}

.bbNone {
	border-bottom: none;
}

.subtotal {
	border-top: 2px solid #adacac;
	border-bottom: 2px solid #adacac;
	font-size: 1.2rem;
	background-color: #fef7f8;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.subtotalName {
	text-align: left;
	padding: 4px 0 2px 12px;
	font-weight: normal;
}

.subtotalTime {
	text-align: right;
	padding: 4px 12px 0 0;
	font-weight: normal;
}

.insurance {
	text-align: left;
	padding: 4px 0 3px 12px;
	font-weight: normal;
	border-bottom: 1px solid #f2f2f2;
}

.law {
	text-align: left;
	padding: 4px 0 3px 12px;
	font-weight: normal;

}

.sjTime2 {
	text-align: right;
	padding-right: 12px;
	vertical-align: middle;
	border-left: 1px solid #f2f2f2;
}

.sjTime3 {
	text-align: right;
	padding-right: 12px;
	vertical-align: middle;
	border-left: 1px solid #f2f2f2;
	width: 24%;
	;
}

.subjectnormal2 {
	padding: 0;
	font-size: 1.2rem;
}

.tableBottom {
	border-bottom: 2px solid #adacac;
	font-size: 1.1rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}

.tbLeft {
	padding: 7px 0 10px 12px;
	text-align: left;
	vertical-align: middle;

}

.tbRight {
	padding: 8px 12px 0 0;
	text-align: right;
	vertical-align: middle;
}

#total {
	background-color: #fef7f8;
	font-size: 1.2rem;
	border-bottom: 2px solid #adacac;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.tbLeft {}

.tbRight {}

#curriculumRight {
	width: 90%;
	margin: 0 auto;
}

.curriculumContent {
	width: 100%;
	padding-bottom: 28px;
}

.gradeTit {
	font-size: 1.8rem;
	font-weight: normal;
	border-bottom: 2px solid #adacac;
	line-height: 1;
	padding-bottom: 8px;
	margin-bottom: 16px;
	text-align: left;
}

.gradeSubTit {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

#hukidashiPic {
	width: 100%;
	padding-bottom: 23px;
}

#hukidashiPic img {
	width: 37%;
	display: block;
	margin: 0 auto;
	vertical-align: top;
}

#hukidashiBox {
	position: relative;
	display: inline-block;
	margin: 0 0 21px 0;
	padding: 11px 6px 14px 16px;
	min-width: 120px;
	max-width: 100%;
	color: #000304;
	font-size: 1.3rem;
	background: #FFF;
	border: solid 2px #e5e5e5;
	box-sizing: border-box;
	letter-spacing: 0.5px;
	line-height: 1.5;
}

#hukidashiBox::before {
	content: "";
	position: absolute;
	top: -24px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #fff;
	z-index: 2;
}

#hukidashiBox::after {
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #e5e5e5;
	z-index: 1;
}

#hukidashiText {
	margin: 0;
	padding: 0;
}

.curriPic {
	width: 100%;

}

.curriPic img {
	width: 100%;
	vertical-align: top;
}

.curriText {
	padding-bottom: 16px;

}

#hukidashiPic2 {
	width: 100%;
	padding: 15px 0 23px
}

#hukidashiPic2 img {
	width: 40%;
	display: block;
	margin: 0 auto;
	vertical-align: top;
}

#hukidashiBox2 {
	position: relative;
	display: inline-block;
	margin: 0 0 21px 0;
	padding: 11px 6px 14px 16px;
	min-width: 120px;
	max-width: 100%;
	color: #000304;
	font-size: 1.3rem;
	background: #FFF;
	border: solid 2px #e5e5e5;
	box-sizing: border-box;
	letter-spacing: 0px;
	line-height: 1.5;
}

#hukidashiBox2::before {
	content: "";
	position: absolute;
	top: -24px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #fff;
	z-index: 2;
}

#hukidashiBox2::after {
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #e5e5e5;
	z-index: 1;
}

#schedule {
	width: 100%;
	padding-bottom: 7px;
}

.letterPlus {
	letter-spacing: -1px !important;
	margin-bottom: 18px !important;
}

.allYear {
	width: 90%;
	margin: 0 auto;

}

.monthImg {
	padding-bottom: 16px;

}

.monthCircle {
	display: inline-block;
	width: 63px;
	height: 63px;
	text-align: center;
	line-height: 55px;
	vertical-align: middle;
	border-radius: 50%;
	border: solid 4px skyblue;
	color: #0298cb;
	font-size: 1.8rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 4px 0 20px;
}

.monthText {
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: 1px;
	padding-bottom: 19px;
	border-bottom: 1px dashed #666;
	margin-bottom: 20px;
}

.manthPhoto {
	width: 100%;
	padding-bottom: 17px;
	border-bottom: 1px dashed #666;
}

.manthPhoto img {
	width: 100%;

}


.mbPlus {
	margin-top: -1px;
}

.boderNone {
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 18px;
}

.borderNone2 {
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 19px;
}

.maPlus {
	margin-bottom: 16px;
}

.maPlus2 {
	margin-bottom: 14px;

}

.schoolYear {
	padding-bottom: 29px;
	text-align: center;
}

.boderNone3 {
	border-bottom: none;
	margin-bottom: 0;
}

.maPlus3 {
	margin-bottom: 0px;
	border-bottom: none;
	padding-bottom: 12px;
}

.maPlus4 {
	margin-bottom: 21px;
}

.maPlus5 {
	margin-bottom: 21px;
}

#goal {
	width: 100%;
}

#goalTit {
	letter-spacing: -1px;
	margin-bottom: 15px;
}

#gaolContent {
	/*	width: 90%;*/
	margin: 0 auto;
}

.spotRight2 {
	display: inline-block;
	width: 94%;
	letter-spacing: -0.5px;
	line-height: 1.4;
}

#goalPic {
	width: 90%;
	margin: 0 auto;
}

#goalPic img {
	width: 100%;
}

#goalStuBox {
	padding-bottom: 20px;
	width: 90%;
	margin: 0 auto;
}




/*看護高等専修学校　学校案内ページ*/
/* -------------------------------------------------- */

.guide {
	margin-bottom: 50px;
}

.guideTit {
	letter-spacing: -1px !important;
}

.inDview {
	width: 100%;
}

.inDview img {
	width: 100%;
	vertical-align: top;
	height: 201px;
}

.guideText {
	width: 90%;
	margin: -4px auto 0;
	letter-spacing: 0px;
	line-height: 1.4;
	padding-bottom: 8px;
}

.guideText2 {
	width: 90%;
	margin: 0 auto;
	line-height: 1.4;
	padding-bottom: 5px;
	letter-spacing: -.40em;
}

.guideText3 {
	width: 90%;
	margin: 10px auto 0;
}

.guideNo {
	display: inline-block;
	width: 8%;
	vertical-align: top;
	letter-spacing: 0px;
}

.guideRight {
	display: inline-block;
	width: 92%;
	letter-spacing: 0px;
}

.guideList {
	list-style: none;
}

.yearTit {
	background-color: #f2f2f2;
	font-weight: bold;
	font-size: 1.4rem;
	padding: 4px 0 4px 17px;
	margin-bottom: 8px;
	letter-spacing: 0;
}

.historyText {
	width: 92%;
	margin: 0 auto;
	font-size: 1.4rem;
	line-height: 1;
	padding: 4px 0 4px;
}

.historyText2 {
	width: 92%;
	margin: 0 auto;
	font-size: 1.4rem;
	line-height: 1;
	padding-bottom: 8px;
}

.facility {
	width: 90%;
	margin: 0 auto;
}

.facility img {
	width: 100%
}

.facilityName {
	padding: 3px 0 21px;
}

#hospitalTit {
	padding-top: 1px;
}

.hospitalSpot {
	width: 92%;
	margin: 0 auto;
	font-size: 1.4rem;
	line-height: 1;
	padding: 4px 0 2px;
	letter-spacing: 1px;
}

.hospitalSpot a {
	color: #0298cb;
	text-decoration: underline;
}

.dot {
	display: inline-block;
	width: 6%;
	vertical-align: top;
	letter-spacing: 0px;
}

.spotRight {
	display: inline-block;
	width: 94%;
	letter-spacing: 0.5px;
}

#spotSecond {
	line-height: 1.2;
}

.pbPlus {
	padding-bottom: 21px;
}

.pbPlus2 {
	padding-bottom: 18px;
}

/*看護高等専修学校　募集要項ページ*/
/* -------------------------------------------------- */
.requireWrapper {
	width: 100%;
}

.requirement {
	padding-bottom: 45px;
}

.reqItem {
	font-size: 1.6rem;
	background-color: #e5e5e5;
	line-height: 1;
	padding: 8px 5% 6px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 10px;
}

.reqItem span {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.2rem;
	line-height: 1;
	padding: 0 2% 0;
	font-weight: bold;
	letter-spacing: 1px;
}

.recProText {
	font-size: 1.4rem;
	padding: 0 5% 8px;
	line-height: 1.5;
	letter-spacing: 0.01em;
}

.recProText2 {
	padding: 0 2% 8px;
	line-height: 1;
	letter-spacing: 0px;
}

.bottomLine {
	padding-bottom: 8px;
	/* border-bottom: 1px dashed #7f7f7f; */
	margin-bottom: 10px;
}

.bottomPlus {
	padding-bottom: 8px !important;
}

.recProText3 {
	font-size: 1.4rem;
	line-height: 1.3;
	padding: 0 5% 3px;
	letter-spacing: 1px;
}

.recProText3 span {
	font-weight: bold;
}

.bottomNone {
	padding-bottom: 0;
}

.recProText4 {
	font-size: 1.4rem;
	line-height: 1;
	padding: 0 0 5px 5%;
	letter-spacing: 0.5px;
}

.recProText5 {
	font-size: 1.4rem;
	line-height: 1.3;
	padding: 0 0 5px 5%;
	letter-spacing: 0.5px;
}

.recProText5 a{
	color: #217294;
}

.bottomPlus2 {
	padding-bottom: 12px;
}

.recProText6 {
	font-size: 1.3rem;
	line-height: 1.3;
	padding: 0 0 5px 4%;
	letter-spacing: 0;
	margin-top: -3px;
}

.recProText7 {
	font-size: 1.4rem;
	line-height: 1.3;
	padding: 0px 4% 3px;
	letter-spacing: 0.5px;
}

.recProText8 {
	font-size: 1.4rem;
	line-height: 1.5;
	padding: 0 5% 9px;
	letter-spacing: 0.01em;
}

.recProText9 {
	font-size: 1.4rem;
	line-height: 1.5;
	padding: 0 5% 10px;
	letter-spacing: 0.01em;
}

#cost {
	padding-bottom: 43px;
}

.testFormat {
	width: 90%;
	margin: 0 auto 20px;
	border: 1.5px solid #bfbfbf;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.examineeTit {
	padding: 6px 0 7px 4%;
	letter-spacing: 1px;
	font-size: 1.4rem;
}

.recForInfo {
	padding: 10px 0;
}

.examineeSub {
	background-color: #f2f2f2;
	font-size: 1.2rem;
	padding: 7px 0 7px 5%;
	margin: 0 3% 10px;
	font-weight: bold;
	line-height: 1;
}

.examineeText {
	font-size: 1.2rem;
	padding: 0 0 6px 5%;
	margin: 0 3% 0;
	line-height: 1.5;
	letter-spacing: 0.1em;
}

.marginPlus {
	margin-bottom: 3px;
}

#requirementTable {
	padding-bottom: 28px;
}

.timeText {
	font-size: 1.4rem;
	line-height: 1;
	padding: 0 4% 23px;
	letter-spacing: -0.5px;
}

#timeFirst {
	width: 100%;
	padding-bottom: 25px;
	text-align: center;
}

.circle {
	display: block;
	width: 165px;
	height: 165px;
	text-align: center;
	line-height: 1;
	vertical-align: middle;
	border-radius: 50%;
	border: solid 4px #b0dfef;
	margin: 0 auto 48px;
}

#circleLast {
	margin-bottom: 0;
}

.timeContent {
	padding: 35px 0 13px;
	color: #0298cb;
	font-size: 1.8rem;
	line-height: 1;
	position: relative;
}

.timeContent::before {
	content: '';
	width: 2px;
	height: 11px;
	background-color: #000;
	position: absolute;
	bottom: -38px;
	left: 50%;
}

.timeContent::after {
	content: '';
	display: inline-block;
	background: url(../images/recruit_arrow.jpg) no-repeat;
	background-size: contain;
	vertical-align: middle;
	width: 13%;
	height: 21px;
	position: absolute;
	bottom: -138px;
	left: 45%;
}

.timeContent:last-child::after {
	content: "";
	display: none;
}

#circleLast .timeContent::after {
	content: "";
	display: none;
}

.timeOfDay {
	color: #000304;
	font-size: 2rem;
	line-height: 1;
	padding-bottom: 25px;
	letter-spacing: -3px;
}

#timeText2 {
	font-size: 1.4rem;
	line-height: 1;
	padding: 0 5% 3px;
	letter-spacing: -0.5px;
}

#timeText3 {
	font-size: 1.5rem;
	line-height: 1;
	padding: 0 5% 4px;
	letter-spacing: -0.5px;
	margin-top: -9px;
}

#timeText4 {
	font-size: 1.4rem;
	line-height: 1;
	padding: 0 5% 50px;
	letter-spacing: -0.5px;
}

.fBold {
	font-weight: bold;
}

/*看護高等専修学校　生徒の声・よくある質問ページ*/
/* -------------------------------------------------- */

.nurseTit {
	width: 100%;
	padding-bottom: 7px;

}

.nurseTit img {
	width: 100%;
	vertical-align: top;
}

.nurseMain {
	width: 100%;
}

#voice {
	width: 100%;
	margin-bottom: 70px;
}

.voiceTit {
	font-size: 1.9rem;
	line-height: 1;
	padding: 0 0 8px 5%;
	border-bottom: solid 1px #0298cb;
	color: #0298cb;
	margin-bottom: 20px;
	letter-spacing: 2px;
	font-weight: normal;
}

.mtPlus {
	margin-top: 2px;
}

.studentBox {
	margin-bottom: 40px;
}

.studentPic {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 23px;
}

.studentPic img {
	width: 100%;
	margin: 0 auto;
}

.studentText {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 40px;
	border-bottom: 1px solid;
}

#qaTit {
	margin-bottom: 31px;
}



.studentName {
	font-size: 1.8rem;
	line-height: 1;
	padding-bottom: 11px;
	border-bottom: 1px dashed #7f7f7f;
	margin-bottom: 18px;
	font-weight: normal;
}

.flowR {
	float: right;
}

.studentTit {
	font-weight: 1.5rem;
	line-height: 1.3;
	color: #000304;
	padding-bottom: 15px;
	font-weight: bold;
	letter-spacing: 0.5px;
}

.studentSentence {
	font-size: 1.4rem;
	line-height: 1.4;
	color: #000304;
	padding-bottom: 24px;
	letter-spacing: 1px;
}

.studentSentence:last-child {
	padding-bottom: 0px;
}

#qa {
	width: 100%;
	padding-bottom: 50px;
}

.question {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	color: #000304;
	padding: 10px 5%;
	background-color: #f2f2f2;
	letter-spacing: 0;
}

.tuition {
	padding: 10px 5% 25px;
	letter-spacing: 1px;
}

.anno {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 20px;
	font-size: 1.2rem;
}

/* 231121ADD */
#slider {
	margin-bottom: 30px;
}

#slider img{
	width: 100%;
	height: auto;
}

.slider-pro a {
	display: block;
}

.sp-horizontal .sp-next-arrow {
	right: 3%;
}

.sp-horizontal .sp-previous-arrow {
	left: 3%;
}

.sp-previous-arrow::before {
	left: 0;
	top: 0;
	transform: none;
	background:  url(../images/arrow_left.svg) center center no-repeat rgba(0, 0, 0, 0.5);
}

.sp-previous-arrow::after {
	display: none;
}

.sp-next-arrow::before {
	right: 0;
	top: 0;
	transform: none;
	background:  url(../images/arrow_right.svg) center center no-repeat rgba(0, 0, 0, 0.5);
}

.sp-next-arrow::after {
	display: none;
}

.sp-arrow {
	width: 30px;
	height: 30px;
}

.sp-previous-arrow::before, .sp-next-arrow::before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
}

#bnr {
	padding: 0 2% 40px;
}

#bnr ul {
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
}

#bnr ul li {
	width: 49%;
}

#bnr ul li img {
	width: 100%;
	height: auto;
}


/*バナーエリア追加*/
#bnrArea {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 30px;
}

#bnrArea li {
	padding-bottom: 10px;
}

#bnrArea li img {
	width: 100%;
	height: auto;
}

#bnrArea li a {
	transition: all 0.3s ease-in-out 0s;
}

#bnrArea li a:hover {
	opacity: 0.7;
}