@charset "utf-8";

/*
見出し・テキスト
*/

/* テキスト
---------------------------------------------------- */
.txt01 {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 2;
}
@media screen and (max-width:750px) {
	.txt01 {
		font-size: 2.5rem;
		line-height: 1.8;
	}
}

.txt02 {
	font-size: 1.2rem;
	line-height: 1.8;
}
@media screen and (max-width:600px) {
	.txt02 {
		font-size: 2.2rem;
	}
}

.txt03 {
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2;
	color: #666666;
	text-align: center;
}
@media screen and (max-width:900px) {
	.txt03 {
		font-size: 2.6rem;
	}
}

.txt04 {
	font-size: 1.0rem;
	line-height: 1.8;
	color: #666666;
}
@media screen and (max-width:600px) {
	.txt04 {
		font-size: 2.0rem;
	}
}

.txt05 {
	font-size: 1.6rem;
	/* font-weight: 600; */
	line-height: 1.9;
	color: #333333;
}

@media screen and (max-width:1060px) {
	.txt05 {
		font-size: 2.8rem;
	}
}




/* テキスト蛍光ペン
---------------------------------------------------- */
.txt_highlight01 {
	text-decoration: underline;
	text-decoration-thickness: 8px;
	text-decoration-color: rgba(255,233,145,1);
	text-underline-offset: -0.2em;
	text-decoration-skip-ink: none;
}

.txt_highlight02 {
	color: #2CB8A3;
	text-decoration: underline;
	text-decoration-thickness: 8px;
	text-decoration-color: rgba(255,233,145,1);
	text-underline-offset: -0.2em;
	text-decoration-skip-ink: none;
}



/* 見出し
---------------------------------------------------- */


/* タイトル用
---------------------------------------------------- */
.ttl01 {
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #333333;
}

@media screen and (max-width:600px) {
	.ttl01 {
		font-size: 3.6rem;
	}
}

.ttl02 {
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1.35;
	color: #333333;
}

@media screen and (max-width:600px) {
	.ttl02 {
		font-size: 4.6rem;
	}
}

.ttl03 {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.4;
	color: #2CB8A3;
	border-bottom: 3px solid #2CB8A3;
	padding: 0 0 10px;
	margin: 0 0 15px;
	text-align: center;
}

@media screen and (max-width:750px) {
	.ttl03 {
		font-size: 3.4rem;
	}
}

.ttl04 {
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4;
	color: #333333;
	margin: 0 0 15px;
}

.ttl04::first-letter {
	font-size: 3.2rem;
	color: #2CB8A3;
}

@media screen and (max-width:750px) {
	.ttl04 {
		font-size: 3.0rem;
		margin: 0 0 5px;
	}

	.ttl04::first-letter {
		font-size: 4.0rem;
	}
}

.ttl05 {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.4;
	color: #2CB8A3;
	border-bottom: 1px solid #2CB8A3;
	border-top: 1px solid #2CB8A3;
	padding: 20px 0 20px;
	margin: 0 0 40px;
}

@media screen and (max-width:900px) {
	.ttl05 {
		font-size: 3.4rem;
		padding: 10px 0 10px;
		margin: 0 0 20px;
	}
}

.ttl06 {
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.4;
	color: #2CB8A3;
	margin: 0 0 15px;
}

@media screen and (max-width:900px) {
	.ttl06 {
		font-size: 3.8rem;
	}
}

.ttl07 {
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.35;
	color: #333333;
}

.ttl07 span {
	font-size: 4.2rem;
	color: #2CB8A3;
}

@media screen and (max-width:900px) {
	.ttl07 {
		font-size: 4.2rem;
		margin: 10px 0 0;
	}

	.ttl07 span {
		font-size: 5.2rem;
		display: block;
	}
}

.ttl08 {
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.2em;
	color: #333333;
}

.ttl08 span {
	color: #B1B1B1;
}

@media screen and (max-width:900px) {
	.ttl08 {
		font-size: 3.2rem;
	}
}

.ttl09 {
	font-size: 4.6rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #2CB8A3;
}

@media screen and (max-width:900px) {
	.ttl09 {
		font-size: 5.2rem;
	}
}

.ttl10 {
	font-size: 3.8rem;
	font-weight: bold;
	line-height: 1.4;
	color: #333333;
	margin: 0 0 30px;
}

.ttl10::first-letter {
	font-size: 6.0rem;
	color: #2CB8A3;
}

@media screen and (max-width:600px) {
	.ttl10 {
		font-size: 4.8rem;
	}

	.ttl10::first-letter {
		font-size: 7.0rem;
	}
}

.ttl11 {
	font-size: 3.4rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #2CB8A3;
}

@media screen and (max-width:600px) {
	.ttl11 {
		font-size: 4.4rem;
	}
}

.sub_ttl01 {
	font-size: 5.0rem;
	font-weight: 500;
	line-height: 1.35;
	color: #2CB8A3;
	font-family: 'Jost', sans-serif;
	margin: 0 0 10px;
}

@media screen and (max-width:600px) {
	.sub_ttl01 {
		font-size: 6.0rem;
		margin: 0 0 0px;
	}
}

/* 番号付きタイトル
---------------------------------------------------- */


/* フォントカラー指定
---------------------------------------------------- */
.font_color01 {
	color:#2CB8A3;
}


/* リンクテキスト
---------------------------------------------------- */
.link_txt01 a {
	color: #928786;
	text-decoration: underline;
}

.link_txt01 a:visited {
	color: #928786;
	text-decoration: underline;
}
.link_txt01 a:hover {
	color: #928786;
	text-decoration: underline;
}


/* その他の矯正メリット - 説明文追加 */
.more_merit_description {
  font-size: 1.6rem;
  line-height: 1.8;
  color: #333;
  margin-top: 15px;
  
  text-align: left;
}

/* 説明文内のハイライト装飾 */
.more_merit_description .highlight-green {
  color: #2CB8A3;
  font-weight: bold;
  background: linear-gradient(transparent 60%, #FFF200 60%);
  padding: 0 2px;
}

.more_merit_description .highlight-yellow {
  background: linear-gradient(transparent 60%, #FFF200 60%);
  font-weight: bold;
  padding: 0 2px;
}

@media screen and (max-width:1060px) {
  .more_merit_description {
    font-size: 2rem;
    line-height: 1.6;
    margin-top: 10px;
  }
}
@media screen and (max-width:900px) {
  .more_merit_description {
    font-size: 2.4rem;
    line-height: 1.6;
    margin-top: 10px;
  }
}