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

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

歩行開発研究所　2026

「研究所について」

     PC　スマホ　共通

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

配色設定

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

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

/*----------ページヘッダー部　------------*/

#contact_head{
	align-content:center;
	text-align:center;
	height:90px;
	background-image:url(../class/img/class_img.png);
	background-repeat:no-repeat;
	background-position:center;

}


/*----------ニュースヘッダー部　------------*/
/*前のページへもどる*/
.back_page{
	margin-top:1em;
	padding-left:2em;
	background-image:url(../img/arrow_left.png);
	background-repeat:no-repeat;
	background-position:0.3em center;
}
.back_page a{
	text-decoration:none;
	color:#060606;
}
.back_page a:hover{
	color:#E83717;
}



/*タイトル*/
#cont{
	overflow:hidden;
/*	background-color:#eee;*/
	padding-bottom:5em;

}
h1{	
	text-align:center;
	margin:0.5em 0 2em 0;
	color:#069;
}
.box{
	margin:auto;
	text-align:center;
	margin-top:2em;
	box-shadow:1px 1px 3px #CCC;
	background-repeat:no-repeat;
	background-position:left 20px center;
	font-size:2em;
}
.mail{

	background-image:url(img/mail.png);
}
.tel{
	background-image:url(img/tel_fax.png);
}

.box a:hover{
	color:#E83717;
}
/****************************

     PC

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

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

.box{
	width:50%;
	padding:1em 100px;

}



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

     スマホ

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

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

.box{
	width:70%;
	padding:2em 100px;
	font-size:1em;
}
					}