@charset "utf-8";

/* 見出し */
h2{
  text-align:center;
  font-size:2.4rem;
  color:#fff;
  padding:70px 0;
  background:url(../images/ogaru/bg_h2_ogaru.jpg) no-repeat center center/cover;
  font-weight:700;
}
h2 span{
  font-size:1.2rem;
  display:block;
  margin-bottom:10px;
}
h3{
  font-size:2rem;
  padding-bottom:10px;
  border-bottom:2px solid #e3930e;
  line-height:125%;
  margin-bottom:10px;
  font-weight:700;
}
h4{
  font-size:1.6rem;
  border-left:4px solid #e3930e;
  padding:5px 0 5px 5px;
  margin-top:20px;
  margin-bottom:5px;
  font-weight:700;
}

.sec-inner{
  padding:30px 20px;
}
.sec-inner p{
  line-height:150%;
  margin-bottom:1em;
}
.sec-inner .photo{
  text-align:center;
}

#sec02 table th,
#sec02 table td{
  display:block;
  text-align:left;
  line-height:150%;
}
#sec02 table td{
  margin-bottom:1.5em;
}

#sec03 .map{
  position:relative;
  padding-bottom:100%;
  height:0;
  overflow:hidden;
  z-index:-1;
}
#sec03 .map iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}



/* タブレット
-------------------------------------------------- */
@media only screen and (min-width: 667px) {

  #sec01 .wrap{
    display:flex;
  }
  #sec01 .wrap .photo{
    width:600px;
    margin-left:20px;
  }

  #sec02 table th,
  #sec02 table td{
    display:table-cell;
    padding-bottom:1.5em;
  }
  #sec02 table th{
    padding-right:20px;
    white-space:nowrap;
  }

  #sec03 .map{
    padding-bottom:56.25%;
  }

}



/* PC
-------------------------------------------------- */
@media only screen and (min-width: 1024px) {

  /* 見出し */
  h2{
    font-size:3rem;
    padding:100px 0;
  }
  h3{
    font-size:2.4rem;
  }

  .sec-inner{
    padding:50px 30px;
    max-width:1000px;
    margin:0 auto;
  }

}