@charset "utf-8";
/* CSS Document */
#main {
  width: 85%;
  background-image: url(../images/bg_02.png);
  border-radius: 1rem;
  padding: 2rem;
  margin: 0 auto 5rem;
}
#main h3 {
  color: #370008;
  font-size: 2.25rem;
  text-align: center;
  margin: 0;
}
.comment {
  margin-bottom: 1rem;
}
.comment p {
  margin: 0;
  font-size: 1.25rem !important;
  line-height: 1.75rem;
  color: #370008;
}
.Mama, .SES {
  display: flex;
  align-items: center;
}
.Mama_comment {
  font-size: 1rem;
  position: relative;
  width: 67.5%;
  background: lightskyblue;
  padding: 30px 45px;
  border-radius: 25px;
}
.Mama_comment:after {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(156, 213, 255, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 25px;
  border-right-width: 25px;
  margin-top: -10px;
  border-right-color: lightskyblue;
  right: 100%;
  top: 50%;
}
.SES_comment {
  font-size: 1rem;
  position: relative;
  width: 67.5%;
  background: #ffe9fe;
  padding: 30px 45px;
  border-radius: 25px;
}
.SES_comment:after {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(156, 213, 255, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 25px;
  border-right-width: 25px;
  margin-top: -10px;
  border-left-color: #ffe9fe;
  left: 100%;
  top: 50%;
}
.Mama_image {
  width: 27.5%;
  margin-right: 5%;
}
.SES_image_sp {
  display: none;
}
.SES_image {
  width: 27.5%;
  margin-left: 5%;
}
.Mama.Mama01 {
  margin-bottom: 0.5rem;
}
.SES.SES01 {
  margin-bottom: 0.75rem;
}
.Mama.Mama02 {
  margin-bottom: -1.25rem;
}
.SES.SES02 {
  margin-bottom: -1rem;
}
.Mama.Mama03 {
  margin-bottom: -0.75rem;
}
span.txt_bigger {
  font-size: 133%;
}
span.txt_big {
  font-size: 160%;
  line-height: 125%;
}
span.txt_red {
  color: red;
}
.next_page {
  width: 100%;
  max-width: 300px;
  margin-left: auto;
}
.next_page:hover img {
  transform: scale(1.025);
}
.next_page img {
  transition: 0.25s;
}
@media screen and (max-width:850px) {}
@media screen and (max-width:768px) {
  #main .comment .Mama, #main .comment .SES {
    margin-bottom: 1rem;
  }
  .Mama.Mama02 {
    margin-bottom: 0 !important;
  }
  .SES.SES02 {
    margin-bottom: 0.25rem !important;
  }
  .Mama_comment, .SES_comment {
    padding: 20px 30px;
  }
}
@media screen and (max-width:608px) {
  #main {
    box-sizing: border-box;
    width: 90%;
    padding: 1.25rem;
  }
  #main h3 {
    font-size: 5.5vw;
    margin-bottom: 1rem;
  }
  .comment p {
    font-size: 1.125rem !important;
  }
  #main .comment .Mama, #main .comment .SES {
    display: block;
    margin-bottom: 1rem !important;
  }
  .Mama_comment, .SES_comment {
    width: 100%;
    box-sizing: border-box;
  }
  .Mama_comment:after {
    border-color: rgba(156, 213, 255, 0);
    border-top-width: 20px;
    border-bottom-width: 20px;
    border-left-width: 10px;
    border-right-width: 10px;
    margin-left: -10px;
    margin-top: unset;
    border-bottom-color: lightskyblue;
    top: unset;
    bottom: 100%;
    right: unset;
    left: 50%;
  }
  .SES_comment:after {
    border-color: rgba(156, 213, 255, 0);
    border-top-width: 20px;
    border-bottom-width: 20px;
    border-left-width: 10px;
    border-right-width: 10px;
    margin-left: -10px;
    margin-top: unset;
    border-bottom-color: #ffe9fe;
    top: unset;
    bottom: 100%;
    right: unset;
    left: 50%;
  }
  .Mama_image, .SES_image_sp {
    display: block;
    width: 30%;
    margin: 0 auto 1.5rem;
  }
  .SES_image {
    display: none;
  }
  .copyright {
    font-size: 0.75rem;
  }
}
@media screen and (max-width:500px) {
  .Mama_image, .SES_image_sp {
    width: 50%;
  }
  .Mama_comment, .SES_comment {
    padding: 15px 20px;
  }
  #main {
    padding: 1rem;
  }
  #main h3 {
    font-size: 7.5vw;
    line-height: 8.5vw;
  }
}