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

#mainArea {
  width:100%;
  height:auto;
  position:absolute;
  top:0;
  z-index:500;
}
#visualBlock {
  width:100%;
  height:380px;
  background-image:url(../images/main.jpg);
  background-size:cover;
  background-position:center;
}
#visualBlock h1 {
  width:100%;
  text-align:center;
  padding:160px 0 0;
  color:#FFF;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 900;
  font-size:300%;
  line-height:1.1em;
  text-shadow: 4px 4px 10px #000000;
}
#visualBlock h1 span {
  font-size:20px;
  
}
#contentsArea {
  background-color:#ededed;
}
.contactBlock {
  width:600px;
  margin:30px auto 0;
}
.contactBlock dl {
  display: flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display: -webkit-flex;
  border-top:#666 dotted 1px;
  border-bottom:#666 dotted 1px;
}
.contactBlock dt {
  width:25%;
  line-height:1.4em;
  padding:8px 0;
}
.contactBlock dd {
  width:75%;
  line-height:1.4em;
  padding:8px 0;
}



/* SmartPhone用設定
------------------------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 767px) {


#visualBlock {
  width:100%;
  height:240px;
}

#visualBlock h1 {
  padding:100px 0 0;
  font-size:300%;
  font-size:240%;
  line-height:1.1em;
}
.contactBlock {
  width:100%;
  margin:10px auto 0;
}
.contactBlock dl {
  display: block;
  border-top:#666 dotted 1px;
}
.contactBlock dt {
  width:100%;
  line-height:1.4em;
  padding:8px 0 0px;
}
.contactBlock dd {
  width:100%;
  line-height:1.4em;
  padding:3px 0 8px;
}

}