@charset "UTF-8";

#page_header{background-image:url("../img/header_back_pc.webp");}

.w90per{width: 90%;margin: 0 auto;}
.a_blue{display: inline-block;}
.mt100{margin-top: 100px;}

/* section_01 */

.name{width: 26%;float: right;}
.face_img{width: 40%;margin:0 auto;padding: 5em 0;}
.mt-3per{margin-top: -3%;}

/* section_02 */
.section_02{background-image:url("../img/sec_02_back_pc.webp");background-repeat: no-repeat;}

.philosophy_box{position: relative; background-color: rgba(255,255,255,0.8);z-index: 10;padding: 10% 5%; box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.22); }
.mt-5per{margin-top: -5%;}
.philosophy_p{text-align: center;font-size: 1.6em;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
.philosophy_p span{color:#0c68ab;}

/* section_03 */
.section_03{background-color: #f7f8f8;}
.company_info{width: 1000px;margin: 0 auto;padding-bottom: 5em;}
.company_info dl {
  display: flex;
  flex-wrap: wrap;
	width: 100%;
	margin: 5% 0 0%;
	padding: 0;
}
.company_info dt {
  width: 10%;
  padding: 20px 3%;
 margin: 0 0 0 0;
  display: flex;
  align-items: center;
  justify-content: left;
	border-bottom: solid 2px #036eb8;
	font-size: 1em;
	font-weight: normal;
}

.company_info dt span{font-size: 0.84em;font-weight: normal;}
.company_info dd {
  width: 66%;
  padding: 20px 5% 20px 3%;
  margin: 0 0 0 0;
	border-bottom: solid 2px #9fa0a0;
	font-size: 1em;
	text-align: left;
	line-height: 1.8em;
}

/* section_04 */
/* ===== 全体レイアウト ===== */
.history {
  max-width: 900px;
  margin: 0 auto;
  font-family: "Hiragino Sans", "Noto Sans JP", sans-serif;
  border-top: 1px solid #ccc;
}

.history .row {
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid #ccc;
  padding: 20px 0;
}

/* ===== 年・月部分 ===== */
.history .year {
  width: 160px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: bold;
  font-size: 1rem;
  color: #000000;
  letter-spacing: 1px;
  position: relative;
	padding: 0.4em 0;
}

.history .year::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10%;
  bottom: 10%;
  width: 3px;
  background-color: #0a50a1;
}

.history .year-main {
  margin-left: 20px;
}

.history .month {
  margin-left: 10px;
  font-size: 1rem;
  color: #333;
}

/* ===== 内容部分 ===== */
.history .content {
  flex: 1;
  padding-left: 40px;
  font-size: 1rem;
  color: #333;
  line-height: 1.8;
  display: flex;
  align-items: center;
}

/* ===== レスポンシブ対応 ===== */
@media screen and (max-width: 640px) {
  

  .history .year {
    width: 30%;
    font-size: 0.95rem;
    justify-content: flex-start;

  }



  .history .content {
    padding-left: 16px;
    font-size: 0.95rem;
    line-height: 1.7;
  }
}


/* section_05 */
.section_05{background-color: #f7f8f8;}
.g-map iframe{width: 100%;height: 400px;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {
#page_header{background-image:url("../img/header_back_pc.webp");height: 300px;padding-top:  10%;}
	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image:url("../img/header_back_pc.webp");height: 150px;padding-top:  5%;}

.name{width: 46%;float: left;}
.face_img{width: 60%;margin:0 auto;padding: 5em 0;}
.philosophy_p{text-align: center;font-size: 1.34em;line-height: 1.8em;}
/* section_03 */	
.company_info{
width: 100%;
  height: auto;
margin: 0 auto;
}
.company_info dl {
  display: flex;
  flex-wrap: wrap;
	width: 100%;
	margin: 10% auto 0%;
	padding: 0;
}
.company_info dt {
  width: 96%;
  padding: 2% 2% 2%;
  margin: 0 0 0px 0;
display: flex;
  align-items: center;
  justify-content: left;
border-bottom: none;
border-right: none;
	background-color: #d3e1f2;
}
.company_info dd {
  width: 96%;
  padding: 1% 2% 2%;
  margin: 0 0 0px 0;
border-bottom: solid 1px #9fa0a0;
}


}