@charset "utf-8";

@import "base.less";
@import "../js/fotorama/fotorama.css";
@import "../js/slick/slick.css";

@import "ancient_base.less";
@import "base_lower.less";

// SP header height
body {
  @media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
    margin-top: 160px;
  }
}

/**********************
// 大学紹介
*/
main#info {
	article {
	}
}

.info-lower{
	background-color: @beige;

	.ancient__h2{
		&::after{
			background-color: @white !important;
		}
	}

	.l-info{
		background-color: @white;
		padding: 40px 20px;
		@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
			padding: 20px 10px;
		}
	}
}


/* message
============================================================ */
.l-message{
	@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
		figcaption{
			b{
				font-size: 14px;
			}
		}

		.hbg-txt{
			line-height: 1.75;
			text-align: justify;
		}
	}
}


/* foundation
============================================================ */
.l-foundation{
	.hbg-tab{
		@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
			.hbg-list-data__list__title,
			.hbg-list-data__list__content{
				font-size: 14px;
			}
		}
	}
}


/* policy
============================================================ */
.l-policy{
	@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
		.hbg-link-list__list__link{
			span{
				font-size: 15px;
			}
		}
	}
}


/* policy lower
============================================================ */
.l-policy-lower{
	.hbg-ttl-lv1{
		span{
			font-size: 33px;
			line-height: 1.5;
			@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
				font-size: 22px;
			}
		}
	}

	.list-indent--table{
		padding-left: 2em;
		text-indent: -2em;
	}
}


/* policy lower unique color
============================================================ */
.l-sports{
	.hbg-ttl-lv1{
		color: @univ_color_sports;
	}
	.hbg-ttl-lv2{
		&::before{
			background: @univ_color_sports;
		}
	}
}

.l-nurse{
	.hbg-ttl-lv1{
		color: @univ_color_nurse;
	}
	.hbg-ttl-lv2{
		&::before{
			background: @univ_color_nurse;
		}
	}
}

.l-child{
	.hbg-ttl-lv1{
		color: @univ_color_child;
	}
	.hbg-ttl-lv2{
		&::before{
			background: @univ_color_child;
		}
	}
}

.l-music{
	.hbg-ttl-lv1{
		color: @univ_color_music;
	}
	.hbg-ttl-lv2{
		&::before{
			background: @univ_color_music;
		}
	}
}

.l-community{
	.hbg-ttl-lv1{
		color: @junior_univ_color_community;
	}
	.hbg-ttl-lv2{
		&::before{
			background: @junior_univ_color_community;
		}
	}
	.hbg-tab__select-list__link--active{
		background: @junior_univ_color_community !important;
	}
	.hbg-tab__select-list__link:hover{
		background: @junior_univ_color_community !important;
	}
}

.l-shoku{
	.hbg-ttl-lv1{
		color: @junior_univ_color_shoku;
	}
	.hbg-ttl-lv2{
		&::before{
			background: @junior_univ_color_shoku;
		}
	}
	.hbg-tab__select-list__link--active{
		background: @junior_univ_color_shoku !important;
	}
	.hbg-tab__select-list__link:hover{
		background: @junior_univ_color_shoku !important;
	}
}

.l-hoiku{
	.hbg-ttl-lv1{
		color: @junior_univ_color_hoiku;
	}
	.hbg-ttl-lv2{
		&::before{
			background: @junior_univ_color_hoiku;
		}
	}
	.hbg-tab__select-list__link--active{
		background: @junior_univ_color_hoiku !important;
	}
	.hbg-tab__select-list__link:hover{
		background: @junior_univ_color_hoiku !important;
	}
}

.l-daigakuin{
	.hbg-ttl-lv1{
		color: @univ_color_daigakuin_common;
	}
	.hbg-ttl-lv2{
		&::before{
			background: @univ_color_daigakuin_common;
		}
	}
	.hbg-tab__select-list__link--active{
		background: @univ_color_daigakuin_common !important;
	}
	.hbg-tab__select-list__link:hover{
		background: @univ_color_daigakuin_common !important;
	}
}

.l-daigakuin_nurse{
	.hbg-ttl-lv1{
		color: @univ_color_daigakuin_nurse;
	}
	.hbg-ttl-lv2{
		&::before{
			background: @univ_color_daigakuin_nurse;
		}
	}
	.hbg-tab__select-list__link--active{
		background: @univ_color_daigakuin_nurse !important;
	}
	.hbg-tab__select-list__link:hover{
		background: @univ_color_daigakuin_nurse !important;
	}
}

.l-daigakuin_child{
	.hbg-ttl-lv1{
		color: @univ_color_daigakuin_child;
	}
	.hbg-ttl-lv2{
		&::before{
			background: @univ_color_daigakuin_child;
		}
	}
	.hbg-tab__select-list__link--active{
		background: @univ_color_daigakuin_child !important;
	}
	.hbg-tab__select-list__link:hover{
		background: @univ_color_daigakuin_child !important;
	}
}

.l-daigakuin_kenkou{
	.hbg-ttl-lv1{
		color: @univ_color_daigakuin_kenkou;
	}
	.hbg-ttl-lv2{
		&::before{
			background: @univ_color_daigakuin_kenkou;
		}
	}
	.hbg-tab__select-list__link--active{
		background: @univ_color_daigakuin_kenkou !important;
	}
	.hbg-tab__select-list__link:hover{
		background: @univ_color_daigakuin_kenkou !important;
	}
}


/* school_rules
============================================================ */
.l-school_rules{
	background-color: @beige !important;

	.pdflist{
		background-color: @white !important;
	}
}


/* library
============================================================ */
.l-library{
	/* library-kv
	============================================================ */

	.library-kv {
		margin: 60px 0;

		.hbg-wrap {
			position: relative;
		}

		h1 {
			position: absolute;
			top: 50%;
			margin-top: -55px;
			width: 100%;
			text-align: center;
		}

		.library-kv__bg{
			display: block;
			width: 100%;
			max-width: 960px;
			margin: auto;
			@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
				max-width: 100%;
			}
		}
	}

	@media all and (max-width: 1099px) {
		.library-kv {
			margin: 0 0 30px;
		}
	}

	@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
		.library-kv h1 {
			margin-top: -28px;

			img {
				width: 215px;
			}
		}
	}

	/* library-search
	============================================================ */

	.library-search {
		padding: 40px 0;

		.hbg-wrap{
			box-sizing: border-box;
			width: 100%;
			max-width: 960px;
			margin: auto;
			@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
				max-width: 100%;
			}
		}

		h2 {
			color: #fff;
		}

		li {
			width: 49.5%;
			margin-right: 1%;

			&:last-child {
				margin-right: 0;
			}

			a {
				display: block;
				background: #fff url(../images/info/library/icon-pc.png) no-repeat 30px center;
				font-size: 18px;
				font-size: 1.8rem;
				font-weight: bold;
				text-decoration: none;
				white-space: nowrap;
				padding: 50px 50px 50px 130px;
				position: relative;
			}

			&:last-child a {
				padding-left: 100px;
				background: #fff url(../images/info/library/icon-sp.png) no-repeat 40px center;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}

			a {
				&:hover {
					background-color: #f5f5f5;
				}

				&::before {
					content: "";
					width: 15px;
					height: 15px;
					position: absolute;
					right: 15px;
					top: 50%;
					margin-top: -8px;
					border-radius: 50%;
					background: rgba(45, 78, 123, 1) url(../images/common/ancient/icon-arrow.png) no-repeat center center;
					background-size: 11px auto;
					-webkit-transition: all 0.3s ease;
					transition: all 0.3s ease;
				}

				&:hover::before {
					right: 10px;
				}
			}
		}

		.hbg-link-button {
			color: #fff;
			border-color: #fff;

			&::before {
				border-color: #fff;
			}

			&:hover {
				color: rgba(45, 78, 123, 1);

				&::after {
					background-color: #fff;
				}
			}
		}
	}

	@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
		.library-search {
			padding: 20px 0;

			li {
				width: 100%;
				margin-right: 0;

				&:last-child {
					margin-top: 10px;
				}

				a {
					background-position: 15px center;
					background-size: 43px;
					font-size: 13px;
					font-size: 1.3rem;
					padding: 25px 25px 25px 75px;
					span{
						font-size: 13px;
					}
				}

				&:last-child a {
					padding-left: 50px;
					background-size: 14px;
					background-position: 20px center;
				}

				a::before {
					width: 10px;
					height: 10px;
					margin-top: -5px;
					background-size: 6px auto;
				}
			}
		}
	}

	/* library-info
	============================================================ */

	.library-info ul {
		display: table;
		width: 100%;

		li {
			display: table-cell;
			width: 50%;
			text-align: center;
			border: 3px solid rgba(45, 78, 123, 1);
			vertical-align: middle;

			&:last-child {
				border-left: none;
			}

			a {
				display: block;
				padding: 25px;
				font-size: 18px;
				font-size: 1.8rem;
				font-weight: bold;
				text-decoration: none;
				-webkit-transition: all 0.2s ease;
				transition: all 0.2s ease;

				&:hover {
					opacity: .8;
				}
			}
		}
	}

	@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
		.library-info ul li a {
			padding: 10px;
			font-size: 13px;
			/* font-size: 1.3rem; */
			span{
				font-size: 13px;
			}
		}
	}

	/* library-campus
	============================================================ */

	.library-campus {
		li {
			margin-bottom: -5px;
		}

		.hgb-layout-float {
			margin-bottom: 30px;

			&:last-child {
				margin-bottom: 0;
			}
		}
	}

	@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
		.library-campus .hgb-layout-float {
			margin-bottom: 0;

			section {
				margin-bottom: 15px;

				&:last-child {
					margin-bottom: 0;
				}
			}
		}
	}

	/* library-nav
	============================================================ */

	.library-nav ul {
		display: table;
		width: 100%;

		li {
			display: table-cell;
			width: 33%;
			text-align: center;
			border: 3px solid rgba(45, 78, 123, 1);
			border-right: none;
			vertical-align: middle;

			&:last-child {
				border-right: 3px solid rgba(45, 78, 123, 1);
			}

			a {
				display: block;
				padding: 25px;
				font-size: 18px;
				font-size: 1.8rem;
				font-weight: bold;
				text-decoration: none;
				-webkit-transition: all 0.2s ease;
				transition: all 0.2s ease;

				&:hover {
					opacity: .8;
				}
			}
		}
	}

	@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
		.library-nav ul li a {
			padding: 10px;
			font-size: 13px;
			/* font-size: 1.3rem; */
			span{
				font-size: 13px;
			}
		}
	}

	/* library-banner
	============================================================ */

	.library-banner {
		padding: 60px 0;
		.panel-layout{
			display: flex;
			flex-wrap: wrap;

			li {
				width: calc(~"(100% - 40px) / 5");
				margin-right: 10px;
				
				a{
					display: block;
				}
	
				&.twin {
					width: calc(~"((100% - 40px) / 5) * 2");
				}
	
				&:nth-child(5n) {
					margin-right: 0;
				}
	
				&.reset {
					margin-right: 10px;
				}

				img{
					width: 100%;
				}
			}
		}
	}

	@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
		.library-banner {
			padding: 30px 0;

			.panel-layout{
				li {
					width: calc(~"(100% - 20px) / 3");
	
					&.twin {
						width: calc(~"((100% - 20px) / 3) * 2");
					}

					&.sp-size{
						margin-right: 10px !important;
					}

					&.reset{
						margin-right: 0 !important;
					}

					&.sp-last{
						margin-right: 0 !important;
					}
	
					&:nth-child(3n) {
						margin-right: 0;
					}

					&:nth-child(5n) {
						margin-right: 10px;
					}
				}
			}
		}
	}
}


/* question result
============================================================ */
.l-question_result{
	.l-sec__list{
		width: 100%;
		margin-bottom: 10px;
		padding: 25px 50px;
		background-color: @white;
		&:last-of-type{
			margin-bottom: 0;
		}
		@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
			padding: 20px;
		}

		// title
		.list__title__h3{
			display: block;
			font-size: 18px;
			font-weight: 500;
			border-bottom: 2px solid @blue;
		}

		.list__title__h4{
			font-size: 16px;
			font-weight: 500;
			&::before{
				display: inline-block;
				content: "■";
				margin-right: .5em;
				font-size: 16px;
				color: @blue;
			}
		}

		// list content
		.l-link__list__wrapper{
			display: flex;
			@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
				flex-direction: column;
			}
			.l-link__list{
				width: calc(~"(100% - 100px ) / 3");
				margin-right: 50px;
				&:last-of-type{
					margin-right: 0;
				}
				@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
					width: 100%;
					margin-right: 0;
				}
			}
		}

		.ul-disc{
			display: block;
			width: 100%;
			padding-left: 0;
			.li-disc{
				display: block;
				width: 100%;
				.li-link{
					display: flex;
					align-items: center;
					width: 100%;
					margin-bottom: 1em;
					padding-bottom: .2em;
					border-bottom: 1px solid rgba(35,24,21,.3);
					font-size: 14px;
					font-weight: 500;
					text-decoration: none;
					opacity: 1;
					transition: opacity 0.4s ease-in-out;
					&:hover{
						opacity: .7;
					}
					&::before{
						display: inline-block;
						content: ">";
						margin-right: .5em;
						font-size: 14px;
						color: @blue;
					}
					&::after{
						display: inline-block;
						content: "";
						margin-right: 0;
						margin-left: auto;
						width: 12px;
						height: 15px;
						background-image: url(../images/common/icon_pdf.svg);
						background-repeat: no-repeat;
						background-size: contain;
					}
				}
			}
		}
	}
}


/* information discolosure
============================================================ */
.l-information_discolosure{
	.l-sec__list{
		width: 100%;
		margin-bottom: 10px;
		padding: 25px 50px;
		background-color: @white;
		&:last-of-type{
			margin-bottom: 0;
		}
		@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
			padding: 20px;
		}

		// title
		.list__title__h3{
			display: block;
			padding-bottom: .4em;
			padding-left: 1em;
			text-indent: -1em;
			border-bottom: 2px solid @blue;
			font-size: 18px;
			font-weight: 500;
			line-height: 1.4;
		}

		.list__title__h4{
			font-size: 16px;
			font-weight: 500;
			&::before{
				display: inline-block;
				content: "■";
				margin-right: .5em;
				font-size: 16px;
				color: @blue;
			}
		}

		// list content
		.l-link__list__wrapper{
			display: flex;
			@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
				flex-direction: column;
			}
			.l-link__list{
				width: calc(~"(100% - 100px ) / 3");
				margin-right: 50px;
				&:last-of-type{
					margin-right: 0;
				}
				@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
					width: 100%;
					margin-right: 0;
				}

				&.l-link__list--1col{
					display: block;
					width: 100%;
					.ul-disc{
						display: flex;
						flex-wrap: wrap;
						@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
							flex-direction: column;
						}
						.li-disc{
							width: calc(~"(100% - 100px) / 3");
							margin-right: 50px;
							@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
								width: 100%;
								margin-right: 0;
							}
							&:nth-of-type(3n){
								margin-right: 0;
							}
						}
					}
				}
			}
		}

		.ul-disc{
			display: block;
			width: 100%;
			padding-left: 0;
			.li-disc{
				display: block;
				width: 100%;
				.li-link{
					display: block;
					align-items: center;
					width: 100%;
					margin-bottom: 1em;
					padding-bottom: .2em;
					border-bottom: 1px solid rgba(35,24,21,.3);
					font-size: 14px;
					font-weight: 500;
					text-decoration: none;
					opacity: 1;
					transition: opacity 0.4s ease-in-out;
					position: relative;
					&:hover{
						opacity: .7;
					}
					&::before{
						display: inline-block;
						content: ">";
						margin-right: .5em;
						font-size: 14px;
						color: @blue;
					}
				}
				.li-pdf{
					&::after{
						display: inline-block;
						content: "";
						margin-right: 0;
						margin-left: auto;
						width: 12px;
						height: 15px;
						background-image: url(../images/common/icon_pdf.svg);
						background-repeat: no-repeat;
						background-size: contain;
						position: absolute;
						top: 50%;
						right: 0;
						transform: translateY(-50%);
					}
				}
			}
			.li-none{
				display: block;
				height: 75px;
				@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
					display: none;
				}
			}
		}
	}
}


/* naming rights
============================================================ */
.l-naming_rights{
	background-color: rgba(245,243,242, 0);

	.l-desc{
		width:100vw; 
		position: relative;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
		background-color: @beige;
		&__inner{
			max-width: 1200px;
			width: 90%;
			margin: auto;
			padding: 20px 10px;
			@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
				max-width: 100%;
			}

			.desc__text{
				font-weight: bold;
			}

			.l-img{
				width: 100%;
				&::before {
					padding-top: percentage(487.2024/950.2643);
				}
			}

			.desc__caption{
				display: block;
				text-align: right;
				@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
					font-size: 13px;
				}
			}
		}
	}

	.l-naming_rights__link{
		letter-spacing: -.02em;
		.naming_rights__link{
			margin-left: .5em;
			text-decoration: none;
			padding-bottom: .2em;
			border-bottom: 1px solid rgba(35,24,21,.4);
			letter-spacing: -.02em;
		}
	}
}


/* donate request
============================================================ */
.l-donate_request{
	background-color: rgba(245,243,242, 0);

	.l-sec__greeting{
		.greeting__text{
			margin-bottom: 1em;
		}

		.l-greeting__name{
			display: block;
			text-align: right;
			&__inner{
				display: inline-block;
			}
			.l-greeting{
				display: flex;
				@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
					flex-direction: column;
				}
				.greeting__facility{
					width: 14em;
					margin-right: 2em;
					text-align: left;
					@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
						width: auto;
						margin-right: 0;
					}
				}
			}
		}
	}

	.l-sec__descripion{
		.l-description__cont{
			.description__dl{
				display: flex;
				align-items: center;
				border-top: 1px solid rgba(35,24,21,.4);
				@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
					flex-direction: column;
				}
				&:nth-of-type(odd){
					background-color: @beige;
					@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
						background-color: rgba(245,243,242, 0);
					}
				}
				&:last-of-type{
					border-bottom: 1px solid rgba(35,24,21,.4);
				}
			}
			.description__dt{
				width: 200px;
				padding: 20px 0;
				text-align: center;
				font-weight: 500;
				@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
					width: 100%;
					padding: 10px 0;
					background-color: @beige;
				}
			}
			.description__dd{
				width: calc(~"100% - 200px");
				padding: 20px 40px;
				border-left: 1px solid rgba(35,24,21,.4);
				font-weight: 500;
				@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
					width: 100%;
					padding: 10px 0;
					border-left: none;
					margin-bottom: 20px;
				}
			}
		}
	}

	.l-sec__tax{
		.tax__title--h4{
			&::before{
				display: inline-block;
				content: "■";
				margin-right: .2em;
				font-size: 15px;
				color: @blue;
			}
		}

		.tax__text{
			.bold{
				font-weight: bold;
			}
		}

		.l-tax__img{
			padding: 40px 0;
			background-color: @beige;
			@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
				padding: 20px 0;
			}
			.l-img{
				width: 90%;
				margin: auto;
				&::before {
					padding-top: percentage(231.8389/894.1098);
				}
				img{
					object-fit: contain;
					font-family: 'object-fit: contain;';
				}
			}
		}
	}

	.l-sec__contact{
		.l-contact__cont{
			.contact__dl{
				display: flex;
				align-items: center;
				border-top: 1px solid rgba(35,24,21,.4);
				@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
					flex-direction: column;
				}
				&:nth-of-type(odd){
					background-color: @beige;
					@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
						background-color: rgba(245,243,242, 0);
					}
				}
				&:last-of-type{
					border-bottom: 1px solid rgba(35,24,21,.4);
				}
			}
			.contact__dt{
				width: 400px;
				padding: 20px 0;
				text-align: center;
				font-weight: 500;
				@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
					width: 100%;
					padding: 10px 0;
					background-color: @beige;
				}
			}
			.contact__dd{
				width: calc(~"100% - 400px");
				padding: 20px 40px;
				border-left: 1px solid rgba(35,24,21,.4);
				font-weight: 500;
				@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
					width: 100%;
					padding: 10px 0;
					border-left: none;
					margin-bottom: 20px;
				}
			}
		}
	}
}


/* recruit
============================================================ */
.l-recruit{
	.lower__h2-01{
		&::after{
			background-color: @white;
		}
	}

	&__news{
		background-color: @white;
		padding: 40px 0;
		@media all and (min-width: @layout-min-width) and (max-width: @layout-max-width) {
			padding: 20px 0;
		}

		h2{
			span{
				font-weight: bold;
			}
		}

		.newslist__link{
			&::before{
				display: inline-block;
				content: ">";
				font-size: 16px;
				transform: scale(0.6, 1);
				margin-right: .4em;
				transition: margin-right 0.4s ease-in-out;
			}
			&::after{
				display: none !important;
			}
			&:hover{
				&::before{
					margin-right: .2em;
				}
			}
		}
	}
}


/* verify_schedule
============================================================ */
.l-verify_schedule{
	background-color: rgba(245,243,242, 0);
}