@charset 'utf-8';

/* =========================================================
about_info
========================================================= */
#about_info {
}
#about_info .inner{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: stretch;
	-webkit-align-items: stretch;
	padding-top: 120px;
	padding-bottom: 112px !important;
}
@media only screen and (max-width: 750px){
	#about_info {
	}
	#about_info .inner{
		display: block;
		padding-top: 1.25rem;
		padding-bottom: 1.22rem !important;
	}
}

/* =========================================================
about_left_bloc
========================================================= */
#about_left_bloc {
	width: calc(100% - 270px);
	max-width: 780px;
}
#about_left_bloc h3 {
	margin-top: 5px;
	letter-spacing: 0.03em;
}
#about_left_bloc p {
	width: 100%;
	line-height: 2.2em;
	margin-top: 52px;
}
@media only screen and (max-width: 750px){
	#about_left_bloc {
		width: 100%;
		padding-right: 0;
		margin-bottom: 0.55rem;
	}
	#about_left_bloc h3 {
		margin-top: 0;
	}
	#about_left_bloc p {
		line-height: 1.4em;
		margin-top: 0.44rem;
	}
}

/* =========================================================
about_right_bloc
========================================================= */
#about_right_bloc {
	width: 270px;
	padding-left: 20px;
}
#about_right_bloc .img {
	width: 100%;
}
#about_right_bloc .cap {
	text-align: center;
	margin-top: 26px;
}
#about_right_bloc .cap *{
	display: block;
}
#about_right_bloc .cap .post {
}
#about_right_bloc .cap .name {
	margin-top: 10px;
}
@media only screen and (max-width: 750px){
	#about_right_bloc {
		width: 100%;
		padding-left: 0;
	}
	#about_right_bloc .img {
		margin-top: 0;
		margin-bottom: 0.2rem;
	}
	#about_right_bloc .cap {
		margin-top: 0.21rem;
	}
	#about_right_bloc .cap .post {
	}
	#about_right_bloc .cap .name {
		margin-top: 0.13rem;
	}
}

/* =========================================================
company_profile
========================================================= */
#company_profile {
}
#company_profile .inner {
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: stretch;
	-webkit-align-items: stretch;
	padding-top: 120px;
	padding-bottom: 120px !important;
}
@media only screen and (max-width: 750px){
	#company_profile .inner {
		display: block;
		padding-top: 1.24rem;
		padding-bottom: 1.2rem !important;
	}
}

/* =========================================================
company_profile_left_bloc
========================================================= */
#company_profile_left_bloc {
	width: 150px;
	padding-right: 20px;
	white-space: nowrap;
}
#company_profile_left_bloc h3 {
}
@media only screen and (max-width: 750px){
	#company_profile_left_bloc {
		width: 100%;
		padding-right: 0;
	}
	#company_profile_left_bloc h3 {
		margin-bottom: 0.63rem;
	}
}

/* =========================================================
company_profile_right_bloc
========================================================= */
#company_profile_right_bloc{
	width: calc(100% - 150px);
	max-width: 900px;
}
@media only screen and (max-width: 750px){
	#company_profile_right_bloc{
		display: block;
		width: 100%;
	}
}


/* =========================================================
access
========================================================= */
#access {
}
#access .inner {
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: stretch;
	-webkit-align-items: stretch;
	padding-top: 120px;
	padding-bottom: 117px !important;
}
#access .inner .access_bloc {
	width: 29.8%;
}
#access .inner .access_bloc .access_map {
	overflow: hidden;
	position: relative;
	z-index: 0;
	width: 100%;
}
#access .inner .access_bloc .access_map iframe {
	width: 100%;
	height: 340px;
	vertical-align: top;
	border: none;
}
#access .inner .access_bloc .access_name {
	text-align: center;
	margin-top: 17px;
}
@media only screen and (max-width: 750px){
	#access .inner {
		-webkit-justify-content: flex-start;
		        justify-content: flex-start;
		        flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		        align-items: flex-start;
		-webkit-align-items: flex-start;
		padding-top: 1.2rem;
		padding-bottom: 1.17rem !important;
	}
	#access .inner .access_bloc {
		width: 100%;
		margin-top: 0.25rem;
	}
	#access .inner .access_bloc:first-child {
		margin-top: 0;
	}
	#access .inner .access_bloc .access_map iframe {
		height: 3.6rem;
	}
	#access .inner .access_bloc .access_name {
		margin-top: 0.22rem;
	}
}
@media only screen and (max-width: 750px) and (orientation: landscape) {
	#access .inner .access_bloc .access_map iframe {
		height: 7.2rem;
	}
}


/* =========================================================
history
========================================================= */
#history {
}
#history .inner {
	padding-top: 120px;
}
@media only screen and (max-width: 750px){
	#history .inner {
		padding-top: 1.24rem;
		padding-bottom: 1.75rem !important;
	}
}

/* =========================================================
history_iso
========================================================= */
#history_iso {
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: stretch;
	-webkit-align-items: stretch;
}
@media only screen and (max-width: 750px){
	#history_iso {
		-webkit-justify-content: flex-start;
		        justify-content: flex-start;
		        flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		        align-items: flex-start;
		-webkit-align-items: flex-start;
	}
}


/* =========================================================
history_iso_left_bloc
========================================================= */
#history_iso_left_bloc {
	width: 150px;
	padding-right: 20px;
	white-space: nowrap;
}
#history_iso_left_bloc h3 {
}
@media only screen and (max-width: 750px){
	#history_iso_left_bloc {
		width: 100%;
		padding-right: 0;
		margin-bottom: 0.63rem;
	}
}


/* =========================================================
history_iso_right_bloc
========================================================= */
#history_iso_right_bloc {
	width: calc(100% - 150px);
	max-width: 900px;
}
#history_iso_right_bloc .tbl_def {
}
@media only screen and (max-width: 750px){
	#history_iso_right_bloc {
		width: 100%;
		max-width: 100%;
	}
}


/* =========================================================
history_info
========================================================= */
#history_info {
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: stretch;
	-webkit-align-items: stretch;
	margin-top: 120px;
}
@media only screen and (max-width: 750px){
	#history_info {
		-webkit-justify-content: flex-start;
		        justify-content: flex-start;
		        flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		        align-items: flex-start;
		-webkit-align-items: flex-start;
		margin-top: 1.22rem;
	}
}


/* =========================================================
history_info_left_bloc
========================================================= */
#history_info_left_bloc {
	width: 150px;
	padding-right: 20px;
	white-space: nowrap;
}
#history_info_left_bloc h3 {
}
@media only screen and (max-width: 750px){
	#history_info_left_bloc {
		width: 100%;
		padding-right: 0;
		margin-bottom: 0.63rem;
	}
}


/* =========================================================
history_info_right_bloc
========================================================= */
#history_info_right_bloc {
	width: calc(100% - 150px);
	max-width: 900px;
}
#history_info_right_bloc .tbl_def {
}
#history_info_right_bloc .now {
	padding: 27px 0 0 19px;
	text-align: left;
}
@media only screen and (max-width: 750px){
	#history_info_right_bloc {
		width: 100%;
		max-width: 100%;
	}
	#history_info_right_bloc .tbl_def {
	}
	#history_info_right_bloc .now {
		padding: 0.21rem 0 0 0.19rem;
	}
}