/** -- コラム内のフォントサイズ start. ------------- **/
.column-style * {
  font-size: 1.8rem;
}
/** -- コラム内のフォントサイズ end. ------------- **/

/** -- タイトルエリア start. ------------- **/
.title-style {
  margin-bottom: 20px;
  padding: 20px;
  background-color: #fffabb;
}
.title-style h2 {
  font-size: 2rem;
  font-weight: 700;
}
.title-style a {
  color: #fff;
  background-color: #3678bf;
  padding: 10px;
  margin: 0 10px;
  font-size: 1.5rem;
}
.title-style img {
  width: 20rem;
}
.title-style .date-area {
  font-size: 1.5rem;
  margin: 0 10px;
}
.title-style .img-area {
  width: 30%;
}
/** -- タイトルエリア end. ------------- **/

/** -- 記事のスタイル start. ------------- **/
.scroll-content {
  scroll-behavior: smooth;
  font-size: 1.0rem;
}
.scroll-content h3 {
  font-size: 2.0rem;
  font-weight: 550;
  margin: 10px 0;
}
.adjust {
  margin-top: -150px;
  padding-top: 150px;
  font-size: 1.0rem;
}
.adjust a {
  font-size: 1.6rem;
}
/* 目次. */
.content-style {
  text-align: center;
  margin: 10px;
  border-bottom: solid;
  padding-bottom: 10px;
}
.content-style p {
  
}
.content-style img {
  width: 50%;
}
.content-style a {
  color: #000;
  font-size: 1.5rem;
  margin: 10px;
  padding: 3px 10px;
  border: solid 2px;
  height: 200px;
  width: 20%;
  display: inline-block;
}
/* 記事. */
.content {
  margin: 15px 10px 40px 15px;
}
.content ol {
  margin: 10px 15px;
  font-size: 1.3rem;
}
.content ul {
  margin: 10px 15px;
  font-size: 1.2rem;
  list-style-type: disc;
}
/** -- 記事のスタイル end. ------------- **/

/** -- ページ内フッターエリア start. ------------- **/
.footer-style {
  border-top: solid;
  padding-top: 10px;
}
.footer-style * {
  font-size: 1.3rem;
}
.footer-style .writer-img-width {
  width: 15%;
}
.footer-style .writer-info {
  margin: 0 10px;
}
.footer-style .writer-info .logo-width {
  width: 250px;
  display: block;
}
/** -- ページ内フッターエリア end. ------------- **/

/** -- 丸数字 start. ------------- **/
.circled-numbers ol {
  position: relative;
  margin: 0;
  padding: 0
}
.circled-numbersol li {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding-left: 1.25em
}
.circled-numbers ol li span {
  position: absolute;
  left: 0;
  margin: 0
}
/** -- 丸数字 end. ------------- **/

/** -- 画像を中央揃え start. ------------- **/
.image-center {
  margin: 10px;
}
.image-center img {
  margin: 0 auto;
  display: block;
}
.image-center .img-width40 {
  width: 40%;
}
.image-center .img-width60 {
  width: 60%;
}
.image-center .img-width80 {
  width: 80%;
}
/** -- 画像を中央揃え end. ------------- **/