/* CSS Document */
.main {
  background-color: #FFF8F1; }

@media (min-width: 960px) {
  .main-wrapper {
    max-width: 1080px;
    margin: 0 auto; } }
#discussion {
  color: #181B39;
  font-size: 4.0rem;
  line-height: 4.5rem;
  padding-top: 160px;
  padding-bottom: 85px; }

@media (min-width: 640px) {
  #discussion {
    padding-top: 180px; } }
@media (min-width: 960px) {
  .section-explanation__body {
    display: flex;
    flex-direction: row-reverse;
    max-width: 1080px;
    margin: 0 auto; } }
.section-explanation__photo {
  display: none; }

@media (min-width: 960px) {
  .section-explanation__photo {
    display: flex;
    max-width: 310px;
    max-height: 310px;
    height: auto;
    width: auto;
    margin: 0 50px; } }
.section-explanation__body-text {
  padding: 0 24px;
  text-align: left; }
  .section-explanation__body-text h2 {
    font-size: 3.5rem;
    line-height: 4.0rem;
    padding-bottom: 25px; }
  .section-explanation__body-text p {
    font-size: 1.6rem;
    text-align: left; }

@media (min-width: 960px) {
  .section-explanation__body-text {
    padding: 0 0 0 50px; } }
.br-explanation {
  display: none; }

@media (min-width: 1025px) {
  .br-explanation {
    display: block; } }
.section-explanation__position {
  color: #777;
  font-size: 20px;
  padding-bottom: 30px; }

.btn-detail {
  margin: 65px 0; }

#section-plan {
  margin-bottom: 60px; }
  #section-plan ul {
    margin: 0 24px;
    list-style: none; }
    #section-plan ul li {
      max-width: 350px;
      margin: 0 auto;
      padding: 20px;
      background-color: #f0f3f5;
      margin-bottom: 40px; }

.section-plan__title {
  font-size: 2.4rem;
  padding: 50px 0 65px;
  text-align: center; }

.section-plan__description {
  font-size: 2.0rem;
  padding: 0 0 25px;
  text-align: left;
  object-fit: cover;
  flex-grow: 1;
  border-bottom: solid 2px #fff; }
  .section-plan__description p {
    margin-bottom: 10px; }

.section-plan__price {
  background-color: #fff;
  padding: 50px 0; }

.plan-price {
  font-family: Montserrat;
  font-size: 4.0rem;
  padding-top: 15px; }

.plan-yen {
  font-size: 2.4rem; }

.plan-time {
  font-size: 1.2rem; }

@media (min-width: 960px) {
  #section-plan ul {
    display: flex;
    max-width: 1080px;
    padding: 0;
    margin: 0 auto; }
    #section-plan ul li {
      display: flex;
      flex-direction: column;
      width: 350px;
      margin-right: 15px; }
      #section-plan ul li:last-child {
        margin-right: 0; } }
#section-contact {
  padding-bottom: 35px; }

@media (min-width: 960px) {
  #section-contact {
    padding-bottom: 70px; } }

/*# sourceMappingURL=discussion.css.map */