@charset "utf-8";

/*===================== common ====================*/

body {
  margin: 0;
  box-sizing: border-box;
  font-family: 'Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'sans-serif;
}
h1 {
  margin: 0;
}
h2 {
  margin: 0;
}
h3 {
  margin: 0;
}
h4 {
  margin: 0;
}
p {
  margin: 0;
}
img {
  vertical-align: bottom;
}
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
a {
  text-decoration: none;
  color:inherit;
}

/*===================== header =================================================*/

header {
  text-align: center;
  padding-top: 14px;
}

.title h1 {
  font-size: 42px;
}

.title img {
  width: 48px;
  padding-bottom: 12px;
}

nav div {
  display: inline-block;
}

nav button {
  background: #ddd;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 12px;
}

nav button:hover {
  opacity: .7;
  background: rgb(217, 228, 232);
}

/*===================== top_photo ===============================================*/

.top_photo {
  text-align: center;
}
.top_photo img {
  max-width: 1280px;
  width: 100%;
  margin-top: 16px;
}
.top_photo iframe {
  max-width: 1280px;
  width: 100%;
  margin-top: 16px;
}

/*===================== main ====================================================*/

main {
  text-align: center;
  padding: 16px 0;
}
h2 {
  line-height: 1.2;
  font-family: ヒラギノ明朝 ProN;
  font-size: 32px;
}
.inochi {
  font-size: 64px;
}
h3 {
  padding-top: 12px;
  font-size: 28px;
}
p {
  padding: 16px 0;
}

.a_way_of_hope iframe {
  width: 80%;
  max-width: 600px;
  margin: 32px;
}

/*===================== link ==================================================*/

.link {
  display: flex;
  justify-content: center;
  align-items: top;
  margin: 32px 0 0;
}
.youtube:hover {
  opacity: .7;
}
.twitter:hover {
  opacity: .7;
}
.youtube {
  width: 230px;
}
.link h4 {
  padding-top: 16px;
  font-size: 18px;
  color: orange;
}
.twitter {
  width: 230px;
}
.twitter img {
  border: 4px solid darkblue;
  border-radius: 50%;
}
/*===================== summary ================================================*/

.summary_text h4 {
font-size: 24px;
padding-bottom: 8px;
}

.yoshizawa_word {
font-size: 18px;
font-family: ヒラギノ明朝 ProN;
}

.hurikomi h4 {
  font-size: 24px;
  color: orange;
  margin-top: 32px;
}
.hurikomi table {
  text-align: left;
  width: 360px;
  background: #eee;
  margin: 12px auto 48px;
  padding: 0 24px;
  font-size: 18px;
}
.hurikomi thead {
  text-align: center;
  font-size: 20px;
}
/*==================== lecture =================================================*/

.lecture h4 {
  font-size: 24px;
}

.kouen_irai {
  width: 360px;
  margin: 0 auto;
}

.kouen_irai h4 {
  font-size: 24px;
  color: orange;
  margin-top: 32px;
}
.kouen_irai p {
  padding: 0;
}
.kouen_irai .tel {
  margin-top: 18px;
}
.mail {
  background: #ccc;
  padding: 4px 16px;
  border-radius: 8px;
  margin-top: 16px;
}
.mail:hover {
  opacity: .7;
}

/*===================== books ==================================================*/


.book_comment {
  font-family: ヒラギノ明朝 ProN;
  font-style: italic;
}
.buy {
  width: 200px;
  background: skyblue;
  margin: 0 auto 64px;
  border-radius: 4px;
  padding: 4px 8px;
}
.buy:hover {
  opacity: .7;
}

/*===================== visit ==================================================*/

.tel {
  background: #ccc;
  padding: 4px 16px;
  border-radius: 8px;
}
.tel:hover {
  opacity: .7;
}
.attention {
  text-align: left;
  margin: auto;
}
.attention div {
  display: flex;
  justify-content: center;
}
ul {
  padding-left: 16px;
  max-width: 640px;
  margin: 0;
}
.icon_parking {
  padding: 22px 16px;
}
.icon_attention {
  padding: 0 16px ;
}

/*===================== footer ==================================================*/

footer {
  background: #ccc;
  text-align: center;
  padding: 32px;
  color: #666;
}
/*===================== @media ===================================================*/

@media (max-width: 460px) {
  .title h1 {
    font-size: 32px;
  }
  .title img {
    width: 32px;
    padding-bottom: 12px;
  }
  h2 {
    line-height: 1.2;
    font-family: ヒラギノ明朝 ProN;
    font-size: 24px;
  }
  h3 {
  padding-top: 24px;
  font-size: 18px;
  }
  main p {
    font-size: 11px;
  }
  .link {
    margin: 32px 0 0;
  }
  .youtube {
    width: 180px;
  }
  .youtube img {
    width: 100px;
    height: 100px
  }
  .summary_text h4 {
    font-size: 16px;
    padding-bottom: 8px;
    }
    
    .yoshizawa_word {
    font-size: 12px;
    font-family: ヒラギノ明朝 ProN;
    }
    .summary_text p {
      font-size: 8px;
    }
    .yoshizawa_word {
      font-size: 10px;
    }
  .twitter {
    width: 180px;
  }
  .twitter img {
    width: 90px;
    height: 90px
  }
  .attention div {
      margin: 0 8px;
  }
  .attention div div p {
padding: 0;
}
  .icon_parking {
        padding: 0;
  }
  .icon_attention {
        padding: 0;
  }
    li {
      font-size: 11px;
    }