@charset "utf-8";
/* CSS Document */

/***************************************

歩行開発研究所　2026

「NEWS」

     PC　スマホ　共通

****************************************/
/***************************************

配色設定

青	#069
薄水色	#EFF9F5
水色	#CCEDEA
ベージュ#F9F6F0
赤	#E83717
グレー	#404040

****************************************/



/*----------　一覧ページタイトル　------------*/
#title_img{
	background-color:#069;
	background-image:url(../class/img/class_img.png);
	background-repeat:repeat-x;
	background-position:center;
	height:150px;
}
#title_img h1{
	margin-top:1.5em;
	text-align:center;
}
/*----------最新のお知らせ　------------*/
h3{
	font-size:1.2em;
	text-align:center;
	margin:3em 0 2em 0;

}
#latest a{
	display:block;
	background-color:#FFF;
	border-radius:20px;
	overflow:hidden;
	text-decoration:none;
	margin-top:1em;

	padding:2em 3em 2em 2em;
	background-image:url(../img/arrow_right_blue.png);
	background-repeat:no-repeat;
	background-position:right 1.3em center;

}
#latest a:hover{
	background-color:#CCEDEA;
}

#latest img{
	box-shadow:3px 3px 8px #bbb;
	width:100px;		/*--最新のお知らせ　写真は幅を固定-*/
	height:auto;
	margin-right:2em;
}

#latest p{
	margin-top:0.5em;
	color:#069;
}
.date{
	color:#606060;
}

.point span{
	font-size:0.8em;
	border:solid 1px #CCC;
	color:#666;
	border-radius:20px;
	padding:0.3em 1em;
}

/*------------NEWS一覧----------------*/

.list{
	background-color:#FFF;
	border-radius:20px;
	overflow:hidden;
	margin-bottom:3em;
}

.list ul{
	list-style-image:url(../img/red_square.png);
}

.list li{
	margin-top:2em;
	line-height:1.6em;
	color:#606060;
	padding-left:1em;
}

.list li a{
	color:#069;
	text-decoration:none;
	border-bottom:dotted 2px #CCC;
}
.list li a:hover{
	color:#E83717;
}






/****************************

     PC

*****************************/

@media screen and (min-width: 850px){

/*----------NEWS一覧　------------*/

.list{
	padding:2em 3em 2em 3em;
}

#latest img{
	float:left;
}


					}
/****************************

     スマホ

*****************************/

@media screen and (max-width: 849px){

/*----------最新のお知らせ　------------*/
.photo{
	text-align:center;
}

#latest img{
	margin:auto;
}

/*----------NEWS一覧　------------*/

.list{
	padding:2em 1em 2em 2em;
}

					}