@charset "UTF-8";
/* CSS Document */
//ブレイクポイントを指定------ここから
$xl: 1399px;
$lg: 1199px;
$md: 991px;
$sm: 767px;
$xs: 575px;

@mixin xl {
  @media screen and (max-width: ($xl)) {
    @content;
  }
}
@mixin lg {
  @media screen and (max-width: ($lg)) {
    @content;
  }
}
@mixin md {
  @media screen and (max-width: ($md)) {
    @content;
  }
}
@mixin sm {
  @media screen and (max-width: ($sm)) {
    @content;
  }
}
@mixin xs {
  @media screen and (max-width: ($xs)) {
    @content;
  }
}
//ブレイクポイントを指定------ここまで

$base-color: #28BE69;
$font-color: #006449;

h2 {
	position: relative;
	font-size: 30px;
	font-size: 3rem;
	font-weight: 400;
	color: $font-color;
	text-align: left;
	padding-top: 2.5rem;
	margin-bottom: 4rem;
	@include xs {
		font-size: 26px;
		font-size: 2.6rem;
		margin-bottom: 2rem;
	}
	&::before {
		content: "";
		border-top: solid 2.8px $base-color;
		position: absolute;
		top: 0;
		width: 123px;
		@include xs {
			width: 100px;
		}
	}
}

//in-page
#in-page {
	margin-bottom: 8rem;
	@include xs {
		margin-bottom: 6rem;
	}
	ul {
		display: flex;
		justify-content: flex-end;
		margin-bottom: 0;
		@include lg {
			flex-wrap: wrap;
		}
		li {
			margin-left: 1em;
			letter-spacing: 0.1em;
			@include xs {
				width: 100%;
				margin-left: 2em;
			}
			span {
				color: $font-color;
			}
			a {
				color: #333;
				&:hover {
					color: $font-color;
				}
			}
		}
	}
}

.pdf-link{
	display: inline-block;
	border: 1px solid #80272d;
	background-color: #fff;
	color: #80272d;
	font-size: 2rem;
	font-size: 20px;
    padding: 2rem 2rem 2rem 4.5rem;
    width: 50%;
    text-indent: -2.5rem;
	@include sm {
		width: 100%;
	}
	@include xs {
		font-size: 1.6rem;
		font-size: 16px;
		padding: 1rem 1rem 1rem 3.5rem;
		text-indent: -2rem;
	}
	&::before{
		font-family: "Font Awesome 5 Free";
	  	content: "\f1c1";
	  	font-weight: 900;
	  	padding-right: 0.5em;
	  	color: #80272d;
	}
	&:hover{
		background-color: #80272d;
		color: #fff;
	}
	&:hover::before{
		color: #fff;
	}
}
.indent{
	text-indent: -1em;
    padding-left: 1em!important;
	@include xs {
		text-indent: -1em;
		padding-left: 1em!important;
	}
}


//office
p.bidresult { background-color:#3baaff; }
p.bidad { background-color:#28be69; }
p.recruit { background-color:#e8527c; }
p.others { background-color:#ff9c00; }

#office{
	margin-bottom: 10rem;
	h2 {
		margin-bottom: 4rem;
	}
	.inner{
		position: relative;
		&::before{
			content: '';
			display: inline-block;
			width: 90px;
			height: 145px;
			background-image: url("../../img/footer-illust02.svg");
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center top;
			vertical-align: middle;
			position: absolute;
			right: 0;
			top: 0.5%;
			z-index: -1;
			@include md {
				top: 0;
			}
			@include xs {
				top: 0.5%;
				width: 80px;
				height: 130px;		
			}
		}
	}
	.info-container{
		height: 200px;
		overflow: scroll;
		border: 2px solid #beebd2;
		background-color: #e9f8f0;
		padding: 1rem 3rem;
		overflow-x: hidden;
		margin-bottom: 8rem;
		@include sm {
			padding: 1.5rem;
		}
		&::-webkit-scrollbar {
			width: 20px;
		}
		&::-webkit-scrollbar-track {
			margin-top: 5px;
			margin-bottom: 5px;
		}
		&::-webkit-scrollbar-thumb {
			background-color: $base-color;
			height: 60px;
			border-radius: 200px;
			border-right: 5px solid #e9f8f0;
			border-left: 5px solid #e9f8f0;
		}
		&::-webkit-scrollbar-corner{
			background-color: #e9f8f0;
		}
		a{
			display: flex;
			align-items: center;
			border-bottom:1px solid #aeaeae;
			padding: 1rem 0;
			dt{
				font-size: 1.6rem;
				font-size: 16px;
				color: #fff;
				margin: 0;
				text-align: center;
				p{
					padding: 0rem 0.5rem;
					width:80px;
					margin: 0;
				}
			}
			dd{
				color:#000000;
				@include xs {
					margin-bottom:0!important;
					padding-left: 1em;
				}
			}
		}
		dl:first-child{
			padding-top: 0;
		}
	}
	.pdf-link{
		width: 100%;
		margin-bottom: 1rem;
	}
	h3{
		font-size: 2rem;
		font-size: 20px;
		color: $font-color;
		margin-bottom: 1em;
		line-height: 0.5rem;
	}
	div:not(.row,.col-md-6){
		margin-bottom: 5rem;
	}
	table{
		width: 100%;
		tr{
			border-top: 1px solid #aeaeae;
			th{
				font-weight: 500;
				font-size: 1.8rem;
				font-size: 18px;
				padding: 1rem 2rem;
				color: $font-color;
				@include xs {
					font-size: 1.4rem;
					font-size: 14px;
					padding: 1rem;
				}
			}
			td{
				font-size: 1.8rem;
				font-size: 18px;
				padding: 1rem 2rem;
				@include xs {
					font-size: 1.4rem;
					font-size: 14px;
					padding: 1rem;
				}
			}
		}
		tr:first-child{
			border-top: 1.5px solid $font-color;
			border-bottom: 1.5px solid $font-color;
			background-color: #e9f8f0; 
			th:last-child{
				@include xs {
					width: 27%;
				}
			}
		}
		tr:last-child{
			border-bottom: 1.5px solid $font-color;
		}
	}
	table + ul{
		margin-top: 2rem;
		li{
			text-align: justify;
			&::before{
				content: '・';
			}
		}
	}
	dl{
		margin-bottom: 3rem;
		dt{
			font-size: 1.8rem;
			font-size: 18px;
			font-weight: 500;
			margin-bottom: 0.5em;
		}
		dd{
			margin-bottom: 0;
			padding-left: 2em;
			@include xs {
				margin-bottom: 2em;
				padding-left: 0;
			}
			a{
				color: $font-color;
				border-bottom: 1px solid $font-color;
				font-weight: 500;
				&:hover{
					color: #80272d;
					border-bottom: 1px solid #80272d;	
				}
			}
			h4{
				font-size: 1.8rem;
				font-size: 18px;
				text-indent: -1em;
				color: $font-color;
				@include xs {
					text-indent: 0;
				}
			}
			h4.list-p{
				font-weight: normal;
				text-indent: -1em;
				@include xs {
					text-indent: 0;
				}
				&::before{
					content: '●';
					padding-right: 0.5rem;
				}
			}
			ul{
				li{
					text-align: justify;
					&::before{
						content: '・';
					}
				}
			}
		}
	}
}



//alumni-association
#alumni-association{
	margin-bottom: 10rem;
	h2 {
		margin-bottom: 4rem;
	}
	.inner{
		position: relative;
		&::before{
			content: '';
			display: inline-block;
			width: 90px;
			height: 145px;
			background-image: url("../../img/footer-illust02.svg");
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center top;
			vertical-align: middle;
			position: absolute;
			right: 0;
			top: 1%;
			z-index: -1;
			@include md {
				top: 0;
			}
			@include xs {
				top: 0;
				width: 80px;
				height: 130px;		
			}
		}
	}
	h2 + div{
		height: 300px;
		overflow: scroll;
		border: 2px solid #beebd2;
		background-color: #e9f8f0;
		padding: 3rem;
		overflow-x: hidden;
		@include sm {
			padding: 1.5rem;
		}
		&::-webkit-scrollbar {
			width: 20px;
		}
		&::-webkit-scrollbar-track {
			margin-top: 5px;
			margin-bottom: 5px;
		}
		&::-webkit-scrollbar-thumb {
			background-color: $base-color;
			height: 60px;
			border-radius: 200px;
			border-right: 5px solid #e9f8f0;
			border-left: 5px solid #e9f8f0;
		}
		&::-webkit-scrollbar-corner{
			background-color: #e9f8f0;
		}
		dl{
			border-bottom:1px solid #aeaeae;
			padding: 2rem 0;
			dt{
				font-size: 1.8rem;
				font-size: 18px;
				margin-bottom: 1em;
			}
		}
		dl:first-child{
			padding-top: 0;
		}
	}
	h2 + div + div{
		margin: 7rem 0 3rem;
		@include xs {
			margin: 7rem 0 2rem;
		}
		img{
			width: 100%;
		}
		h3{
			font-size: 2rem;
			font-size: 20px;
			color: $font-color;
			margin-bottom: 1em;
			line-height: 3rem;
			@include xs {
				font-size: 1.8rem;
				font-size: 18px;
			}
		}
		h3 + p{
			text-align: justify;
		}
	}
}

	

//pta
#pta{
	margin-bottom: 10rem;
	h2 {
		margin-bottom: 6rem;
		@include xs {
			margin-bottom: 4rem;
		}
	}
	h2 + div{
		margin-bottom: 6rem;
	}
	h3{
		font-size: 2rem;
		font-size: 20px;
		color: $font-color;
		margin-bottom: 0.5em;
	}
	h2 + div h3{
		margin-bottom: 1em;
	}
	table{
		width: 100%;
		tr{
			border-top: 1px solid #aeaeae;
			th{
				font-weight: normal;
				font-size: 1.8rem;
				font-size: 18px;
				padding: 1rem 2rem;
				@include xs {
					font-size: 1.5rem;
					font-size: 15px;
					padding: 1rem 1rem;
				}
			}
			td{
				font-size: 1.8rem;
				font-size: 18px;
				@include xs {
					font-size: 1.5rem;
					font-size: 15px;
					padding: 1rem 1rem;
				}
			}
		}
		tr:first-child{
			border-top: 1.5px solid $font-color;
		}
		tr:last-child{
			border-bottom: 1.5px solid $font-color;
		}
	}
	table + p{
		margin-top: 1em;
	}
	dl{
		margin-top: 2rem;
		dt{
			font-size: 1.8rem;
			font-size: 18px;
			font-weight: 500;
			margin-bottom: 0.5em;
		}
		dd{
			margin-bottom: 0;
			padding-left: 2em;
			@include xs {
				padding-left: 0;
			}
		}
	}
}



//hometown
#hometown{
	margin-bottom: 10rem;
	h2 {
		margin-bottom: 4rem;
	}
	p{
		margin-bottom: 0;
		text-align: justify;
	}
	h2 + p + ul{
		li{
			a{
				color: $font-color;
				border-bottom: 1px solid $font-color;
				font-weight: 500;
				&:hover{
					color: #80272d;
					border-bottom: 1px solid #80272d;	
				}
			}
		}
	}
	div.example{
		p{
			font-size: 3rem;
			font-size: 30px;
			text-align: center;
			margin: 3em 0 1em;
			color: $font-color;
			@include sm {
				font-size: 2.5rem;
				font-size: 25px;
				margin: 2em 0 0.5em;
			}
			@include xs {
				font-size: 2.3rem;
				font-size: 23px;
			}
		}
		figure{
			@include sm {
				margin-bottom: 3rem;
			}
			figcaption{
				text-align: center;
				margin-top: 0.5em;
				@include xs {
					font-size: 1.4rem;
					font-size: 14px;
					line-height: 2rem;
				}
			}
		}
	}
	h3{
		font-size: 2rem;
		font-size: 20px;
		color: $font-color;
		margin-bottom: 0.5em;
	}
	h3 + dl{
		margin-bottom: 5rem;
		dt{
			font-size: 1.8rem;
			font-size: 18px;
			font-weight: 500;
			margin-bottom: 0.5em;
		}
	}
	.apply{
		dl{
			margin-bottom: 5rem;
			dt + dd{
				padding-left: 2em;
				@include xs {
					padding-left: 0;
				}
			}
			dd{
				a{
					color: $font-color;
					border-bottom: 1px solid $font-color;
					font-weight: 500;
					&:hover{
						color: #80272d;
						border-bottom: 1px solid #80272d;	
					}
				}
				ol{
					list-style: none;
					counter-reset: number;
					padding: 0;
					li{
						text-indent: -2em;
						padding-left: 2em;
						text-align: justify;
					}
					li::before {
						counter-increment: number;
						content: counter(number) '．';
						font-weight: bold;
					}
				}
			}
		}
	}
	div.pdf-list{
		margin-top: 4em;
		background: url("../../img/nav-bg.svg");
		background-repeat: repeat;
		background-size: 5%;
		padding: 2.5rem 3rem 1rem 3rem;
		@include xs {
			padding: 2.5rem 3rem 2rem 3rem;
		}
		h3{
			font-size: 2.5rem;
			font-size: 25px;
			font-weight: normal;
			margin-bottom: 1em;
			color: $font-color;
		}
		.pdf-link{
			width: 100%;
			margin-bottom: 1rem;
		}
		p{
			font-size: 1.4rem;
			font-size: 14px;
		}
	}
	div.link-list{
		margin-top: 1em;
		background: #eaebeb;
		padding: 2.5rem 3rem 2rem;
		h3{
			font-size: 2.5rem;
			font-size: 25px;
			font-weight: normal;
			margin-bottom: 0.5em;
			color: inherit;
		}
		ul{
			li{
				&::before{
					content: '・';
				}
				a{
					color: inherit;
					&:hover{
						color: $base-color;
					}
					&::after{
						font-family: "Font Awesome 5 Free";
						content: "\f35d";
						font-weight: 900;
						padding-right: 5px;
					}
				}
			}
		}
	}
}