@charset "UTF-8";
/* CSS Document */

body {
  padding-top:54px;
  
  background-color: #ffffff;
  color: #000000;
}

.bg-img {
  background-image: url("../images/top.png");
  background-size: cover;
  background-position: center 60%;
}

/*
a:link { color: #13bf00; }
a:visited { color: #13bf00; }
a:hover { color: #cccccc; }
a:active { color: #ff8000; }
*/

h1 {
  position: relative;
  color: #FFFFFF;
  padding: 2px 0;
  text-align: left;
}
.lead{
  color: #FFFFFF;
  font-size: 20px;
  padding: 0px 0;
  text-align: left;
}

h2 {
  position: relative;
  color: #158b2b;
  font-size: 20px;
  padding: 10px 0;
  text-align: center;
  margin: 1.5em 0;
}
h2:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  width: 150px;
  height: 58px;
  border-radius: 50%;
  border: 5px solid #a6ddb0;
  border-left-color: transparent;
  border-right-color: transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}


h3 {
  position: relative;
  background: #a6ddb0;
  padding: 2px 5px 2px 25px;
  font-size: 18px;
  color: #158b2b;
  border-radius: 0 10px 10px 0;
  left: 0em;
}

h3:before {
  font-family: "Font Awesome 5 Free";
  content: "\f45d";
  display: inline-block;
  line-height: 40px;
  position: absolute;
  padding: 0em;
  color: white;
  background: #158b2b;
  font-weight: 900;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: -0.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: solid 3px white; 
  border-radius: 50%;
}

h4 {
  position: relative;
  padding: 0.25em 0;
}
h4:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
  background: linear-gradient(to right, rgb(230, 90, 90), transparent);
}

h5 {
  position: relative;
  color: #ffffff;
  padding: 2px 0;
  text-align: center;
}

h5 a {
  color: #13bf00;  
}
h5 a:link {
  color: #13bf00; /* 通常のリンクの色 */
}

h5 a:visited {
  color: #13bf00; /* 訪問済みリンクの色 */
}

h5 a:hover {
  color: #a6ddb0; /* ホバー時の色 */
}

h5 a:active {
  color: #a6ddb0; /* クリック時の色 */
}