/* # a */
a {
  color: var(--color-blue_light);
}

a:hover {
  color:  var(--color-red_light);
}

@media only screen and (min-width: 768px) {
  a:hover {
    text-decoration: underline;
  }
}

/* # h */
h1 {
  width: 100%;
  margin-bottom: .25em; /* 1em */
  padding: 1.5rem 0 1.5rem 5.5rem;
  background-image:url("../img/h-h1.png");
  background-repeat: no-repeat;
  background-size: 55rem 5.5rem;
  color: var(--color-main_dark);
  font-size: 2.2rem;
  font-weight: bold;
  text-shadow: 2px 2px 0 white, -2px 2px 0 white, -2px -2px 0 white, 2px -2px 0 white;
}

h2 {
  margin-top: 0; /* 1.25em */
  margin-bottom: .75em; /* 1em */
  color: var(--color-main_dark);
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.4;
}

h2::before {
  margin-right: .25em;
  content: url('../img/h-h2_before.png');
}

h3 {
  margin-top: 1.25em;
  margin-bottom: .75em;
  padding: .25em 0 .25em .5em;
  border-left: .5em var(--color-main_dark) solid;
  font-size: var(--font-size_l);
  font-weight: bold;
  line-height: 1.4;
}

@media only screen and (min-width: 768px) {
  h1 {
    width: 55rem;
    height: 5.5rem;
    margin: 0 auto .25em; /* 0 auto 1em */
    padding: 0 0 0 6rem;
    background-size: contain;
    font-size: 3.2rem;
    text-shadow: 3px 3px 0 white, -3px 3px 0 white, -3px -3px 0 white, 3px -3px 0 white;
  }

  h2 {
    font-size: 1.6em;
  }

  h2::before {
    margin-right: .25em;
  }

  h2::after {
    margin-left: .25em;
    content: url('../img/h-h2_after.png');
  }

  h3 {
    letter-spacing: .1em;
  }
}

/* # section */
section {
  /* margin-bottom: 1em; */ /* enable */
}

/* # p */
p {
  /* margin-bottom: .5em; */ /* enable */
  /* line-height: 1.75; */ /* enable */
  margin-bottom: 1em;
}

/* # list */
ul {
  padding-left: 1em;
  list-style-type: disc;
  list-style-position: inside;
}

li {
  margin-bottom: .5em;
  line-height: 1.5;
}

/* # table */
table {
  width: 100%;
  margin-bottom: 1em;
	table-layout: fixed;
	empty-cells: show;
}

th,
td {
  padding: .5rem; /* .75rem .5rem */
  font-size: 0.8em;
  border: var(--color-main) 2px solid;
}

th {
  font-weight: normal;
  text-align: center;
  background-color: var(--color-main_light);
}

/* # img  */
img {
  max-width: 100%;
  object-fit: contain;
}

@media only screen and (min-width: 768px) {
  img {
    width: auto;
  }
}

/* # hr  */
hr {
  margin: .75em 0;
  border-color: var(--color-gray_light);
}

/* # Icon */
.icon::before {
  display: inline-block;
  height: 1em;
  width: 1em;
  margin-right: .5em;
  background-size: cover;
  vertical-align: middle;
  content: '';
}

.icon.i-01::before { background-image: url('../img/i-01.png'); }
.icon.i-02::before { background-image: url('../img/i-02.png'); }
.icon.i-03::before { background-image: url('../img/i-03.png'); }
.icon.i-04::before { background-image: url('../img/i-arrow_01.png'); }

/* # Wordpress  */
.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.alignright {
  float: right;
  margin-bottom: 20px;
  margin-left: 20px;
}
.alignleft {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.wp-caption,
[class*='wp-image'] {
  display: block;
  max-width: 100% !important;
  margin-top: 1.5em;
  text-align: center;
}
.wp-caption-text {
  margin-top: 0;
}