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


#top_image p span:nth-of-type(1) img{
width:60%;
height:auto;
margin:120px 0 0 20%;
}

#top_image p span:nth-of-type(2) img{
width:20%;
height:auto;
margin:20px 0 0 20px;
}

header{
padding-top:8px;
margin-top:-80px;
}


#branch{
width:90%;
margin:0 auto;	
max-width:1050px;
}

h2 br{
display:none;	
}
h2 span{
font-size:85%;	
}

h2 img{
vertical-align:middle;	
margin:0 0.3em 5px 0;
}

table{
margin:1em 0 1em 2em;	
line-height:2;
}

th{
white-space: nowrap;	
}

td{
padding-left:2em;	
line-height:1.5;
}

#jigyo_list li{
display:inline-block;
color:#fff;
background:#000;
padding:0.5em 1em;
margin:0 0.5em 1em 0;
}

#jigyo_list li:nth-last-of-type(1) {
margin-right:0;	
}

#right_box p{
text-align:justify;
}

#right_box p span{
display:block;
padding-top:1em;
}

#right_box p img{
width:31%;
height:auto;
margin-right:2.3%;
}
#right_box p img:nth-of-type(3){
margin-right:0;
}

#right_box h3{
background:#000;
color:#fff;	
font-size:90%;
padding:0.5em 1.5em;
margin:2em 0 1em;
text-align:center;
}

#right_box dl{
margin:1em 0 3em;	
}
	
#right_box dt{
font-size:130%;
margin:0 0 0.5em;
}

#right_box dd{
text-align:justify;
}

#right_box dt img{
vertical-align:middle;
margin:0 0.2em 5px 0;
}

#right_box dd dt {
margin:0.7em 0 -0.2em;
font-size:100%;	
}

#right_box dd span{
font-size:120%;
}

#right_box dd img{
width:31%;
height:auto;
margin-right:2.3%;
}

#right_box dd img:nth-of-type(3){
margin-right:0;
}

#map {
z-index:0;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom:2em;
}
 
#map iframe,
#map object,
#map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.ggmap{
z-index:0;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
width:100%;
height: 0;
overflow: hidden;
margin-bottom:2em;	
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



#right_box dl ul li{
padding-left: 0.5em;
}
#right_box dl ul li span{
display:inline-block;
background:#F9C;
font-size:100%;	
padding: 0 0.5em;
margin:0.5em 0.5em 0.5em -0.5em;
}

#right_box dl ul li span.span2{
display:inline-block;
background:#FC6;
font-size:100%;	
padding: 0 0.5em;
margin:0.5em 0.5em 0.5em -0.5em;	
}

#right_box dl ul li span.span3{
display:inline-block;
background:#6CF;
font-size:100%;	
padding: 0 0.5em;
margin:0.5em 0.5em 0.5em -0.5em;	
}

p#bos img{
float:right;
padding-left:1em;
margin-right:0;
width:50%;
}
#fc dt,
#link dt{
color:#009ee7;	
text-align:center;
}
#fc dd{
text-align:center;	
}
#link dd{
text-align:center;	
}
#link dd a{
display:inline-block;
width:40%;
text-align:center;
font-size:90%;
}
#link dd a:nth-of-type(1) img{
width:80%;	
}
#link dd a:nth-of-type(2) img{
width:50%;	
}

#link dd a:nth-of-type(3) img{
width:50%;	
}

.mg{margin:30px 0;}
.mg a{text-decoration:underline dotted #F09;}

.button a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  background-color: #ccc;
  transition: 0.3s;
}

.button a::before {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px dashed #3d9ec8;
  transition: 0.2s;
}

.button a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  transform: rotate(45deg);
}

.button a:hover::before {
  top: 0;
  left: 0;
}

.button a:hover {
  text-decoration: none;
  background-color: #a0c4d3;
}
@media screen and (max-width: 750px) {
#top_image p span:nth-of-type(1) img{
width:80%;
height:auto;
margin:30px 0 0 10%;
}	
#top_image p span:nth-of-type(2) img{
display:none;	
}
}

@media screen and (max-width: 640px) {
	
#top_image p span:nth-of-type(1) img{
width:100%;
height:auto;
margin:20px 0 0 0;
}

#branch{
width:90%;
margin:0 auto;	
}
h2{
line-height:1.2;
padding-bottom:0.5em;	
}
h2 br{
display:inline;	
}
h2 img{
display:none;	
}
table{
margin:0 0 1em 0;	
line-height:2;
width:100%;
}
th,td{
display:block;	
padding-left:1em;	
}
th{
background:#ddd;
}
#main{
padding-top:1em;	
}
#right_box dt{
font-size:120%;	
}

#right_box p img:nth-of-type(1){
display:block;
width:100%;
}

#right_box p img:nth-of-type(2),
#right_box p img:nth-of-type(3){
display:none;
}

#right_box dd img:nth-of-type(1){
display:block;
width:100%;	
}
#right_box dd img:nth-of-type(2),
#right_box dd img:nth-of-type(3){
display:none;	
}

p#bos img{
float:none;
padding-left:0;
padding-bottom:1em;
width:100%;
}

#link dd{
text-align:center;	
}
#link dd a{
display:block;
width:80%;
margin:0 auto 1em;
font-size:90%;
}

#link dd a:nth-of-type(1) img{
display:inline-block;
width:80%;	
text-align:center;
}
#link dd a:nth-of-type(2) img{
	display:inline-block;
width:50%;
text-align:center;	
}

#link dd a:nth-of-type(3) img{
	display:inline-block;
width:50%;
text-align:center;	
}


}

@media screen and (max-width: 500px) {
#top_image p span:nth-of-type(1) img{
width:100%;
height:auto;
margin:10px 0 0 0;
}

}



@media screen and (min-width: 1300px) {
#top_image p{
height:540px;
}
}

@media screen and (max-width: 1300px) {
#top_image p{
height:450px;
}
}

@media screen and (max-width: 1050px) {
#top_image p{
height:395px;
}
}

@media screen and (max-width: 900px) {
#top_image p{
height:340px;
}
}

@media screen and (max-width: 750px) {
#top_image p{
height:280px;
}
}

@media screen and (max-width: 600px) {
#top_image p{
height:250px;
}
}

@media screen and (max-width: 500px) {
#top_image p{
height:210px;
}
}

@media screen and (max-width: 400px) {
#top_image p{
height:170px;
}
}

#top_image p img{
position:absolute;
top:0;	
}