/* Scss Document */
/* Scss Document */
.contents {
  width: 1300px;
  margin: 100px auto 0;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
  .contents__left {
    width: 800px;
    margin: 0;
    padding: 0; }
    .contents__left--title {
      margin: 0 0 40px;
      font-size: 1.25rem; }
  .contents__right {
    width: 450px;
    margin: 0 0 0 50px;
    padding: 0; }

@media (max-width: 1400px) {
  .contents {
    width: calc(100% - 80px);
    margin: 100px 40px 0; } }
@media (max-width: 1120px) {
  .contents {
    flex-direction: column; }
    .contents__left {
      width: 100%; }
    .contents__right {
      width: 100%;
      margin: 80px 0 0;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-direction: column;
      align-items: center; } }
@media (max-width: 700px) {
  .contents {
    width: calc(100% - 40px);
    margin: 60px 20px 0; }
    .contents__left--title {
      font-size: 1.125rem; } }
.atcl {
  margin: 0 0 100px;
  padding: 0; }
  .atcl:last-of-type {
    margin: 0; }
  .atcl__title {
    margin: 0 0 40px;
    padding: 30px 40px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FBDD97;
    background: linear-gradient(90deg, rgba(251, 221, 151, 0.6) 0%, rgba(211, 251, 251, 0.6) 100%);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
    .atcl__title--txt {
      padding: 0 30px 0 0;
      font-size: 1.75rem;
      font-family: "Zen Maru Gothic", sans-serif;
      font-weight: 500;
      line-height: 1.5; }
    .atcl__title--data {
      margin: 0;
      padding: 0;
      color: #ff6b62;
      font-size: 1.125rem;
      font-family: "Zen Maru Gothic", sans-serif;
      line-height: 1.0; }

@media (max-width: 700px) {
  .atcl__title {
    padding: 30px 20px;
    flex-direction: column;
    align-items: flex-start; }
    .atcl__title--txt {
      padding: 0;
      font-size: 1.5rem;
      line-height: 1.5; }
    .atcl__title--data {
      margin: 20px 0 0;
      font-size: 1rem; } }
