/* Scss Document */
/* Scss Document */
.infoList {
  width: 100%;
  margin: 0;
  padding: 60px 100px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .infoList__list {
    max-width: 1300px;
    margin: 70px auto 0;
    padding: 0;
    list-style: none; }
  .infoList__item {
    margin: 0;
    padding: 0;
    border-bottom: 1px dashed #3a3535; }
  .infoList__anchor {
    width: 100%;
    height: 100%;
    padding: 30px 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative; }
    .infoList__anchor::after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      transform: scaleX(0);
      transform-origin: center right;
      transition: transform 0.5s ease; }
    .infoList__anchor--date {
      width: 200px;
      margin: 0;
      color: #f87974;
      font-size: 1rem;
      font-family: "Zen Maru Gothic", sans-serif;
      line-height: 1.0;
      font-weight: 700; }
    .infoList__anchor--txt {
      width: calc(100% - 200px);
      color: #3a3535; }
      .infoList__anchor--txt svg {
        margin-left: 10px; }
      .infoList__anchor--txt .st0 {
        fill: #b9aea4; }
    .infoList__anchor:hover {
      text-decoration: none;
      top: 1px;
      left: 1px; }
      .infoList__anchor:hover::after {
        transform: scaleX(1);
        transform-origin: center left; }

@media (max-width: 1200px) {
  .infoList {
    padding: 60px 40px 0; } }
@media (max-width: 800px) {
  .infoList {
    padding: 60px 20px 0; }
    .infoList__anchor {
      flex-direction: column; }
      .infoList__anchor--date {
        width: 100%; }
      .infoList__anchor--txt {
        width: 100%;
        margin: 10px 0 0; } }
.infoDetail {
  width: 100%;
  margin: 0;
  padding: 60px 100px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@media (max-width: 1200px) {
  .infoDetail {
    padding: 60px 40px 0; } }
@media (max-width: 800px) {
  .infoDetail {
    padding: 60px 20px 0; } }
.atcl {
  margin: 80px 0 0;
  padding: 0; }
  .atcl__title {
    margin: 0 0 50px;
    padding: 0 0 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    border-bottom: 4px double #3a3535; }
    .atcl__title--date {
      color: #f87974;
      font-family: "Zen Maru Gothic", sans-serif;
      font-weight: 700;
      line-height: 1.0; }
    .atcl__title--txt {
      margin: 10px 0 0;
      font-size: 1.6666666667rem; }
  .atcl__btn {
    width: 320px;
    height: 60px;
    margin: 60px auto 0; }
    .atcl__btn a {
      width: 100%;
      height: 100%;
      color: #FFF !important;
      font-size: 1rem;
      line-height: 1.0;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #f87974;
      border: 1px solid #f87974;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      transition: 0.1s linear;
      position: relative; }
      .atcl__btn a span {
        padding: 0 0 0 28px;
        background-image: url("../img/common/list.svg");
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 20px 12px; }
      .atcl__btn a:hover {
        text-decoration: none;
        color: #f87974 !important;
        background-color: #FFF;
        top: 1px;
        left: 1px; }
        .atcl__btn a:hover span {
          background-image: url("../img/common/list_pink.svg"); }

@media (max-width: 700px) {
  .atcl__title--txt {
    font-size: 1.3333333333rem; } }