.frame-type-mottosection {
  background-color: #f4f4f4;
  padding: 40px 10px; }
  @media (min-width: 768px) {
  .frame-type-mottosection {
    padding: 40px 40px; } }
  @media (min-width: 992px) {
  .frame-type-mottosection {
    padding: 100px 0; } }
  .frame-type-mottosection .mottoSectionGrid {
    display: flex;
    flex-direction: column;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 40px; }
    @media (min-width: 768px) {
  .frame-type-mottosection .mottoSectionGrid {
    display: grid; } }
    .frame-type-mottosection .mottoSectionGrid .column {
      grid-column: span 6; }
      .frame-type-mottosection .mottoSectionGrid .column:nth-child(2) {
        display: inline-flex;
        flex-direction: column;
        align-items: end; }
        @media (min-width: 992px) {
  .frame-type-mottosection .mottoSectionGrid .column:nth-child(2) {
    display: block; } }
  .frame-type-mottosection .mottoImage {
    height: 220px;
    width: 220px;
    margin-top: 20px; }
    @media (min-width: 992px) {
  .frame-type-mottosection .mottoImage {
    height: 360px;
    width: 360px;
    margin-top: 140px; } }
    @media (min-width: 992px) {
    .frame-type-mottosection .mottoImage:nth-child(2) {
      position: absolute;
      right: 10px; } }