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

/*-----------------------------------------------
#19BEBE
-----------------------------------------------*/

/*-----------------------------------------------
  about
-----------------------------------------------*/
#about {
padding: 30px 4% 60px 4%;
}
#about .title {
padding-bottom: 10px;
font-size: 2em;
text-align: center;
border-bottom: 1px solid #C8C8C8;
}
#about .title small {
font-size: 0.65em;
}
#about .inner {
max-width: 1080px;
margin: auto;
}
#about h3 {
display: flex;
justify-content: center;
align-items: center;
margin-top: 60px;
font-size: 1.25em;
text-align: center;
}
#about h3 .blue {
margin-left: 1em;
font-size: 0.65em;
color: #19BEBE;
}
#about .text {
margin-top: 30px;
line-height: 1.75;
text-align: justify;
}
@media screen and (max-width: 799px) {
	#about {
	padding: 4% 4% 8% 4%;
	}
	#about .title {
	font-size: 1.5em;
	}
	#about .title small {
	display: block;
	}
	#about .inner {
	max-width: 1080px;
	margin: auto;
	}
	#about h3 {
	margin-top: 8%;
	font-size: 1.25em;
	}
	#about h3:not(:first-child) {
	margin-top: 12%;
	}
	#about .text {
	margin-top: 2.5%;
	line-height: 1.5;
	}
}

/* history */
#about .history {
width: 100%;
margin-top: 20px;
}
#about .history th {
padding: 0.5em 0;
font-weight: 400;
vertical-align: top;
}
#about .history th.year {
width: 4.5em;
text-align: left;
}
#about .history th.month {
width: 2.5em;
text-align: right;
}
#about .history td {
padding: 0.5em 0 0.5em 2em;
text-align: justify;
vertical-align: top;
}
#about .history .blue th,
#about .history .blue td {
color: #19BEBE;
}
@media screen and (max-width: 799px) {
	#about .history {
	margin-top: 2%;
	}
	#about .history td {
	padding-left: 1em;
	}
}

/* rinen */
#about .rinen {
margin-top: 15px;
font-size: 1.75em;
font-weight: 400;
text-align: center;
color: #19BEBE;
}
@media screen and (max-width: 799px) {
	#about .rinen {
	margin-top: 2%;
	font-size: 1.25em;
	}
}

/* message */
#about .message dt {
margin-top: 15px;
font-size: 1.75em;
font-weight: 400;
text-align: center;
color: #19BEBE;
}
#about .message .text {
margin-top: 15px;
}
#about .message .sign {
margin-top: 20px;
font-size: 0.8em;
text-align: right;
}
#about .message .sign strong {
font-size: 1.5em;
font-weight: 400;
}
@media screen and (max-width: 799px) {
	#about .message dt {
	margin-top: 2%;
	font-size: 1.25em;
	}
	#about .message .text {
	margin-top: 2%;
	}
	#about .message .sign {
	margin-top: 4%;
	font-size: 0.875em;
	text-align: center;
	}
}

/* pic */
#about .pic {
width: 100%;
max-width: 700px;
margin: auto;
margin-top: 30px;
}
@media screen and (max-width: 799px) {
	#about .pic {
	margin-top: 6%;
	}
}