@charset 'utf-8';

/**
 *
 *  COMPANY 会社概要
 *
 */

 /*--------------------------------------------------------------------------
    Page
 ---------------------------------------------------------------------------*/
 #Page {
 }

 #map_canvas {
   width: 1196px;
   height: 482px;
   margin: 0 auto;
 }
 .mv_area {
 	background: url("../images/access_mv_bg.png") no-repeat;
 	height: 215px;
 	background-size: cover;
 	background-position: center;

}
.greeting .box {
	border: 1px solid #ececec;
}
.greeting .box .text_area {
	padding: 58px 60px;
	background-color: #faf6ee;
	border-bottom: 1px solid #ebe7df;
	position: relative;
	/*font-family : '游明朝','Yu Mincho';*/
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
}
.greeting .box .logo_area {
	padding: 35px 60px;
	background-color: #fff;
}
.greeting .title {
	font-size: 22px;
	line-height: 1;
	margin-bottom: 30px;
}
.greeting .text {
	font-size: 18px;
	line-height: 2;
}
.greeting .ceo {
	position: absolute;
	bottom: 0;
	right: 0;
}
.greeting .box .logo_area .logo {
	float: left;
}
.greeting .box .logo_area .ceo2 .img {
  margin-left:350px;
}
.greeting .box .logo_area .ceo2 .name {
  margin-left:460px;
}

.company_section dl {
  background-color: #fff;
  border: 1px solid #efefef;
  border-bottom: none;
	box-sizing: border-box;
}
.company_section dl:last-child {
  border-bottom: 1px solid #efefef;
}
.company_section dt,
.company_section dd {
  padding: 17px;
}
.company_section dt {
  float: left;
  font-weight: bold;
  }
.company_section dd {
  margin-left: 142px;
  }
.circumstance li {
  padding: 2px;
  float: left;
  margin-left:17px;
  border: 1px solid #efefef;
  box-sizing: border-box;
}
.circumstance li:first-child {
  margin-left: 0;
}
.circumstance li .desc {
  line-height: 1;
  padding: 12px 0 12px 14px;
  font-size: 13px;
  background-color: #fff;
  /*font-weight: bold;*/
}


/* === [Merged from company_greeting_final.css] Greeting minimal overrides (2025-10-09) === */
@media screen and (min-width: 641px){
  /* Left text + right white panel (flex with white gap) */
  .greeting .box{ display:flex; align-items:flex-start; gap:24px; background:#fff; }
  .greeting .box .text_area{ flex:1 1 auto; }
  .greeting .box .logo_area{ display:inline-block; background:#fff; padding:0; margin:0; width:auto; }
  .greeting .box .logo_area .logo{ display:none; }

  /* Photo + name (intrinsic base, then apply requested tweaks) */
  .greeting .box .logo_area .ceo2{ display:inline-block; width:auto; margin:0; }
  .greeting .box .logo_area .ceo2 .img{ display:block; width:auto; margin:0; }
  .greeting .box .logo_area .ceo2 .img img{
    display:block;
    margin:60px 55px 0 40px;
    width:400px;      /* <<< 顔写真の縮小：デスクトップは幅400pxに固定（値は後で調整可） */
    height:auto;
  }
  .greeting .box .logo_area .ceo2 .name{
    display:block;
    margin:35px 0 0;
    text-align:center; /* <<< 名前画像位置 */
    width:auto;
  }
  .greeting .box .logo_area .ceo2 .name img{
    display:inline-block;
    width:auto;
    height:auto;
  }
}

@media screen and (max-width: 640px){
  /* スマホ：縦積み・画像やや小さめ（既存仕様を踏襲） */
  .greeting .box .logo_area .logo{ display:none; }
  .greeting .box .logo_area .ceo2 .img{ text-align:center; margin:12px 0 0; }
  .greeting .box .logo_area .ceo2 .img img{ display:inline-block; width:60%; height:auto; }
  .greeting .box .logo_area .ceo2 .name{ text-align:right; margin:8px 0 0; } /* スマホでも右寄せ */
  .greeting .box .logo_area .ceo2 .name img{ display:inline-block; width:auto; max-width:80%; height:auto; }
}