@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
#005ABE
-----------------------------------------------*/

/* title */
#title {
height: 0;
margin: 30px 4% 0 0;
padding: 20% 0 25% 0;
background-image: url("../img/baseball/image.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0 30px 30px 0;
}
#title .text {
max-width: 25vw;
margin: auto;
}
#title h1 {
font-family: "Shippori Mincho B1", serif;
font-size: 4vw;
font-weight: 400;
line-height: 1.25;
text-align: center;
letter-spacing: 0.1em;
color: #FFF;
}
#title .en {
margin-top: 0.5em;
padding-top: 0.5em;
font-family: "Shippori Mincho B1", serif;
font-size: 2vw;
text-align: center;
color: #FFF;
border-top: 1px solid #FFF;
}
@media screen and (max-width: 1199px) {
	#title {
	margin: 0;
	border-radius: 0;
	}
}
@media screen and (max-width: 799px) {
	#title {
	padding: 20% 0 27.5% 0;
	}
	#title .text {
	max-width: 35vw;
	}
	#title h1 {
	font-size: 6vw;
	}
	#title .en {
	font-size: 1.5vw;
	}
}

/* lead */
#lead {
padding: 60px 4%;
}
#lead .inner {
max-width: 1000px;
margin: auto;
}
#lead .text {
margin-top: 2em;
line-height: 2.5;
text-align: center;
}
#lead .photo {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 2em;
}
#lead .photo li {
width: 32%;
}
@media screen and (max-width: 799px) {
	#lead {
	padding: 8% 4%;
	}
	#lead .text {
	margin-top: 4%;
	line-height: 1.75;
	text-align: justify;
	}
	#lead .text br {
	display: none;
	}
	#lead .photo {
	margin-top: 4%;
	}
	#lead .photo li {
	width: 33.333%;
	}
}

/* profile */
#profile {
padding: 60px 4%;
}
#profile .inner {
max-width: 1000px;
margin: auto;
}
@media screen and (max-width: 799px) {
	#profile {
	padding: 8% 4%;
	}
}

/* history */
#history {
padding: 60px 4%;
}
#history .inner {
max-width: 1000px;
margin: auto;
}
@media screen and (max-width: 799px) {
}

/* topics */
#topics {
min-height: 600px;
padding: 60px 4%;
background-image: url("../img/common/logomark_harf_left.png");
background-position: right bottom;
background-repeat: no-repeat;
background-size: 60%;
}
#topics .inner {
max-width: 800px;
margin: auto;
}
#topics h2 {
font-size: 1.1em;
font-weight: 500;
}
#topics .list dl {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1em 0;
border-bottom: 1px solid #000;
}
#topics .list dt {
width: calc(100% - 8em);
font-weight: 400;
}
#topics .list dd {
width: 8em;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
color: #005AC0;
}
#topics .list a:hover dt {
text-decoration: underline;
}
@media screen and (max-width: 799px) {
	#topics {
	min-height: 0;
	padding: 8% 4%;
	background-image: none;
	}
	#topics h2 {
	padding: 0.5em;
	text-align: center;
	background: #F5F5F5;
	}
	#topics .list dl {
	display: block;
	padding: 4% 0;
	}
	#topics .list dt {
	width: 100%;
	}
	#topics .list dd {
	width: 100%;
	font-size: 1em;
	}
}