@charset "UTF-8";
/*
編集はscssで行うこと
*/
.overview p {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 1.1em;
  line-height: 1.5; }
  .overview p.note {
    font-size: 1.05em;
    color: #888; }

.apply {
  margin: 20px 0 40px;
  text-align: center; }
  .apply a {
    display: inline-block;
    margin: 10px 0;
    padding: 11px 18px 9px;
    border: solid 1px #ccc;
    border-radius: 50px;
    font-size: 1.2em;
    transition: 0.3s; }
    @media screen and (min-width: 768px) {
      .apply a {
        min-width: 400px; } }
    .apply a:hover {
      background-color: #f0f0f8;
      transition: 0.3s; }
    .apply a::after {
      display: inline-block;
      content: "\f105";
      font-family: FontAwesome;
      margin-left: .8em; }
    .apply a[target="_blank"]::after {
      content: "\f08e"; }
  .apply p.note {
    margin: 0;
    font-size: 0.95em;
    color: #666; }

.archive {
  margin: 90px 0 40px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .archive a {
    display: inline-block;
    margin: 10px 0;
    padding: 10px 18px;
    border-radius: 50px;
    background-color: #efdbf7;
    text-align: center;
    color: #000;
    font-size: 1.2em;
    transition: 0.3s; }
    @media screen and (min-width: 768px) {
      .archive a {
        min-width: 400px; } }
    .archive a:hover {
      background-color: #e6c8f2;
      transition: 0.3s; }
    .archive a::after {
      display: inline-block;
      content: "\f105";
      font-family: FontAwesome;
      font-size: 1.2em;
      margin-left: 1.0em; }

.privacy-policy {
  display: flex;
  flex-direction: column;
  margin: 80px 0 60px; }
  .privacy-policy a {
    align-self: center;
    display: inline-block;
    padding: 10px; }
    .privacy-policy a::after {
      display: inline-block;
      content: "\f105";
      font-family: FontAwesome;
      margin-left: .5em; }
    .privacy-policy a[target="_blank"]::after {
      content: "\f08e"; }