.guidline [class^="col-"] {
  margin: 0 auto;
  padding: 0;
}

.guidline .section {
  padding: 1px 0;
  margin-bottom: 20px;
  background-image: url("../img/guidline/bg.jpeg");
  background-repeat: repeat;
}

.guidline h2 {
  display: table;
  margin: 0 auto;
}

.guidline .row {
  margin: 40px 20px;
}
@media (max-width: 600px) {
	.guidline .row {
		margin: 30px 10px;
	}
}

.guidline .d-flex {
  display: flex;
  flex-wrap: wrap;
}

.guidline .align-items-center {
  align-items: center;
}

.guidline .divider {
  display: block;
  width: 100%;
  height: 2px;
  margin-bottom: 20px;
  background-color: #000000;
}

.guidline .spacer {
  display: block;
  width: 100%;
  padding-bottom: 20px;
}

.guidline .block {
  padding: 30px 40px;
}
@media (max-width: 600px) {
	.guidline .block {
		padding: 10px 10px;
	}
}

.guidline .font-size-45 {
  font-size: 45px;
}

.guidline .font-size-40 {
  font-size: 40px;
}

.guidline .font-size-35 {
  font-size: 35px;
}

.guidline .font-size-30 {
  font-size: 30px;
}

.guidline .font-size-25 {
  font-size: 25px;
}

.guidline .font-size-20 {
  font-size: 20px;
}

.guidline .margin-none {
  margin: 0;
}

.guidline .text-darkgreen {
  color: #006400;
}

.guidline .text-blue {
  color: #0077ff;
}

.guidline .text-orange {
  color: #ffa500;
}

.guidline .text-red {
  color: #ff0000;
}

.guidline .bg-white {
  background-color: white;
}

.guidline .border-radius {
  border-radius: 20px;
}

.guidline .qanda-title {
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 5px;
  border: solid 5px #60c700;
  border-radius: 20px;
}

.guidline .qanda-img {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  max-width: 100%; /* 画像の最大幅を親要素に合わせる */
  height: auto; /* 高さを自動調整 */
}

.guidline .qanda-content {
  margin-bottom: 40px;
  padding: 10px;
  border: solid 2px #fda500;
  border-radius: 20px;
}

.guidline .qanda-q {
  font-size: 25px;
  font-weight: bold;
  color: #006400;
  line-height: 1;
}

.guidline .qanda-a {
  font-size: 25px;
  font-weight: bold;
  color: #0077ff;
  line-height: 1;
}

.kossori a{
	color: #0077ff;
	text-decoration: none;
}


.qanda-content-with-image {
  display: flex;
  align-items: center;
}

.qanda-content-with-image img {
  width: auto;
  height: auto;
  flex-shrink: 0;
}

.qanda-highlighted {
  display: flex; /* Flexboxを使用してテキストと画像を横に並べます */
  align-items: center; /* 中央揃えにします */
  justify-content: space-between; /* スペースを均等に配分します */
  padding: 10px; /* パディングを設定します */
  border: 2px solid #ffcc00; /* 枠のスタイルを設定します */
  background-color: #ffeedd; /* 背景色を設定します */
  margin-bottom: 20px; /* 下のマージンを設定します */
}

.qanda-highlighted .qanda-text {
  flex-grow: 1; /* テキスト領域が可能な限りのスペースを占めるようにします */
}

.qanda-highlighted img {
  max-width: 200px; /* 画像の最大幅を制限します */
  height: auto; /* 高さは自動調整します */
  margin-left: 20px; /* 画像とテキストの間にマージンを設定します */
}