/* 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 {
      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; } }
.infoList {
  margin: 40px 0 0;
  padding: 0;
  list-style: none; }
  .infoList__item {
    margin: 0 0 25px;
    padding: 0; }
    .infoList__item:last-of-type {
      margin: 0; }
    .infoList__item--anchor {
      width: 100%;
      height: 100%;
      padding: 0 0 25px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      border-bottom: 1px solid #DDD;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      position: relative; }
      .infoList__item--anchor:hover {
        text-decoration: none;
        top: 1px;
        left: 1px;
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: alpha(opacity=70); }
      .infoList__item--anchor span:first-of-type {
        width: 110px;
        color: #ff6b62;
        font-family: "Zen Maru Gothic", sans-serif;
        font-size: 1.125rem; }
      .infoList__item--anchor span:last-of-type {
        width: calc(100% - 110px);
        color: #444;
        font-size: 1.125rem; }
        .infoList__item--anchor span:last-of-type img {
          margin: 0 0 0 10px;
          vertical-align: middle; }

@media (max-width: 700px) {
  .infoList__item--anchor {
    flex-direction: column; }
    .infoList__item--anchor span:first-of-type {
      width: 100%; }
    .infoList__item--anchor span:last-of-type {
      width: 100%;
      line-height: 1.5; } }
.atcl {
  margin: 0;
  padding: 0; }
  .atcl__title {
    margin: 0 0 50px;
    padding: 0 0 35px;
    border-bottom: 1px solid #DDD; }
    .atcl__title--data {
      margin: 0 0 20px;
      padding: 0;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      align-items: center; }
      .atcl__title--data span {
        line-height: 1.0; }
        .atcl__title--data span:first-of-type {
          color: #ff6b62;
          font-size: 1.25rem;
          font-family: "Zen Maru Gothic", sans-serif; }
        .atcl__title--data span:last-of-type {
          margin: 0 0 0 40px; }
    .atcl__title--txt {
      font-size: 2rem;
      font-weight: 500; }
  .atcl__btn {
    width: 300px;
    height: 70px;
    margin: 70px auto 0;
    padding: 0; }
    .atcl__btn--anchor {
      width: 100%;
      height: 100%;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #FFF !important;
      font-size: 1.125rem;
      font-weight: 700;
      line-height: 1.0;
      background-color: #90c31f;
      border: 1px solid #90c31f;
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      border-radius: 40px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      transition: 0.1s linear; }
      .atcl__btn--anchor:hover {
        color: #90c31f !important;
        text-decoration: none;
        background-color: #FFF;
        top: 1px;
        left: 1px; }
        .atcl__btn--anchor:hover span {
          background-image: url("../img/common/ico_list_green.svg"); }
      .atcl__btn--anchor span {
        padding: 0 0 0 28px;
        background-image: url("../img/common/ico_list.svg");
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 18px 14px; }

@media (max-width: 800px) {
  .atcl__title--data span:first-of-type {
    font-size: 1rem; }
  .atcl__title--txt {
    font-size: 1.5rem; } }
@media (max-width: 700px) {
  .atcl {
    margin: 0;
    padding: 0; }
    .atcl__title {
      margin: 0 0 30px;
      padding: 0 0 20px; }
      .atcl__title--txt {
        font-size: 1.5rem;
        line-height: 1.5; } }
.docs {
  margin: 50px 0 0;
  padding: 30px;
  background-color: #F3F3F3;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }
  .docs__title {
    margin: 0 0 25px;
    padding: 0 15px;
    font-weight: 700;
    line-height: 1.0;
    display: inline-block;
    position: relative; }
    .docs__title::before {
      content: '';
      width: 10px;
      height: 10px;
      position: absolute;
      top: 5px;
      left: 0;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background-color: #444; }
    .docs__title::after {
      content: '';
      width: 10px;
      height: 10px;
      position: absolute;
      top: 5px;
      right: 0;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background-color: #444; }
  .docs__data {
    margin: 0;
    padding: 0; }
    .docs__data--list {
      margin: 0;
      padding: 0;
      list-style: none; }
    .docs__data--item {
      margin: 0 0 15px;
      padding: 0;
      line-height: 1.5; }
      .docs__data--item:last-of-type {
        margin: 0; }
      .docs__data--item a {
        padding: 0 0 0 28px;
        color: #444 !important;
        background-image: url("../img/common/ico_pdf.svg");
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 18px;
        position: relative;
        transition: 0.1s linear; }
        .docs__data--item a:hover {
          text-decoration: none;
          top: 1px;
          left: 1px;
          opacity: 0.7;
          filter: alpha(opacity=70);
          -ms-filter: alpha(opacity=70); }

@media (max-width: 700px) {
  .docs {
    padding: 30px 20px; } }