/* arguments inittial */
/* font style */
/* site style */
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ background-image ]
-------------------------------------------------*/
/* [ writing-mode ]
-------------------------------------------------*/
/* [ illustrator & photoshop letter spacing ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
/* [ easy transform ]
-------------------------------------------------*/
.info .footer {
  margin-top: 120px; }

.info .info-container {
  max-width: 1110px;
  padding: 0 20px;
  margin: auto; }

.info-main {
  text-align: center;
  margin-top: 50px; }
  .info-main__hd {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: .1em;
    color: #585858;
    margin-top: 20px; }
  .info-main .info-list {
    text-align: left;
    border-top: 1px solid #C4C4C4;
    margin-top: 50px; }
  .info-main .info-item {
    border-bottom: 1px dashed #C4C4C4; }
    .info-main .info-item__url {
      padding: 33px 15px; }
      @media (min-width: 1024px) {
        .info-main .info-item__url {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: flex-start;
          -moz-align-items: flex-start;
          -ms-align-items: flex-start;
          align-items: flex-start; } }
      @media (max-width: 1023px) {
        .info-main .info-item__url {
          display: block;
          padding: 25px 0; } }
    .info-main .info-item__date {
      font-size: 14px;
      line-height: 26px;
      letter-spacing: .02em;
      font-style: oblique;
      font-family: "Helvetica", "Arial", sans-serif; }
      @media (min-width: 1024px) {
        .info-main .info-item__date {
          width: 120px; } }
    .info-main .info-item__ttl {
      font-size: 16px;
      line-height: 26px;
      letter-spacing: .02em;
      text-decoration: underline; }
      @media (min-width: 1024px) {
        .info-main .info-item__ttl {
          width: calc(100% - 120px); } }
      @media (max-width: 1023px) {
        .info-main .info-item__ttl {
          font-size: 15px;
          margin-top: 10px; } }