@charset "UTF-8";
/*----------------------------------------
	company
----------------------------------------*/
/*　common
----------------------------------------*/
#titleArea { background: #cccccc url("../../img/corp/company/bg_main_company.jpg") 50% 0 no-repeat; }
@media screen and (min-width: 0px) and (max-width: 667px) { #titleArea { background: #cccccc url("../../img/corp/company/bg_main_company_mb.jpg") 50% 100% no-repeat; background-size: 320px auto; } }

@media screen and (min-width: 0px) and (max-width: 667px) { .sNavListCMS { display: none !important; } }

/* Colorbox */
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; }

#cboxWrapper { max-width: none; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; }

#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

#cboxOverlay { background: #000; }

#colorbox { outline: 0; }

.cboxIframe { background: #fff; }

#cboxError { padding: 50px; border: 1px solid #cccccc; }

#cboxLoadedContent { margin-bottom: 20px; }

#cboxTitle { position: absolute; bottom: 28px; left: 0; text-align: center; width: 100%; font-weight: 600; }

#cboxCurrent { position: absolute; bottom: 0px; left: 100px; color: #999; display: none !important; }

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; }

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

#cboxSlideshow { position: absolute; bottom: 0px; right: 42px; color: #444; }

#cboxClose { position: absolute; top: -30px; right: 0; display: block; background: url("../../img/corp/b_cb_close.png") no-repeat 0 0; padding-left: 24px; color: #fff; font-weight: 700; }

#cboxClose + #cboxClose { top: auto !important; bottom: -16px !important; }

.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

#cboxPrevious, #cboxNext { display: none !important; }

/*　index
----------------------------------------*/
/*　outline
----------------------------------------*/
#company #outlineArea01 .listBdStyle { background: url("../../img/corp/company/outline/bg_outline01.jpg") 100% 0 no-repeat; }
@media screen and (min-width: 0px) and (max-width: 667px) { #company #outlineArea01 .listBdStyle { background: none; } }
@media screen and (min-width: 0px) and (max-width: 667px) { #company #outlineArea01 .mbBgfix { padding-bottom: 232px; background: url("../../img/corp/company/outline/bg_outline01.jpg") 50% 100% no-repeat; background-position: 50% -webkit-calc(100% - 12px); background-position: 50% calc(100% - 12px); } }
#company #outlineArea01 #gMap { height: 350px; }

/*　vision
----------------------------------------*/
#company #visionArea { padding: 0px 0px 300px; background: url("../../img/corp/company/vision/p_vision02.jpg") 50% 100% no-repeat; }
@media screen and (min-width: 0px) and (max-width: 667px) { #company #visionArea { padding: 0px 0px 160px; background-size: 280px auto; } }

/*staff
----------------------------------------*/
/*branch_office
----------------------------------------*/
/*  message
----------------------------------------*/
.mesWrap {
	display:flex;
	justify-content:space-between; 
	margin-top: 20px;
}
.mesItem1 {flex-basis:33%;}
.mesWrapDet {
	display:flex;
	justify-content:space-between; 
}
.mesItem2 {flex-basis:34%;padding:0 2%;}
.mesItem3 {align-self:flex-end;}
.mesItem1 img,
.mesItem2 img,
.mesItem3 img {width:100%;}
.mesItem3 img.sp {display:none;}
.mesItem3 a {display:inline-block; width:100%; height:auto;}
.mesItem3 a:hover {opacity:0.7;}
.mesItem3 a.icoBlank {background:none!important;margin:0!important; padding:0!important;}
.mesItem2 h3 {text-align:right;padding-bottom:1.5rem;}

@media screen and (min-width: 0px) and (max-width: 667px) {
	.mesWrap {display: block;}
	.mesItem1 {display:inline-block; width:50%;}
	.mesItem2 {display:inline-block; width:43%;}
	.mesItem3 {display:block;}
	.mesItem3 img.pc {display:none;}
	.mesItem3 img.sp {display:block; width:100%; margin:1rem 0 0;}
}