@charset "utf-8";
.pageCommon{
margin-top: 100px;
}
@media screen and (max-width:767px){
.pageCommon{
margin-top: 70px;
}
}
.pageCommon .keyvisual{
width: 100%;
height: 500px;
}
@media screen and (max-width:767px){
.pageCommon .keyvisual{
height: 200px;
}
}
#nishikawa .keyvisual{
background: url("../images/page/key-nishikawa.jpg") center no-repeat;
background-size: cover;
}
#about .keyvisual{
background: url("../images/page/key-about.jpg") center no-repeat;
background-size: cover;
}
#information .keyvisual{
background: url("../images/page/key-information.jpg") center no-repeat;
background-size: cover;
}
.pageCommon .keyvisual .tate{
top:50%;
left: 50%;
transform: translate(-50%,-50%);
    letter-spacing: 0.1em;
    white-space: nowrap;
}
@media screen and (max-width:767px){
.pageCommon .keyvisual .tate{
writing-mode: horizontal-tb;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb;
}
}
.pageCommon .lead{
font-size: 3.6rem;
}
@media screen and (max-width:767px){
.pageCommon .lead{
font-size: 3.2rem;
}
}
/*nishikawa*/
#nishikawa .block01 .txtBox{
width: calc(29% - 45px);
margin-left: 45px;
}
@media screen and (max-width:1088px){
#nishikawa .block01 .txtBox{
width:30%;
margin-left: 0;
}
}
@media screen and (max-width:980px){
#nishikawa .block01 .txtBox{
width: 35%;
}
}
@media screen and (max-width:767px){
#nishikawa .block01 .txtBox{
width: 100%;
margin-bottom: 30px;
}
}
#nishikawa .block01 .img{
width: 66.6666%;
}
@media screen and (max-width:980px){
#nishikawa .block01 .img{
width: 60%;
}
}
@media screen and (max-width:767px){
#nishikawa .block01 .img{
width: 100%;
}
}
#nishikawa .block02 .txtBox{
width: calc(29% - 45px);
margin-right: 45px;
}
@media screen and (max-width:1088px){
#nishikawa .block02 .txtBox{
width:30%;
margin-right: 0;
}
}
@media screen and (max-width:980px){
#nishikawa .block02 .txtBox{
width: 35%;
}
}
@media screen and (max-width:767px){
#nishikawa .block02 .txtBox{
width: 100%;
margin-bottom: 30px;
}
}
#nishikawa .block02 .img{
width: 60%;
}
@media screen and (max-width:767px){
#nishikawa .block02 .img{
width: 100%;
}
}
/*about*/
@media only screen and (max-width:767px){
#about .historyblock{
width: 100%;
}
#about .historyblock:first-child{
margin-bottom: 40px;
}
}
#about .historyblock .historybox .year{
padding: 0 30px;
}
@media only screen and (max-width:767px){
#about .historyblock .historybox .year{
padding: 0 15px 0 30px;
}
}
#about .historyblock .historybox .year:after{
content: "";
position: absolute;
top: 9px;
left: 11px;
width: 9px;
height: 1px;
background: #898989;
}
#about .historyblock .afterNote{
padding-left: 30px;
}
@media only screen and (max-width:767px){
#about .historyblock .afterNote{
padding-left: 15px;
}
}
#about .box02 .txtBox{
width: 50%;
}
@media only screen and (max-width:767px){
#about .box02 .txtBox{
width: 100%;
}
}
#about .box02 .img{
width:45%;
max-width: 383px;
}
@media only screen and (max-width:767px){
#about .box02 .img{
width: 100%;
max-width: none;
}
}
/*information*/
#information .infoBlock .img{
width: 50%;
}
@media screen and (max-width:980px){
#information .infoBlock .img{
width: 100%;
margin-bottom: 30px;
}
}
#information .infoBlock .txtBox{
width: 45%;
max-width: 380px;
}
@media screen and (max-width:980px){
#information .infoBlock .txtBox{
width: 100%;
}
}
#information .infoBlock table{
width: 100%;
}
#information .infoBlock table th{
width: 15%;
}
#information .infoBlock table td{
width: 85%;
padding-bottom: 40px;
}
#information .map{
max-width: 1300px;
}
#information .mapLink .mappin{
width: 12px;
margin-right: 10px;
}