@charset "UTF-8";
/* CSS Document */
/*------------------------------------------------------------
	kilim
------------------------------------------------------------*/
#pagePath a {
    margin-right: 3px;
    display: inline-block;
	color: #5D5A5A;
}
.content {
	width: 920px;
	
}
.back_b_f {
	background-color: #e2f0ef;
}
.maintop {
	width: auto;
	padding-top: 66px;
	color: #8B0000;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
	}
.l_link_box_b .link_box_n {
	margin: 40px 0px 20px;
}
.l_link_box_b .link_box_k {
	margin: 20px 0px 20px;
}
.link_box_n {
    /* 背景と文字色*/
    background-color: transparent;
    color: #FFF;
    padding: 15px 11px;
    border-radius: 10px;
    width: 375px;
	height: 25px;
    text-align: center;
    font-weight: 600;
	font-size: 1em;
    
    /* 細い赤の枠線*/
    border: 1px solid #013c0b;
    
    /* アニメーション設定*/
    transition: all 0.3s ease;
    cursor: pointer;
}
.link_box_n:hover {
    /*ホバーで背景色と影を付ける */
    background-color: #013c0b;
    color: #FFF; /* 文字を白に */
    box-shadow: 0 5px 15px rgba(0, 164, 0, 0.4); /* ぼかした影 */
    border-color: #FFF; /* 枠線を白に変える*/
}

/* 既存のリンクの基本設定 */
.link_box_n a {
    color: #013c0b; /* 通常時の青い文字色 */
    font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
    line-height: 1.94;
    transition: color 0.3s ease; /* 文字色もアニメーションさせる */
}

/* ホバー時にリンク内の文字色を白に変更する設定を追加 */
.link_box_n:hover a {
    color: #FFF; /* ホバー時に文字を白くする */
}
.link_box_k {
    /* 背景と文字色*/
    background-color: transparent;
    color: #FFF;
    padding: 15px 11px;
    border-radius: 10px;
    width: 375px;
	height: 25px;
    text-align: center;
    font-weight: 600;
	font-size: 1em;
    
    /* 細い赤の枠線*/
    border: 1px solid #031e7e;
    
    /* アニメーション設定*/
    transition: all 0.3s ease;
    cursor: pointer;
}
.link_box_k:hover {
    /*ホバーで背景色と影を付ける */
    background-color: #031e7e;
    color: #FFF; /* 文字を白に */
    box-shadow: 0 5px 15px rgba(0, 0, 164, 0.4); /* ぼかした影 */
    border-color: #FFF; /* 枠線を白に変える*/
}

/* 既存のリンクの基本設定 */
.link_box_k a {
    color: #031e7e; /* 通常時の青い文字色 */
    font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
    line-height: 1.94;
    transition: color 0.3s ease; /* 文字色もアニメーションさせる */
}

/* ホバー時にリンク内の文字色を白に変更する設定を追加 */
.link_box_k:hover a {
    color: #FFF; /* ホバー時に文字を白くする */
}
.acc_t_t .link_box_k {
	margin: 60px auto 0px;
}

.d_text_t1 {
	font-weight: 600;
	font-size: 25px;
	text-align: left;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
	padding-bottom: 30px;
}

/* 1. 全体の設定 */
.timeline {
    position: relative; /* 縦線の配置基準 */
    list-style: none;   /* リストマークを消す */
    padding: 20px 0 20px 120px; /* 左側に年号と線のための余白を設ける */
    margin: 0;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
    line-height: 1.94;
}

/* 2. 縦線を作成 */
.timeline:before {
    content: '';
    position: absolute;
    top: 0;
    left: 110px; /* 年号とテキストの間（縦線の位置） */
    width: 2px;
    height: 100%;
    background-color: #C0C0C0; /* 線の色 */
}

/* 3. 各アイテムの設定 */
.timeline li {
    position: relative;
    margin-bottom: 44px; /* 各項目の間の縦の間隔 */
    padding-left: 90px; /* テキストを丸アイコンの右に配置するための余白 */
}

/* 4. 丸いアイコンを作成 */
.timeline li::before {
    content: '';
    position: absolute;
    top: 8px; /* 上端からの位置調整 */
    left: -14px; /* 縦線（80px）に対して丸の中心が来るように調整 */
    width: 9px;
    height: 9px;
    background-color: #900000; /* 丸の背景色（白）*/
    /*border: 4px solid #007bff;*/ /* 丸の枠線（青）*/
    border-radius: 50%; /* 円形にする */
    z-index: 10;
}

/* 5. 年号の配置 */
.timeline .year {
    position: absolute;
    left: -120px;
    top: -2px;
    width: 90px;
    font-size: 1.0em;
    font-weight: bold;
    color: #333;
    text-align: right; /* 年号を右揃えにして線に寄せる */
}
/* 6. テキストコンテンツの設定 */
.timeline .content {
    color: #555;
    line-height: 1.6;
}
.timeline .content a {
	color: #000000;
	/*<!--#E50112-->*/
	font-weight: 600;
}
/* 7. 丸いアイコンから右への横線を作成 (新しい疑似要素) */
.timeline li::after {
    content: '';
    position: absolute;
    /* 丸いアイコンの中心からスタートさせる */
    left: -8px; /* 縦線 (80px) + 縦線と横線の間の隙間 + 丸の半径分を調整した位置 */
    top: 11px; /* 丸のY軸の中心に合わせる (5px + 20px/2 = 15px) */
    
    width: 80px; /* 横線の長さ */
    height: 2px; /* 横線の太さ */
    background-color: #C0C0C0; /* 線の色 */
    z-index: 9; /* 丸アイコンよりは奥、テキストよりは手前に配置 */
}

.timeline_b {
	margin-bottom: 150px;
}




.topTxt_2 {
	margin: 30px 0px 60px;
	text-align: center;
	font-size: 2.2rem;
	line-height: 1.94;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro';
	}
.des_Box_top {
	display: flex; /* 要素を横並びにする */
 	justify-content: space-between; /* 要素間に均等なスペースを空ける */
	margin: 20px auto 80px;
}
.des_Box {
	display: flex; /* 要素を横並びにする */
 	justify-content: space-between; /* 要素間に均等なスペースを空ける */
	margin: 100px auto 30px;
}
.photo_1 {
	width: 40%;
}
.text_1 {
	width: 55%;
	font-size: 1.4rem;
	line-height: 1.94;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
}
.photo_2 {
	width: 35%;
}
.text_2 {
	width: 60%;
	font-size: 1.4rem;
	line-height: 1.94;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
}
.photo_3 {
	width: 45%;
}
.text_3 {
	width: 50%;
	font-size: 1.4rem;
	line-height: 1.94;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
}
.d_text_1 {
	font-weight: 600;
	font-size: 30px;
}
.d_text {
	font-weight: 500;
	margin-bottom: 10px;
	font-size: 20px;
}
.d_text_2 {
	font-weight: 500;
	margin-bottom: 20px;
	font-size: 21px;
}
/*.text_photo {
	/*display: flex;*/
.des_pro {
	margin-top: 100px;
}
.d_rogo {
	text-align: center;
	margin: auto;
}
.d_rogo img {
	height: 100px;
}
.d_text_1 {
	font-weight: 600;
	font-size: 30px;
	text-align: center;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
}
.text_1 h3 {
	font-weight: 600;
	font-size: 30px;
	text-align: left;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
}
.acc_t {
	margin: 20px 0px;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.94;
}
.acc_t_t {
	margin: 50px 0px;
	font-family: ｍｓ 明朝, ms mincho, ヒラギノ明朝 pro w3, hiragino mincho pro, serif;
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.94;
}

    
@media all and (max-width: 767px) {
#main {
		margin-bottom: -150px;
	}
.pageNavi {  
	padding-top: 150px;
	margin-bottom: 150px;
}
.content {
		width: auto;
	}
.topTxt {
		margin: 0 auto 21px;
		max-width: 320px;
		font-size: 1.75rem;
		line-height: 1.67;
	}
.headLine02 {
		margin-bottom: 42px;
		font-size: 2.3rem;
	}
.d_text_1  {
		margin-top: 60px;
	}
.des_Box {
		flex-direction: column;
	}
.photo_2 {
		width: 100%;
	}
.text_2 {
		width: 100%;
	}
.des_Box_top {
		flex-direction: column;
		margin-top: 100px;
	}	
.photo_1 {
		width: 100%;
	}	
.text_1 {
		width: 100%;
	}
.text_1 h3 {
		margin-top: 15px;
	}
.l_link_box_b {
		width: auto;
	}
.link_box_n {
		width: auto;
		padding: 20px 10px 40px;
	}
.link_box_k {
		width: auto;
		padding: 20px 10px 40px;
	}
	
.timeline {
		padding: 20px 0 120px 100px;
	
	}
.timeline li {
    position: relative;
    margin-bottom: 44px;
    padding-left: 70px;
}
.timeline_b {
    margin-bottom: -150px;
}	

	
}
@media all and (max-width: 374px) {
}