@charset "utf-8";

/* --------------------------------------------

会社概要

---------------------------------------------- */
.titleType-A span {
	margin: -1.9em auto 0;
	font-size: 2.5em;
	color: rgba(0, 150, 174, 0.60);
}

/* --------------------------------------------

経営理念

---------------------------------------------- */
.rinen {
	position: relative;
	width: 92%;
	height: 80rem;
	margin: 7.5rem auto 10rem;
	background-image: url(../img/pageTitleImage.jpg);
	background-size: contain;
	-webkit-background-size: contain;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.rinen h1 {
	width: 100%;
	margin: auto;
	font-size: 2px;
	font-size: 2rem;
	text-align: center;
}

.rinen .titleType-A {}

.rinen h1 p {
	padding-bottom: 1.8em;
}

.rinen h1 br {}

.rinen img {
	max-width: 70%;
	margin: auto;
}


/*--- Responsive ---*/
@media screen and (max-width:1024px) {
	.rinen {
		height: 60vh;
		background-size: 140% auto;
		-webkit-background-size: 140% auto;
		background-position: bottom left;
		background-repeat: no-repeat;
		background-attachment: inherit;
	}

	.rinen h1 br {
		display: none;
	}

	.rinen h1 br {
		display: none;
	}

	.rinen img {
		max-width: 90%;
	}

}

@media screen and (max-width:768px) {
	.rinen {
		height: 75vh;
	}
.rinen img {
	max-width: 70%;
}
}




/* --------------------------------------------

社是

---------------------------------------------- */
.motto {
	padding-bottom: 20rem;
	text-align: center;
}

.motto .titleType-A {}

.motto span {}

.motto img {
	max-width: 90%;
}



/*--- Responsive ---*/
@media screen and (max-width:768px) {}









/* --------------------------------------------
メッセージ

---------------------------------------------- */
.message {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto 16rem;
	padding: 0 7%;
}

.message__photo {
	/* width: 50%; */
	width: 30%;
}

.message__photo img {
	display: block;
	width: 100%;
	/* margin-left: auto; */
	/* width: 80%; */
}

.message__text {
	width: 50%;
	padding: 0 5% 3em;
	margin-top: 7em;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

.message__text .titleType-A {
	margin: -3.0em 0 2em -0em;
	text-align: left;
}

.message__text .titleType-A span {
	margin: -2.2em 0 0 -0.2em;

}

.message__text p {
	padding: 0.5em 0 1em;
}

.message__text p:last-of-type {
	text-align: right;
}



/*--- Responsive ---*/
@media screen and (max-width:1100px) {
	.message__photo {
		width: 70%;
		max-width: 460px;
		margin: 0 auto 2em;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
	}

	.message__text {
		position: relative;
		width: 100%;
		padding: 0 10% 3em;
		margin-top: 0em;
		background: #fff;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
	}
}










/* --------------------------------------------

会社概要

---------------------------------------------- */
.outline {
	margin-bottom: 14rem;
	padding: 0 10%;
}

.outline h2 {
	margin: 0 0 3em -1em;
}

.outline h2 span {
	padding-left: 1em;
	font-size: 2px;
	font-size: 2rem;
	font-size: 0.8em;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	color: #0096AE;
}

.outline h2::before {
	content: "";
	width: 4em;
	max-width: 5vw;
	margin-right: 1em;
	display: inline-block;
	vertical-align: middle;
	border-bottom: 2px solid #0096AE;
}

.outline table {
	width: 100%;
	max-width: 800px;
	margin: auto;
}

.outline tbody {}

.outline tr {}

.outline th,
.outline td {
	padding: 1.2em 1em;
	word-break: break-all;
	border-bottom: 1px solid #dcdcdc;
}

.outline th {
	width: 8em;
}

.outline td {}

.outline td iframe {
	width: 100%;
	max-height: 350px;
	height: 50vh;
	border: none;
}

.outline td a {
	display: inline-block;
	vertical-align: middle;
	padding: 0.5em 1.5em;
	font-size: 0.70em;
	color: #939393;
	border: 1px solid #939393;
	transition: 0.3s;
}

.outline td a:hover {
	background: #fff;
	border: 1px solid #cecece;
}

.outline td.certification {
	display: flex;
}

.outline td.certification figure {
	width: calc(50% - 3em);
	max-width: 220px;
	margin: 0 3em 0 0;
}

.outline td.certification img {
	width: 100%;
	margin-bottom: 0.5em;
}

.outline td.certification figcaption {
	text-align: center;
}

.outline td.qualification {
	display: flex;
}

.outline td.qualification ul {
	width: 45%;
}

.outline td.qualification ul:first-child {
	margin-right: 5%;
}

.outline td.qualification li {
	text-indent: -1em;
	padding-left: 1em;
}


/*--- Responsive ---*/
@media screen and (max-width:768px) {
	.outline td.certification {
		display: block;
	}

	.outline td.certification figure {
		width: 50%;
		margin: 0 auto;
	}

	.outline td.certification figure:first-child {
		margin-bottom: 2em;
	}

	.outline td.certification img {
		width: 100%;
	}

	.outline td.qualification {
		display: block;
	}

	.outline td.qualification ul {
		width: 100%;
	}
}

@media screen and (max-width:640px) {

	.outline th,
	.outline td {
		display: block;
	}

	.outline th {
		border-bottom: none;
		padding-bottom: 0;
	}

	.outline td {
		padding-top: 0.5em;
	}
}






/* --------------------------------------------

沿革

---------------------------------------------- */
.history {
	margin-bottom: 14rem;
	padding: 0 10%;
}

.history h2 {
	margin: 0 0 3em -1em;
}

.history h2 span {
	padding-left: 1em;
	font-size: 2px;
	font-size: 2rem;
	font-size: 0.8em;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	color: #0096AE;
}

.history h2::before {
	content: "";
	width: 4em;
	margin-right: 1em;
	display: inline-block;
	vertical-align: middle;
	border-bottom: 2px solid #0096AE;
}

.history dl {
	width: 100%;
	max-width: 800px;
	margin: auto;
}

.history dt {
	padding: 1.5em 1em 0.6em;
	font-weight: bold;
}

.history dd {
	padding: 0em 1em 1.5em 2em;
	border-bottom: 1px solid #dcdcdc;
	word-break: break-all;
}



/*--- Responsive ---*/
@media screen and (max-width:768px) {}