@charset "UTF-8";

#exb h2 {
font-size: 20px;
line-height: 1.5;
margin: 30px 0 20px;
color: #032e7b;
text-shadow: 4px 4px 4px rgba(150, 150, 150, 0.4);
}
#exb h2 br{
display: none;
}
#exb h3{
color: #fff;
font-size:18px;
font-weight: normal;
padding: 8px 15px 5px;
background:url(../img/access/bg_h2.jpg) ;
border-bottom: solid 3px #eb0122;	
}
#exb h3 span{
	font-size: 15px;
	padding-left: 10px;
}
#exb .note {
font-size: 14px;
margin: 0 0 20px;
}
#exb .guide {
margin: 0 0 20px;
}

#main {
	margin: 0 0 50px 0;
	width: 100%;
}
#pwc {
	margin: 0 0 50px 0;
	width: 100%;
}
#bayside {
	margin: 0 0 50px 0;
	width: 100%;
}

#exb .list1 a,
#exb .list2 a,
#exb .list1 a:visited,
#exb .list2 a:visited { 
color: #00e; 
text-decoration: none;
}
#exb .list1 a:hover,
#exb .list2 a:hover{
color: #d02323;
}

/* ------- */
#exb .list1,
#exb .list2{
	margin:0;
	padding:0 6%;
}
#exb .list1 li{
	float: none;
	width:100%;
	margin: 0 0 30px 0;
}
#exb .list2 li{
	float: left;
	width: 40%;
	margin: 22px 5% 10px 0;
}
#exb .photo,
#exb .photo2{
	margin: 0 0 7px;
}
#exb .photo img,
#exb .photo2 img{
border: solid #a3c5d9;
-webkit-box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    3px 3px 10px 0px rgba(50, 50, 50, 0.3);
box-shadow:         3px 3px 10px 0px rgba(50, 50, 50, 0.3);
}
#exb .photo img:hover{
	border: solid #d02323;
}
#exb .name{
margin: 0;
border-left: solid 3px #acbccd;
padding: 4px 0 0 10px;
font-size:15px;
line-height: 1.4;
}

/* ------- */
#exb .inlink {
  margin: 0 10px 0 -40px;
}
#exb .inlink li{
  float:left;
  margin: 0 10px 15px 0;
}
#exb .btn2 {
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  color: #134197;
  font-size: 14px;
  background: #eaf4fb;
  padding: 5px 12px 5px 10px;
  border: solid #134197 2px;
  text-decoration: none;
}
#exb .btn2:hover {
  background: #c6e8f6;
  text-decoration: none;
}
#exb .btn2 span{
font-size: 90%;
}




/* タブレットレイアウト : 481 px ～ 640 px。モバイルレイアウトからスタイルを継承。 */

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

#exb .guide {
margin: 0;
}
#exb .list1,
#exb .list2 {
padding:0;
} 
#exb .list1 li {
	float: left;
	width: 47%;
	margin: 22px 1.5% 10px 1.5%;
}
#exb .list2 li{
	float: left;
	width: 30.333%;
	margin: 22px 1.5% 10px 1.5%;
}
#exb .list2 .name br{
	display: none;
}
}


/* デスクトップレイアウト : 641 px ～ */

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

#exb .guide {
margin: 0 0 0.7em;
padding: 0 0.7em;
}
#exb h2 {
font-size: 25px;
}
#exb h2 br{
display: block;
}
#exb h3{
font-size:20px;
}
#exb .guide{

}
#exb .name{
font-size:16px;
}
#exb .list1 li {
	float: left;
	width: 31%;
}
html>/**/body　#exb .list1 li {
	margin/***/: 0 9px 30px 9px\9;
}
#exb .list1 li {
	margin: 0 1% 30px 1%;
}

#exb .list2 li{
	float: left;
	width: 23%;
}
html>/**/body　#exb .list2 li{
	margin/***/: 20px 9px 0 9px\9;
}
#exb .list2 li{
	margin: 20px 1% 0 1%;
}

#exb .btn2 {
  padding: 5px 10px 3px 15px;
}

}

/* デスクトップレイアウト : 768 px ～ */

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

}