/******************
/* company.css
******************/
@import url("low_common.css");
/****-common--****/
#company .inner_box_01 {
	padding: 40px 75px 35px;
}
#company .main_section h1{
	position: relative;
	font-size: 3.2rem;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: #ccc 2px solid;
}
#company .main_section h1::after{
	position: absolute;
	left: 0;
	bottom: -2px;
	content: "";
	width: 12%;
	border-bottom: #3f6a9f 2px solid;
}
#company p{
	color: #333;
	font-size: 1.8rem;
}
#company .int{
	text-indent: 1em;
}
@media screen and (max-width: 767px) { 
#company .inner_box_01 {
	padding: 5vw 4vw 4vw;;
}
#company .main_section h1{
font-size: 2.0rem;
 padding-bottom: 1vw;
 margin-bottom: 1.5vw;
}
#company p{
	font-size: 1.4rem;
}
#company .int{
	text-indent: 1em;
}
}

/****-index--****/
/*-main_section-*/
#company.company .main_section p{
	color: #000;
	font-size: 2.4rem;
	font-weight: 700;
}
@media screen and (max-width: 767px) { 
#company.company .main_section p{
	font-size: 1.4rem;
}
}
/*--common--*/
#company .moral_code_section h2, #company .guideline_section h2{
	position: relative;
	font-size: 2.4rem;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: #ccc 2px solid;	
}
#company .moral_code_section h2::after, #company .guideline_section h2::after{
	position: absolute;
	left: 0;
	bottom: -2px;
	content: "";
	width: 12%;
	border-bottom: #3f6a9f 2px solid;
}
@media screen and (max-width: 767px) { 
#company .moral_code_section h2, #company .guideline_section h2{
  font-size: 1.8rem;
  padding-bottom: 0.652vw;
  margin-bottom: 1.304vw;
}  
}
/*-moral_code_section-*/
#company .moral_code_section ul.fl_box{
	width: 500px;
	margin: 10px 0 15px;
}
#company .moral_code_section ul.fl_box li{
	width:30%;
	color: #fff;
	font-size: 2.25rem;
	text-align: center;
	padding: 10px 5px;
	background: #5dafab;
}
@media screen and (max-width: 767px) {
#company .moral_code_section ul.fl_box{
	width: 100%;
	margin: 1.3vw 0 2vw
}
#company .moral_code_section ul.fl_box li{
	width:30%;
	font-size: 1.6rem;
	padding: 1.3vw 0.6vw;
}	
}
/*-guideline_section-*/
#company .guideline_section{
	margin-bottom: 100px;
}
#company .guideline_section ol{
	margin: 50px 0 0 20px;	
}
#company .guideline_section ol li{
	list-style: decimal;
	font-weight: 700;
	margin-bottom: 20px;
}
#company .guideline_section ol li h3{
	margin-bottom: 5px;
}
#company .guideline_section ol li p{
	font-weight: normal;
}
#company .guideline_section .link{
	margin-top: 30px;
}
#company .guideline_section .link a{
	font-size: 1.8rem;
	transition: 0.4s ease-in-out;
}
#company .guideline_section .link a:hover{
	opacity: 0.8;
}

@media screen and (max-width: 767px) {	
#company .guideline_section{
	margin-bottom: 13vw;
}
#company .guideline_section ol{
	margin: 6.5vw 0 0 6vw;	
}
#company .guideline_section ol li{
	margin-bottom: 2.6vw;
}
#company .guideline_section ol li h3{ 
  font-size: 1.6rem;
	margin-bottom: 0.652vw;
}
#company .guideline_section .link{
	margin-top: 3.911vw;
}
#company .guideline_section .link a{
	font-size: 1.4rem;
}
}

/****-message--****/
/*-main_section-*/
#company.message .main_section{
	margin-bottom: 100px;
}


#company.message .main_section h2{
	color: #000;
	font-size: 2.5rem;
	margin-bottom: 15px;
}
/*-h2に背景色追加 20221015-*/
.gr{
	display: inline-block;
	font-size: 2.5rem;
	color: #006600 !important;
	margin-bottom: 15px;
	background-color: #ffcc99;
	padding: 10px 5px;
}

#company.message .main_section p ceo{
	margin-top: 20px;
	font-size: 2.25rem;
}

#company.message .main_section p{
	line-height: 4.0rem;
	font-size: 2.0rem;
}
#company.message .main_section p span{
	color: #2e62ae;
	font-weight: bold;
}
#company.message .main_section figure{
	width: 252px;
	float: right;
 margin-left: 30px;
}
#company.message .main_section figure figcaption{
	font-size: 1.6rem;
	margin-top: 5px;
}
#company.message .main_section ol{
	padding: 10px 20px 5px;
	margin: 30px 0;
}

/*color change #2e62ae→#000 font-weight→normal*/
#company.message .main_section ol li{
	color: #000;
	font-size: 2.0rem;
	line-height: 1.4;
	font-weight: normal;
	margin-bottom: 12px;
}
#company.message .main_section .signature{
	width: 400px;
	margin: 10px 0 0 auto;
}
#company.message .main_section .signature span{
	display: block;
	text-align: right;
	margin:0 10px 10px 0;
}

span.ceo {font-size: 2.4rem; }

#company.message .main_section .signature .pc{
	display: block !important;
}

#company.message .main_section .signature .sp{
	display: none !important;
}

@media screen and (max-width: 767px) {	
#company.message .main_section{
	 margin: 7vw 0 20vw;
}
#company.message .main_section h2{
	font-size: 1.8rem;
	margin-bottom: 3vw;
}
#company.message .main_section p{
	line-height: 2.5rem;
}
#company.message .main_section figure{
	width: 34vw;
 margin-left: 5vw;
}
#company.message .main_section figure figcaption{
	font-size: 1.3rem;
	margin-top: 0.6vw;
}
#company.message .main_section ol{
	padding: 1.3vw 2.6vw 0.6vw;
	margin: 3.911vw 0;
}
#company.message .main_section ol li{
	font-size: 1.6rem;
	margin-bottom: 1.3vw;
}
#company.message .main_section .signature{
	width: 33vw;
	margin: 3vw 0 0 auto;
	padding-left: 10px;
}
#company.message .main_section .signature span{
	margin:0 1.3vw 1.3vw 0;
}
#company.message .main_section .signature .pc{
	display: none !important;
}
#company.message .main_section .signature .sp{
	display: block !important;
}
}

/****-overview--****/
/*-main_section-*/
#company.overview .main_section{
	margin-bottom: 100px;
}
#company.overview .main_section table{
	font-size: 2.1rem;
	text-align: left;
	margin: 30px 30px;
	border-bottom:#ddd 1px solid;
}
#company.overview .main_section table th{
	width: 20%;
	padding: 20px;
	background: #f7f7f7;
	border-top:#ddd 1px solid;
}
#company.overview .main_section table td{
	width: 80%;
	padding: 20px;
	border-top:#ddd 1px solid;
}
@media screen and (max-width: 767px) {	
#company.overview .main_section{
	margin-bottom: 13vw;
}
#company.overview .main_section table{
	font-size: 1.4rem;
	text-align: left;
	margin: 4vw 0; 
}
#company.overview .main_section table th{
 display: block;
	width: 100%;
	padding: 2vw;
}
#company.overview .main_section table td{
 display: block;
	width: 100%;
	padding: 2vw;
}
}

/****-organization--****/
/*-main_section-*/
#company.organization .main_section{
	margin-bottom: 100px;
}
#company.organization .main_section figure{
	margin-top: 40px;
}
@media screen and (max-width: 767px) {
#company.organization .main_section{
	margin-bottom: 13vw;
}
#company.organization .main_section figure{
	margin-top: 5vw;
}
}
/****-map--****/
/*-main_section-*/
#company.map .main_section{
	margin-bottom: 100px;
}
#company.map .map_img{
	position: relative;
	width: 60%;
	margin: auto;
}
#company.map .map_link li{
	position: absolute;
}
#company.map .map_link li a{
	display: block;
	width: 115px;
	height: 40px;
}
#company.map .map_link li a span{
	display: none;
}
#company.map .map_link li.hokkaido{
	top:10%;
	right: 44%;
}
/*　未使用のためブランク
#company.map .map_link li.touhoku{
	top:34%;
	right: 12%;
}
#company.map .map_link li.niigata{
	top:35%;
	right: 56%;
}
*/
#company.map .map_link li.honsha{
	top:46%;
	right: 21%;
}
/*　未使用のためブランク
#company.map .map_link li.chiba{
	top:60%;;
	right: 18%;
}
*/
#company.map .map_link li.sizuoka{
	top:67%;;
	right: 22%;
}
#company.map .map_link li.kansai{
	top:55%;
	right: 75%;
}
#company.map .map_link li.mie{
	top:72%;
	right: 27%;
}
/*　未使用のためブランク
#company.map .map_link li.chugoku{
	top:75%;
	right: 48%;
}
*/
#company.map .map_link li.kyusyu{
	top:81%;
	right: 61%;
}
#company.map dl{	
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 -ms-justify-content: space-between;
 justify-content: space-between;
	padding: 20px 0;
	margin: 20px 0;
	border-bottom:#ddd 1px solid;
}
#company.map dl dt{
	width: 62%;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 -ms-justify-content: space-between;
 justify-content: space-between;
	-webkit-align-items: flex-end;
	-ms-align-items: flex-end;
	align-items: flex-end;
}
#company.map dl dt h2{
	width: 100%;
	margin-bottom: 15px;
}
#company.map dl dt .photo{
	width: 278px;
}
#company.map dl dt p{
	width: 59%;
	vertical-align: bottom;
}
#company.map dl dd{
	width: 38%;
	text-align: right;
}
#company.map dl dd iframe{
	width: 400px;
	height: 250px;
	border: none;
}
@media screen and (max-width: 767px) {
	#company.map .main_section{
	margin-bottom: 13vw;
}
#company.map .map_img{
	width: 100%;
	margin: auto;
}
#company.map .map_link li a{
	display: block;
	width: 15vw;
	height: 5vw;
}
#company.map .map_link li a span{
	display: none;
}
#company.map .map_link li.hokkaido{
	top:42%;
	right: 10%;
}
/*　未使用のためブランク
#company.map .map_link li.touhoku{
	top:34%;
	right: 12%;
}
#company.map .map_link li.niigata{
	top:35%;
	right: 56%;
}
*/
#company.map .map_link li.honsha{
	top:46%;
	right: 21%;
}
/*　未使用のためブランク
#company.map .map_link li.chiba{
	top:60%;;
	right: 18%;
}
*/
#company.map .map_link li.sizuoka{
	top:67%;;
	right: 22%;
}
#company.map .map_link li.kansai{
	top:55%;
	right: 75%;
}
#company.map .map_link li.mie{
	top:72%;
	right: 27%;
}
/*　未使用のためブランク
#company.map .map_link li.chugoku{
	top:75%;
	right: 48%;
}
*/
#company.map .map_link li.kyusyu{
	top:81%;
	right: 61%;
}
#company.map dl{	
 display: block;
	padding: 2.608vw 0;
	margin: 2.608vw 0;
}
#company.map dl dt{
 display: block;
	width: 100%;
}
#company.map dl dt h2{
	width: 100%;
 font-size: 1.8rem;
	margin-bottom: 2vw;
}
#company.map dl dt .photo{
	width: 100%;
}
#company.map dl dt p{
	width:100%;
 margin-top: 3vw;
}
#company.map dl dd{
	width: 100%;
 margin-top: 3vw;
}
#company.map dl dd iframe{
	width: 100%;
	height: 60vw;
	border: none;
}
}

/****-history--****/
/*-main_section-*/
#company.history .main_section{
	margin-bottom: 100px;
}
#company.history .main_section .history_map{
	margin: 40px 0 0;
}
#company.history .main_section .fl_box figure{
	width: 48%;
}
#company.history .main_section .fl_box figure figcaption{
	font-size: 1.4rem;
} 
@media screen and (max-width: 767px) {	
#company.history .main_section{
	margin-bottom: 13vw;
}
#company.history .main_section .history_map{
	margin: 5vw 0 0;
}
#company.history .main_section .fl_box figure{
	width: 48%;
}
#company.history .main_section .fl_box figure figcaption{
	font-size: 1.2rem;
} 
}