@charset "shift_jis";

.page_header {
  padding-bottom: 1em;
}

ul.service {
  margin: 1em 0;
}
ul.service li {
  padding-bottom: 1em;
}

.schedule_table .schedule_table_header {
  text-align: center;
  color: #fff;
  border: 1px solid #999;
  border-bottom: none;
  padding: 0.5em;
}

.month1 .schedule_table_header {  background-color: #dc143c;}
.month2 .schedule_table_header {  background-color: #1e90ff;}
.month3 .schedule_table_header {  background-color: #ffd700;}
.month4 .schedule_table_header {  background-color: #db7093;}
.month5 .schedule_table_header {  background-color: #3cb371;}
.month6 .schedule_table_header {  background-color: #008080;}
.month7 .schedule_table_header {  background-color: #4169e1;}
.month8 .schedule_table_header {  background-color: #0000cd;}
.month9 .schedule_table_header {  background-color: #8a2be2;}
.month10 .schedule_table_header {  background-color: #8b008b;}
.month11 .schedule_table_header {  background-color: #a52a2a;}
.month12 .schedule_table_header {  background-color: #009900;}

.schedule_table_header h3 {
  font-size: 1.2em;
  color: #FFFF00;
}
.schedule_table_header .kome {
  color: #FFFF00;
}

.schedule_table table {
  width: 100%;
  border-collapse:  collapse;
}
.schedule_table table th,
.schedule_table table td {
  border: 1px solid #999;
  padding: 0.3em;
  text-align: center;
  font-size: 0.875em;
}
.schedule_table table th,
.schedule_table table .date {
  background-color: #FFFFCC;
  width: 20%;
}
.schedule_table table .am {
  width: 30%;
}
.schedule_table table .pm {
  width: 50%;
}

.howto_wrap > div .item {
  margin-top: 1em;
}

#greeting h3 {
  font-size: 1.6em;
  line-height: 1.4;
  font-family: "Sawarabi Mincho";
  padding-bottom: 0.2em;
  margin-bottom: 1em;
}

#greeting h3 span {
  display: block;
}
#greeting .photo {
  float: left;
  padding-right: 2em;
}

.profile h3,
.product h3 {
  border-bottom: 1px solid #aaa;
  font-size: 1.2em;
  font-weight: bold;
  padding: 0.5em 0.2em;
  margin: 0.5em 0;
}

.product ul {
  
}
.product ul li {
  text-indent: -1em;
  padding-left: 1em;
  padding-bottom: 0.5em;
}
.product ul li::before {
  content: '■'; 
}

.book_content {
  justify-content: center;
  flex-wrap: wrap;
}
.book_content div {
  padding: 1em 0.5em;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.book_content div img {
  width: auto;
  max-height: 300px;
}

@media (max-width: 768px) {
  
  ul.service {
      width: 95%;
      margin: 0 auto;
  }
  
  #greeting .photo {
    float: none;
    text-align: center;
    padding: 1em;
  }

  .schedule_table {
    width: 95%;
    margin: 0 auto;
  }
  
  #profile {
    width: 95%;
    margin: 1em auto;
  }
  
  
}