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

/* 中身-モバイルファースト======================================================================================================== */

#information h4{
font-size: 22px;
margin-bottom: 20px;
}
#information .alpha{
margin-bottom: 20px;
}
#information .alpha p,
#information .beta .photo{
margin-bottom: 20px;
}

#greeting .inner .copy{
font-size: 22px;
margin-bottom: 20px;
}
#greeting .inner .copy .photo{
width: 70%;
margin: 0 auto;
}
#greeting .name{
display: block;
text-align: right;
padding-top: 20px;
margin-top: 20px;
border-top: solid 1px #ddd;
}


#local dl{
border-bottom: solid 1px #CCC;
padding-bottom: 20px;
margin-bottom: 20px;
}
#local dl:last-child{
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0px;
}
#local dl .photo{
float: left;
margin: 0 20px 0px 0;
}
#local dl .photo img{
width: 100px;
height: auto;
}
#local dt{
font-size: 16px;
font-weight: bold;
}


#access h4{
border: solid 1px #111;
padding: 10px;
margin-bottom: 20px;
margin-top: 40px;
}
#access h3 + h4{
margin-top: 0px;
}
#access li{
display: flex;
justify-content: space-between;
padding: 20px;
margin-bottom: 20px;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
}
#access li:last-child{
margin-bottom: 0;
}
#access li .photo{
width: 120px;
}
#access li .text{
flex: 1;
margin-left: 10px;
}
#access li .text h5{
font-size: 18px;
}
#access li .text p{
font-size: 12px;
}
#access li .text address{
	color: #F00;
}
#access li .text .common_btn{
margin-top: 10px;
}


/* PCのみ======================================================================================================== */
@media print, screen and (min-width: 751px){

.contents_menu ul{
display: flex;
justify-content: space-between;
}
.contents_menu li{
width: 260px;
}
.contents_menu li a{
display: block;
text-decoration: none;
text-align: center;
padding-bottom: 15px;
border-bottom: solid 1px #111;
}
.contents_menu li a:hover{
border-color: #3d9940;
color: #3d9940;
}


#information .inner{
display: flex;
justify-content: center;
}
#information .alpha{
width: 500px;
margin-bottom: 0;
margin-right: 60px;
}
#information .beta{
width: 440px;
}


#greeting .inner{
display: flex;
align-items: center;
}
#greeting .inner .copy{
white-space: nowrap;
margin-right: 40px;
margin-bottom: 0;
}
#greeting .inner .copy .photo{
width: 250px;
margin: 0 auto 10px;
}
#greeting .inner .text{
flex: 1;
}


#local .inner{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#local dl{
width: 48%;
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 40px;
}
#local dl .photo img{
width: 200px;
}



#access ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#access li{
width: 49%;
padding: 20px;
margin-bottom: 0;
margin-top: 2%;
}
#access li:nth-child(-n+2){
margin-top: 0;
}
#access li .photo{
width: 240px;
}
#access li .text{
margin-left: 20px;
}
#access li .text h5{
font-size: 22px;
}
#access li .text p{
font-size: 14px;
}
#access li .text .common_btn{
text-align: right;
}





















}

