@charset "UTF-8";

#content {}

	#presidentMessage {}

		#presidentMessage .message {
			padding: 50px 60px;
			overflow: hidden;
			border: 10px solid #8ac7e6;
		}

		#presidentMessage .photo {
			float: left;
		}

		#presidentMessage .comment {
			margin-left: 240px;
			font-size: 110%;
			line-height: 1.8;
			text-align: left;
		}

		#presidentMessage .sign {
			margin-left: 240px;
			padding-top: 30px;
			font-size: 90%;
			text-align: right;
		}

			#presidentMessage .sign span {
				font-size: 120%;
			}

	#companyProfile {}

		#companyProfile .profile {
			width: 760px;
			margin: 0 auto;
			overflow: hidden;
		}

			#companyProfile .profile dt,
			#companyProfile .profile dd {
				box-sizing: border-box;
				padding: 25px 40px;
				border-top: 1px solid #005284;
			}

			#companyProfile .profile dt {
				clear: left;
				float: left;
				width: 220px;

				color: #1ba1e6;
			}

			#companyProfile .profile dd {
				margin-left: 260px;
				text-align: left;
			}

			#companyProfile .profile .history {
				overflow: hidden;
			}

				#companyProfile .profile .history dt,
				#companyProfile .profile .history dd {
					padding: 5px;
					text-align: left;
					border-width: 0;
				}

				#companyProfile .profile .history dt {
					width: 140px;
					color: #333;
				}

				#companyProfile .profile .history dd {
					margin-left: 140px;
				}

	#groupData {}

		#groupData .groupList {
			width: 760px;
			margin: 0 auto;
			overflow: hidden;
		}

		#groupData .groupList li {
			float: left;
			width: 50%;
			box-sizing: border-box;
			margin-bottom: 50px;
			padding: 2px 0;
			padding-left: 20px;
			text-align: left;
			border-left: 6px solid #005284;
		}

		#groupData .groupList li.odd {
			clear: left;
		}

			#groupData .groupList .name {
				color: #005284;
				font-size: 120%;
			}
			#groupData .groupList .address {
				font-size: 90%;
			}
			#groupData .groupList .tel {
				font-size: 90%;
			}

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

	#content {}

		#presidentMessage {}

			#presidentMessage .message {
				padding: 10px 10px;
			}

			#presidentMessage .photo {
				width: 140px;
				padding-right: 20px;
			}
			#presidentMessage .comment {
				margin-left: 0;
				font-size: 100%;
			}

			#presidentMessage .sign {
				margin-left: 0;
				padding-top: 15px;
			}

		#companyProfile {}

			#companyProfile .profile {
				width: 100%;
				border-bottom: 1px solid #005284;
			}

				#companyProfile .profile dt,
				#companyProfile .profile dd {
					box-sizing: border-box;
					padding: 10px 10px;
				}

				#companyProfile .profile dt {
					float: none;
					width: 100%;
					background-color: #f5f5f5;
				}

				#companyProfile .profile dd {
					margin-left: 0;
					border-top: 1px solid #999;
				}
				#companyProfile .profile .last {
					display: none;
				}

				#companyProfile .profile .history {}

					#companyProfile .profile .history dt,
					#companyProfile .profile .history dd {
						padding: 5px 0;
						font-size: 90%;
						border-width: 0 !important;
						background-color: transparent;
					}

					#companyProfile .profile .history dt {
						float: left;
						width: 120px;
					}

					#companyProfile .profile .history dd {
						margin-left: 120px;
					}

		#groupData {}
			#groupData .groupList {
				width: 100%;
			}
				#groupData .groupList li {
					float: none;
					width: 100%;
					margin-bottom: 20px;
				}
}