/* トップページ独自スタイル */

@charset "utf-8";

article {
  background-color: #f5f5f5;
}

article section {
  font-size: 1.4rem;
  line-height: 1.7;
}

.sub-section {
  padding-top: 0;
}

.main-title {
  color: #716f63;
  font-weight: 300;
  line-height: 1.2;
  text-align: left;
}

.support-title {
  color: #716f63;
  font-size: 2rem;
  border-left: 4px solid #716f63;
  padding: 0 20px 2px 0.7em;
  font-weight: 400;
}

.title-container {
  border-bottom: 1px solid #716f63;
  padding: 10px 0;
}

.support-sub-title {
  color: #716f63;
  font-size: 1.2rem;
  border-left: 4px solid #716f63;
  padding-left: 0.7em;
}

span.small {
  font-size: 1.0rem;
  line-height: 100%;
  padding-top: 0.71rem;
}

.flex-item>.text {
  margin-top: 1.4rem;
}

.accordion {
  background-color: #fff;
  margin-top: 2.6rem;
  padding: 1.4rem 2rem 3.2rem 2rem;
}



.flex-sub-container {
  display: flex;
  margin-top: 1.2rem;
}

.flex-sub-container .text-container {
  flex: 1;
}

.flex-sub-container .img-container {
  width: 30%;
}

.small {
  font-size: 1.2rem;
}
span.block {
	display: inline-block;
}
/* SP */
@media only screen and (max-width: 767px) {
  .main-title {
    font-size: 2.8rem;
    margin-top: 3rem;
  }

  .flex-sub-container.small {
    display: block;
  }

  .flex-right {
    margin-top: 1.0rem;
  }
  .accordion {
    padding: 1.4rem 1.4rem 3rem 1.4rem;
  }
}

/* PC */
@media print,
screen and (min-width: 768px) {
  .main-title {
    font-size: 3.4rem;
    margin-top: 5rem;
  }

  .flex-right {
    margin-left: 2%;
  }

}