/* @override http://www.968kanri.co.jp/pre/css/home.css */


/* @group mainImg */

/* @media (min-width:961px){
	body {
		width:100%;}
	
}

body {
	margin-right: auto;
	margin-left: auto;
   }
@media (max-width:960px){
	body{width:960px}
	
} */

/*なんか、上部に関与しちゃってる*/



/* 最新の投稿セクション全体を囲むスタイル */
.latest-posts {
    margin-bottom: 10px; /* 余白を縮小 */
    padding: 10px; /* 内側の余白を縮小 */
    background:lightgray; /* 背景色を白に */
    border: 10px solid silver; /* 外側を黒で囲む */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* シャドウを薄く */
    border-radius: 0; /* 角の丸みをなくす */
	box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
	display: flex;
}
.h3box {
	border-bottom: 1.5px solid black; /* タイトル下のボーダー */
}
.latest-posts h3 {
    font-size: 15px;
    margin-bottom: 10px;
    color: rgba(40, 62, 36, 1);
    margin: 5px auto;
    padding-bottom: 8px;
    text-align: center;
    width: 20%;
}
.container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/* その他のスタイル定義... */
}
.latest-posts h2 {
    font-size: 15px;
    margin-top: 40px;
    margin-bottom: 5px;
    color: #000;
    margin-left: 15px;
}

.latest-posts h2 a {
    color: #000; /* リンクの色を黒に */
    text-decoration: bold;
    transition: color 0.3s ease;
}

.latest-posts h2 a:hover {
    color: #728c55; /* ホバー時は薄緑に */
}

.post-date {
    font-size: 12px; /* 日付のフォントサイズを縮小 */
    color: #666; /* 日付の色をダークグレーに */
    margin-bottom: 5px; /* 日付下の余白を縮小 */
	margin-left: 20px;
}

.latest-posts .excerpt {
    font-size: smaller; /* 抜粋のフォントサイズを縮小 */
    color: #333; /* 抜粋の色をダークグレーに */
    margin-bottom: 10px; /* 抜粋下の余白を縮小 */
}

.latest-posts .excerpt p {
    margin-bottom: 0;
	margin-left: 10px;
	font-size: 12px !important; /* 強制的にこのサイズを適用 */
}

.post-item {
    cursor: pointer; /* ホバー時にポインターに変更 */
    transition: background-color 0.3s ease; /* 背景色の変化を滑らかに */
	width:202px;
	height:308px;
	float:left;
	background: url("../images/home/frame_5.png");
	margin: 10px;
}

.latest-posts .post-item:hover {
    background-color: #cecec7; /* ホバー時の背景色を薄灰色に変更 */
}

.latest-posts {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* その他のスタイル定義... */
}

.more-posts {
    align-self: flex-end;
    margin-top: 5px; /* コンテンツとリンクの間のスペース */
    text-decoration: none;
	font-weight:bold;
	color: black; /* リンクの色を薄緑に */
    /* リンクのスタイリング（色、フォントサイズなど） */
}

/* Fading animation */


#mainImg  {
	background: none;
	width: 960px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	
}



/* @end */

/* @group mainContents */

#contentsBox {
	position: relative;
	background-color: #FFFFFF;
	width: 965px;
}

#mainContents {
	width: 706px;
	margin: 10px 10px 0 0;
}

#conSystem {
	margin-top: 10px;
}

div.bnBox {
	width: 346px;
}

div.bnBox.left {
	margin-right: 7px;
}

.left_1 a {
	background: url('../images/home/frame_note.png') no-repeat;
	cursor: pointer; /* ホバー時にポインターに変更 */
	float: left;
	width: 350px;
	height: 80px;
	margin-top: 5px;
	margin-right: 4px;
	margin-bottom: 10px;
	display: block;	
	overflow: hidden;
	
}


.right_1 a {
	background: url('../images/home/frame_youtube.png') no-repeat;
	cursor: pointer; /* ホバー時にポインターに変更 */
	float: right;
	width: 350px;
	height: 80px;
	margin-top: 5px;
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
	
}

#topCatch {
    clear: both;
}
#topCatch h2 {
	background: url("images/home/h2TopCatch.png") no-repeat;
	
	width: 705px;
	height: 145px;
	margin-top: 10px;
	text-indent: -9999px;
}

div.bnBox a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

div.bnBox h3 a {
	height: 61px;
}

div.bnBox p a {
	height: 183px;
}

#bn01 h3 a {
	background: url("images/home/h3Com01.jpg") no-repeat;
}

#bn01 p a {
	background: url("images/home/com01.jpg") no-repeat;
}

#bn02 h3 a {
	background: url("images/home/h3Com02.jpg") no-repeat;
}

#bn02 p a {
	background: url("images/home/com02.jpg") no-repeat;
}

#bn03 h3 a {
	background: url("images/home/h3Com03.jpg") no-repeat;
}

#bn03 p a {
	background: url("images/home/com03.jpg") no-repeat;
}

#bn04 h3 a {
	background: url("images/home/h3Com04.jpg") no-repeat;
}

#bn04 p a {
	background: url("images/home/com04.jpg") no-repeat;
}

#incubate {
	clear: both;
	padding-top: 30px;
}

#incubate h3 {
	background: url("images/home/h3Incubate.png") no-repeat;
	height: 18px;
	text-indent: -9999px;
	margin-bottom: 7px;
}

#incubateImg {
	float: left;
	display: inline;
	width: 180px;
	margin-right: 10px;
}

#incubateImg p {
	margin-bottom: 0;
	font-size: 80%;
	text-indent: 0;
}

#subContents {
	width: 230px;
	margin: 10px 0 0 10px;
}

#footer {
	clear: both;
}



/* @end */