.cm {
  max-width: 1240px;
  margin: 60px auto 0 auto; }
  @media (max-width: 767px) {
    .cm {
      margin: 40px 0 0 0; } }

.cm-area {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }

.cm-box {
  width: 560px;
  margin: 0 30px 40px 30px; }
  @media (max-width: 767px) {
    .cm-box {
      margin: 0 22px 30px 22px; } }
  .cm-box p {
    text-align: center;
    color: #333333;
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0 0 0; }
    @media (max-width: 767px) {
      .cm-box p {
        font-size: 2.7vw; } }

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%; }

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%; }

.agroup-title {
  text-align: center;
  font-size: 28px;
  font-weight: normal;
  margin: 50px 0 25px 0;
  letter-spacing: 0.2em; }
  @media (max-width: 767px) {
    .agroup-title {
      font-size: 19px;
      margin: 30px 0 15px 0; } }

.agroup-bg {
  padding: 50px 50px 0 50px;
  background: url("../images/bg-a.jpg") no-repeat center center;
  background-size: cover; }
  @media (max-width: 767px) {
    .agroup-bg {
      padding: 50px 0 0 0;
      overflow: hidden;
      margin-bottom: 50px; } }

.agroup-box {
  display: flex;
  align-items: center;
  max-width: 990px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .agroup-box figure {
      width: 60%; } }
  @media (max-width: 767px) {
    .agroup-box.kojima figure {
      margin-left: -3%; } }
  .agroup-box.kojima .agroup-box02 {
    margin: 0 0 0 35px; }
    @media (max-width: 767px) {
      .agroup-box.kojima .agroup-box02 {
        margin: 0 0 0 2%; }
        .agroup-box.kojima .agroup-box02 h3 img {
          width: 70%; } }
    .agroup-box.kojima .agroup-box02 p {
      color: #7e6262; }
  .agroup-box.masakado {
    flex-direction: row-reverse;
    margin-top: -2.5%; }
    @media (max-width: 767px) {
      .agroup-box.masakado {
        margin-top: 3%; }
        .agroup-box.masakado figure {
          margin-right: -3%;
          width: 57%; } }
    .agroup-box.masakado .agroup-box02 {
      margin: 0 35px 0 0; }
      @media (max-width: 767px) {
        .agroup-box.masakado .agroup-box02 {
          margin: 0 -1% 0 0;
          width: 41%; } }
      .agroup-box.masakado .agroup-box02 p {
        color: #626876; }
  .agroup-box.suezawa {
    margin-top: -1%; }
    @media (max-width: 767px) {
      .agroup-box.suezawa {
        margin-top: 3%; }
        .agroup-box.suezawa figure {
          margin-left: -3%; } }
    .agroup-box.suezawa .agroup-box02 {
      margin: 0 0 0 45px; }
      @media (max-width: 767px) {
        .agroup-box.suezawa .agroup-box02 {
          margin: 0 0 0 2%; }
          .agroup-box.suezawa .agroup-box02 h3 img {
            width: 80%; } }
      .agroup-box.suezawa .agroup-box02 p {
        color: #735f7e; }
  .agroup-box.kusawa {
    flex-direction: row-reverse;
    margin-top: -1%; }
    @media (max-width: 767px) {
      .agroup-box.kusawa {
        margin-top: 3%; }
        .agroup-box.kusawa figure {
          margin-right: -3%;
          width: 57.5%; } }
    .agroup-box.kusawa .agroup-box02 p {
      color: #626c58;
      letter-spacing: 0.05em;
      margin-right: 4%; }
  .agroup-box.sano {
    margin-top: 1%; }
    @media (max-width: 767px) {
      .agroup-box.sano {
        margin-top: 8%; }
        .agroup-box.sano figure {
          margin-left: -3%;
          width: 56%; } }
    .agroup-box.sano .agroup-box02 {
      margin: 0 0 0 50px; }
      @media (max-width: 767px) {
        .agroup-box.sano .agroup-box02 {
          margin: 0 0 0 2%; }
          .agroup-box.sano .agroup-box02 h3 img {
            width: 80%; } }
      .agroup-box.sano .agroup-box02 p {
        color: #716962; }

.agroup-box02 {
  text-align: center; }
  @media (max-width: 767px) {
    .agroup-box02 {
      width: 38%; } }
  .agroup-box02 p {
    font-size: 16px;
    font-weight: 600;
    margin: 30px 0 0 0;
    letter-spacing: 0.16em; }
    @media (max-width: 767px) {
      .agroup-box02 p {
        font-size: 2.5vw;
        margin: 3vw 0 0 0;
        line-height: 1.5;
        letter-spacing: 0.05em; } }

.agroup-at {
  max-width: 1180px;
  margin: 20px auto 60px auto;
  text-align: right;
  font-size: 12px; }
  @media (max-width: 767px) {
    .agroup-at {
      font-size: 9px;
      margin: 20px 10px 30px 0; } }

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