html, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;

  font-family: sans-serif , "Hiragino Kaku Gothic ProN", Meiryo, !important;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
  -webkit-text-size-adjust: 100%;  /* スマホブラウザの自動拡大を防ぐ */
}
font {
  all: unset;
}
#container{
	width:100%;
}
#header{
	width:100%;
	margin:0px auto 20px auto;
	padding-top:20px;
background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)),
                  url('./bg/bg_7.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.logo-title {
  display: flex;
  justify-content: center;     /* ← 横方向の中央揃え */
  align-items: center;         /* ← 縦方向の中央揃え（高さ揃え） */
  gap: 10px;                   /* ロゴとテキストの間隔 */
  margin: 0 auto;              /* ブロック要素の中央寄せ（fallback） */
}
.logo {
  width: 240px;
  height: auto;
}
.site-title {
  font-size: 44px;
  margin: 0;
}
.site-title .indent {
  display: inline-block;
  margin-left: 3em;  /* ← インデント幅。調整可 */
}
#nav{

	max-width :1366px;
	margin:0 auto;
}
#nav ul{
	text-align:center;
/*	background:#EEE; */
}
#nav li{
	width:auto;
	height:50px;
	vertical-align:middle;
	display:inline-block;
	margin:5px 10px ;
}
#nav a:hover{
	transition:.2s;
	background:#DDD;
}
#nav li a{	
	transition:.2s;
	font-size:17px;
	width:100%;
	height:100%;
	
//	background:#fdd19f;
	color:#333;
	text-decoration:underline;
	display: flex;
	align-items: center;     /* 垂直方向中央 */
	justify-content: center; /* 水平方向中央 */
	padding:0 5px;
}
#nav_2{
	clear:both;
	max-width :1366px;
	margin:50px auto 0 auto;
	border-top:1px solid #AAA;
}
#nav_2 ul{
	text-align:center;

}
#nav_2 li{
	width:auto;
	height:50px;
	vertical-align:middle;
	display:inline-block;
	margin:5px 10px ;
}
#nav_2 a:hover{
	transition:.2s;
	background:#DDD;
}
#nav_2 li a{	
	transition:.2s;
	font-size:17px;
	width:100%;
	height:100%;
	background:#fff;
	color:#333;
	text-decoration:none;
	display: flex;
	align-items: center;     /* 垂直方向中央 */
	justify-content: center; /* 水平方向中央 */
	padding:0 5px;
}

.centering{
  margin: 20px auto 50px auto;
  min-width: 900px; 
  max-width: 1000px;
	text-align:center;
}
.centering p{
	padding:0 40px;
}
.centering img{
	width:800px;
	height:auto;
}
.aisatsu{
	text-align:left;
}
.aisatsu p{
	text-indent:15px;
}
.aisatsu_2{
	text-align:left;
}
.aisatsu_2 p{
	text-indent:0px;
}
.syomei{
	text-align:right;
}
.history{
  margin: 20px auto 50px auto;
  min-width: 960px;
max-width: 1080px;
	text-align:center;
}
.history table{
	margin:0 auto;
}
.history td{
	padding:4px;
	text-align:left;
}
h2{
	font-size:24px;
	text-align:center;
}
.parent{
  max-width: 960px;
  margin: 20px auto;
}
.profile {
  display: flex;
  align-items: flex-start;
  margin:40px auto;
  gap: 40px;
  width:90%;
}

.image-box {
  flex-shrink: 0;
  width: 180px;
  height: 240px;
  overflow: hidden;

}

.image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-text {
  flex: 1;
}

.profile-text h2 {
  font-size: 20px;
  margin-bottom: 8px;
  position: relative;
  padding-bottom: 4px;
	text-align:left;
}

.profile-text h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #000;

}

.profile-text p {
  font-size: 15px;
  line-height: 1.8;
}

.sns_link{
	width:1000px;
	margin:40px auto 60px auto;
	text-align:center;
}
.sns_link img{
	width:auto;
	height:30px;	
}
.copyright{
	text-align:center;
}


/* モバイル対応 */
@media (max-width: 600px) {
  .profile {
    flex-direction: column;
    align-items: center;
  }

  .image-box {
    margin-bottom: 15px;
  }

  .profile-text {
    text-align: center;
  }
}


    /* レスポンシブ */
</style>