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

/*-----------------------------------------------
#1496DC
-----------------------------------------------*/

/* message */
#about .message {
padding: 80px 4%;
}
#about .message .inner {
max-width: 1200px;
margin: auto;
}
#about .message .grid {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
#about .message .text {
width: 60%;
}
#about .message .text dt {
font-size: 1.75em;
font-weight: 700;
text-align: justify;
}
#about .message .text dd {
margin-top: 4%;
line-height: 2;
text-align: justify;
}
#about .message .text .sign {
font-weight: 700;
}
#about .message .text .sign strong {
font-size: 1.25em;
}
#about .message .photo {
width: 34%;
border-radius: 1em;
}
@media screen and (max-width: 767px) {
	#about .message {
	padding: 8% 4%;
	}
	#about .message .grid {
	display: block;
	}
	#about .message .text {
	width: 100%;
	}
	#about .message .text dt {
	font-size: 1.25em;
	}
	#about .message .text dd {
	line-height: 1.5;
	}
	#about .message .text .sign {
	font-size: 0.875em;
	}
	#about .message .text .sign strong {
	font-size: 1.25em;
	}
	#about .message .photo {
	display: block;
	width: 80%;
	max-width: 300px;
	margin: auto;
	margin-top: 6%;
	}
}

/* equipment */
#about .equipment {
padding: 80px 0;
background: #F3FAFD;
}
#about .equipment .photo {
width: 100%;
margin: auto;
}
#about .equipment .gallery {
width: 800px;
}
#about .equipment .slick-slide {
transform: scale(0.75);
transition: 0.3s;
opacity: 0.4;
}
#about .equipment .slick-slide.slick-center {
transform: scale(1);
opacity: 1;
}
@media screen and (max-width: 767px) {
	#about .equipment {
	padding: 8% 0;
	}
}

/* slick */
#about .slick-prev, 
#about .slick-next {
position: absolute;
top: calc(50% - 30px);
cursor: pointer;
outline: none;
border-top: 2px solid #666;
border-right: 2px solid #666;
height: 20px;
width: 20px;
}
#about .slick-prev {
left: calc(31.5% + 10px);
z-index: 100;
transform: rotate(-135deg);
}
#about .slick-next {
right: calc(31.5% + 10px);
z-index: 100;
transform: rotate(45deg);
}
#about .slick-dots {
text-align: center;
padding-top: 20px;
}
#about .slick-dots li {
display: inline-block;
margin: 0 5px;
}
#about .slick-dots button {
color: transparent;
outline: none;
width: 10px;
height: 10px;
display: block;
border-radius: 50%;
background: #CCC;
}
#about .slick-dots .slick-active button {
background: #1496DC;
}
@media screen and (max-width: 767px) {
	#about .slick-prev {
	left: 4%;
	}
	#about .slick-next {
	right: 4%;
	}
}


/* profile */
#about .profile {
padding: 80px 4%;
}
#about .profile .inner {
max-width: 1200px;
margin: auto;
}
#about .profile .outline {
width: 100%;
line-height: 1.75;
}
#about .profile .outline th {
width: 12em;
padding: 0.75em 1.5em;
font-weight: 400;
vertical-align: middle;
color: #FFF;
background: #1496DC;
}
#about .profile .outline td {
padding: 0.75em 1em 0.75em 2em;
background: #F3FAFD;
}
#about .profile .outline tr:nth-child(even) th {
background: #37A6E1;
}
#about .profile .outline tr:nth-child(even) td {
background: #E0F1FA;
}
#about .profile .map {
width: 100%;
height: 600px;
margin-top: 80px;
}
#about .profile .map iframe {
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
	#about .profile {
	padding: 8% 0;
	}
	#about .profile .outline {
	line-height: 1.5;
	}
	#about .profile .outline th {
	display: block;
	width: 100%;
	padding: 0.5em 4%;
	}
	#about .profile .outline td {
	display: block;
	padding: 2.5% 4% 4% 4%;
	background: #FFF;
	}
	#about .profile .outline tr:nth-child(even) th {
	background: #1496DC;
	}
	#about .profile .outline tr:nth-child(even) td {
	background: #FFF;
	}
	#about .profile .map {
	margin-top: 4%;
	}
}