@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;
  }
}
//ブレイクポイントを指定------ここまで

//メインカラー指定
$color-g1: #6bc2b4;
$color-g2: #339999;

section {
	padding-bottom: 10rem;
	@include md {
		padding-bottom: 8rem;
	}
	@include xs {
		padding-bottom: 6rem;
	}
}

h3{
	font-size: 30px;
	font-size: 3rem;
	@include sm {
		font-size: 23px;
		font-size: 2.3rem;
	}
	@include xs {
		font-size: 20px;
		font-size: 2rem;
	}
}

.pdf-link {
	width: 100%;
}

//overview
#overview {
	table {
		th {
			width: 140px;
			padding: 1rem 0;
			@include xs {
				display: table-cell;
				width: 25%;
				padding: 0.5rem 0;
			}
		}
		td {
			padding: 1rem 1.5rem;
			@include xs {
				display: table-cell;
				padding: 1rem;
			}
		}
	}
}

//history
#history {
	dl {
		dt {
			font-size: 20px;
			font-size: 2rem;
			margin-bottom: 1rem;
			@include xs {
				font-size: 18px;
				font-size: 1.8rem;
			}
		}
	}
}

//regulations
#regulations {
	ul {
		display: flex;
		flex-wrap: wrap;
		width: 80%;
		li {
			margin-right: 1rem;
		}
	}
	.pdf-link {
		width: 315px;
	}
}

//status-report
#status-report {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 600;
	@include xs {
		font-size: 18px;
		font-size: 1.8rem;
	}
	a {
		font-size: 20px;
		font-size: 2rem;
		font-weight: 600;
		color: #ca464f;
		border-bottom: solid 1px #ca464f;
		@include xs {
			font-size: 18px;
			font-size: 1.8rem;
		}
		&::after {
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			content: "\f35d";
			margin-left: 1rem;
		}
		&:hover {
			color: $color-g2;
			border-bottom: solid 1px $color-g2;
		}
	}
}

//jigyou-syushi
#jigyou-syushi {
	h5 {
		font-size: 20px;
		font-size: 2rem;
		font-weight: 600;
		margin-bottom: 1rem;
		@include xs {
			font-size: 18px;
			font-size: 1.8rem;
		}
	}
	ul {
		display: flex;
		margin: 0 -0.5rem 3rem;
		&:last-of-type {
			margin-bottom: 0;
		}
		li {
			padding: 0 0.5rem;
		}
	}
}

//bid-results
#bid-results {
	h3 {
		font-size: 25px;
		font-size: 2.5rem;
		padding-right: 10rem;
		@include md {
			font-size: 23px;
			font-size: 2.3rem;
   			padding-right: 14rem;
		}
		@include sm {
			font-size: 20px;
			font-size: 2rem;
   			padding-right: 10rem;
		}
		@include xs {
			font-size: 18px;
			font-size: 1.8rem;
   			padding-right: 6rem;
		}
	}
	.pdf-link {
		width: 315px;
	}
}

//directors
#directors {
	img {
		width: 100%;
		margin-bottom: 0.5rem;
	}
	&>.row {
		margin: 0 -2rem;
		.directors-content {
			padding: 0 2rem;
			margin-bottom: 5rem;
			&:nth-of-type(3) {
				margin-bottom: 0;
			}
			&:nth-of-type(4) {
				margin-bottom: 0;
			}
			.row {
				margin: 0 -1rem;
				&>div {
					padding: 0 1rem;
				}
				p {
					text-align: justify;
				}
			}
		}
	}
}

//donate
#donate {
	img {
		width: 100%;
		@include sm {
			margin-bottom: 1rem;
		}
	}
}

//kouhou
#kouhou {
	ul {
		margin: 0 -0.5rem;
		li {
			padding: 0 0.5rem;
		}
	}
}

//pamphlet
#pamphlet {
	.pdf-link {
		width: 630px;
		@include md {
			width: 530px;
		}
		@include sm {
			width: 100%;
		}
	}
}

//application
#application {
	h5 {
		font-size: 20px;
		font-size: 2rem;
		font-weight: 600;
		margin-bottom: 2rem;
	}
	.pdf-link {
		width: 630px;
		@include md {
			width: 530px;
		}
		@include sm {
			width: 100%;
		}
	}
}

//competition
#competition {
	ul {
		display: flex;
		flex-wrap: wrap;
		width: 80%;
		li {
			margin-right: 1rem;
		}
	}
	.pdf-link {
		width: 315px;
	}

}