.tgg-note {
	padding: 30px 0;
}
.tgg-note p {
	font-size: 13px;
	line-height: 1.4;
}

.tgg-pnav {
  padding: 15px 0;
}
.tgg-pnav ul {
  display: flex;
  justify-content: space-around;
}
.tgg-pnav ul li {
  list-style: none;
}
.tgg-pnav ul li a {
  color: #848484;
  display: block;
  font-size: 14px;
}

.tgg-pnav-wrap {
	background-color: #F6F3ED;
}

.tgg_price-num {
    font-size: 30px;
    font-weight: 700;
    margin-left: 5px;
    /* font-family: Aller-Display,sans-serif; */
    color: #46a2e0;
}
@media only screen and (max-width: 767px) {
	.tgg-pnav ul {
  display: block;
  justify-content: space-around;
}
	.tgg-pnav ul li a {
  color: #848484;
  display: block;
  font-size: 14px;
		width: 50%;
		float: left;
		padding: 5px;
}
	.tgg-pnav {
  padding: 15px 0 30px;
}
}


.tgg-feature {
  background: #00a5e3;
  padding: 60px 0;
}

.tgg-feature h3 {
  color: #fff;
  text-align: center;
  font-size: 26px;
  margin-bottom: 25px;
    border-bottom: solid 1px #fff;
    padding-bottom: 10px;
    line-height: 1.5;
}
.tgg-feature ul li {
  color: #fff;
  font-size: 18px;
}
.tgg-feature ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tgg-feature ul li {
  position: relative;
  padding-left: 1.2em; /* 三角の分だけ左に余白を作る */
  line-height: 1.6;
}

.tgg-feature ul li::before {
  content: "▶"; /* 三角マーク */
  position: absolute;
  left: 0;
  color: #fff; /* 白色（背景が青のため見やすい）*/
  font-size: 0.9em;
  top: 0;
}

.tgg-feature .yellow {
color: #dff846;
font-weight: 600;
}
.tgg-lesson {
  background: linear-gradient(90deg, rgba(0,165,85,0.2) 0%, rgba(0,134,114,0.3) 100%);
  padding: 60px 0;
}
.tgg-lesson h3 {
  text-align: center;;
  margin-bottom: 25px;
    border-bottom: solid 1px #333;
    padding-bottom: 10px;
    line-height: 1.5;
}
.tgg-lesson ul li {
  font-size: 18px;
}
.tgg-lesson ul li .pink {
  color: #e63976;
  font-weight: 600;;
}

.tgg-lesson ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tgg-lesson ul li {
  position: relative;
  padding-left: 1.2em; /* 三角の分だけ左に余白を作る */
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.tgg-lesson ul li::before {
  content: "▶"; /* 三角マーク */
  position: absolute;
  left: 0;
  color: #333; /* 白色（背景が青のため見やすい）*/
  font-size: 0.9em;
  top: 0;
}
.tgg-about {
  background: linear-gradient(90deg, rgba(0,165,85,0.2) 0%, rgba(0,134,114,0.3) 100%);
  padding: 60px 0;
}
.tgg-about h3 {
  text-align: center;
color: #00a5e3;
margin-bottom: 25px;
    border-bottom: solid 1px #333;
    padding-bottom: 10px;
    line-height: 1.5;
}
.tgg-about .school-leader {
    text-align: center;
}
.tgg-about .school-name {
    text-align: center;
}
.school-name h3 {
  font-size: 20px;
  color: #333;
  margin-top: 0;
}
.tgg-cta-block h2 {
  color: #e63976;
}
.tgg-cta-block ul {
  margin-bottom: 20px;
  padding-left: 1.5em;
}
.tgg-cta-block ul li {
  list-style-type: disc;
  font-size: 18px;
}
.tgg-comment {
  padding: 25px 0;
}
.tgg-comment h4 {
  padding: 25px 0;
  font-size: 24px;
}
.principal-name {
  font-size: 20px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
.tgg-feature {
  background: #00a5e3;
  padding: 30px 0;
}
.tgg-cta-block h2 {
  font-size: 24px;
}
.tgg-feature ul li {
  font-size: 16px;
}
.tgg-cta-block ul li {
  font-size: 16px;
}
.tgg-lesson ul li {
  font-size: 16px;
}
}

.adlp-btn.--free.line-btn.cta-tgg::before {
  content: "無料";
  color: #e63976 !important;
}

.line-btn.cta-tgg {
  background-color: #e63976 !important;
}

.floating-CTA.CTA-tgg {
    display: flex;
    justify-content: center;
}
.access-pdf {
  border: solid 1px #00a5e3;
  color: #00a5e3;
  padding: 10px 30px;
  border-radius: 30px;
  font-size: 16px;
  text-align: center;
  display: inline;
}
@media only screen and (max-width: 767px) {
.tgg-lnav {
  display: none;
}
}
.price-block h4 {
    padding: 5px !important;
}
.school_price-num {
    font-size: 30px;
    font-weight: 700;
    margin-left: 5px;
    color: #46a2e0;
}