@charset "UTF-8";
#header {background-color: rgba(255,255,255,1);}
#page_header{background-image: url("../img/header_img_pc.webp");}



/******** section00 ********/
.page-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  padding: 20px 0;
  flex-wrap: wrap;
margin-top: 3em;
}

.menu-item {width: 22%;}

@media (max-width: 640px) {
.page-menu {
  gap: 0.4em;
}
.menu-item {width: 100%;margin-bottom: 0.4em;}
}
/******** section01 ********/
.sec01_box{background-color: #e3e1d6;padding: 5%;box-sizing: border-box;}
.concept{font-size: 1.8em;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";text-align: center;line-height: 1.8em;margin: 1.6em 0 3em;}

.section {
  width: 100%;
 margin: 60px auto;
  padding: 0 20px;
  line-height: 1.8;
  font-size: 1.1em;
  position: relative;
	box-sizing: border-box;
	text-align: justify;
}

/* PC版：写真は文章の右上に配置 */
.text-image-block {position: relative;}

.image {
  float: right; /* 画像を右にする場合 */
  margin-left: 30px; /* テキストとの余白 */
  width: 30%;
	text-align: center;/* 画像の大きさ調整（画像と文章のバランスを取る） */
}
.image img {width: 100%;height: auto;}

.title {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 10px;
}

.ceo {margin-top: 10px;font-weight: bold;}

/* ▼▼▼ スマホ（640px以下）では通常の縦並びに戻す ▼▼▼ */
@media (max-width: 640px) {
.section {
  width: 100%;
 margin: 2.6em auto;
  padding: 0 10px;
  line-height: 1.6;
  font-size: 1em;
}
.image {position: static;width: 80%;margin-bottom: 10px;float: none;
  margin-left: 0px;margin: 0 auto 0.6em; }
.title {
  font-size: 1.14em;
	line-height: 1.4;
  font-weight: bold;
  margin-bottom: 5px;
}
.text {padding-right: 0;}
}



/************ 　会社概要/沿革表　************************** */
.company_info,.history_info{width: 1000px;margin: 0 auto;padding-bottom: 5em;}
.company_info dl ,.history_info dl{
  display: flex;
  flex-wrap: wrap;
	width: 100%;
	margin: 5% 0 0%;
	padding: 0;
	border-top: solid 1px #979898;
}
.company_info dt {
  width: 13%;
  padding: 20px 5%;
 margin: 0 0 0 0;
  display: flex;
  align-items: center;
  justify-content: left;
	border-bottom: solid 1px #979898;
	font-size: 1em;
	font-weight: bold;
	border-right:  solid 1px #979898;
}
.history_info dt {
  width: 9%;
  padding: 20px 5%;
 margin: 0 0 0 0;
  display: flex;
  align-items: center;
  justify-content: left;
	border-bottom: solid 1px #979898;
	font-size: 1em;
	font-weight: bold;
	border-right: none;
}
.company_info dd {
  width: 68%;
  padding: 20px 5% 20px 3%;
  margin: 0 0 0 0;
	border-bottom: solid 1px #979898;
	font-size: 1em;
	text-align: left;
	line-height: 1.8em;
}
.history_info dd {
  width: 76%;
  padding: 20px 5% 20px 0%;
  margin: 0 0 0 0;
	border-bottom: solid 1px #979898;
	font-size: 1em;
	text-align: left;
	line-height: 1.8em;
}
.bg_beju{background-color: #eae5e3;}
.text_box{padding: 5%;box-sizing: border-box;height: 350px;}
.map_h3{font-size: 1.3em;color:#40220f;}
.map_h4{font-size: 1.14em;border-bottom: solid 1px #000000;margin: 0.8em 0 0.2em;}
.gmap{margin-bottom: 2em;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {

	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image: url("../img/header_img_sp.webp");}
		
.concept{font-size: 1.24em;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";text-align: left;line-height: 1.6em;margin: 1.6em 0 3em;}
	
/************ 　会社概要/沿革表　************************** */
.company_info,.history_info{
width: 100%;
  height: auto;
margin: 0 auto;
}
.company_info dl ,.history_info dl{
  display: flex;
  flex-wrap: wrap;
	width: 100%;
	margin: 10% auto 0%;
	padding: 0;
}
.company_info dt ,.history_info dt {
  width: 96%;
  padding: 2% 2% 0%;
  margin: 0 0 0px 0;
display: flex;
  align-items: center;
  justify-content: left;
border-bottom: none;
border-right: none;
}
.company_info dd ,.history_info dd {
  width: 96%;
  padding: 1% 2% 2%;
  margin: 0 0 0px 0;
border-bottom: solid 1px #979898;
}
.text_box{padding: 6%;box-sizing: border-box;height: auto;}
}