@charset "utf-8";
/* --------
[content.cssについて]
・コンテンツの共通レイアウトと共通タグを記述
・共通タグは必ず.page-allを付ける（.page-allを外すと解除できるため）
-------- */

/* layout -------- */
.content {
  line-height: 1.86;
  font-size: 15px;
}
.content-inner {
  overflow: hidden;
  padding: 0 0 40px;
}
.content-title {
  line-height: 1;
  padding: 20px 0;
  font-size: 120px;
  font-family: 'Barlow Condensed';
  text-align: center;
}
.content-bread ul {
  max-width: 980px;
  margin: 0 auto;
  padding: 15px;
}
.content-bread li {
  display: inline-block;
}

@media (max-width: 767px) {
  .content {
    font-size: 11px;
  }
  .content-title {
    font-size: 45px;
  }
  .content-inner {
    padding: 0 0 30px;
  }
}

/* wordpress editor -------- */
.page-all .aligncenter {
  display: block;
  margin: 0 auto;
}
.page-all .alignright { float: right; }
.page-all .alignleft { float: left; }
.page-all img[class*="wp-image-"],
.page-all img[class*="attachment-"] {
    max-width: 100%;
    height: auto;
}

@media (max-width: 767px) {
}

/* tag -------- */
.page-all a {
  color: #03c;
  text-decoration: none;
}
.page-all a:hover {
  color: #69f;
}
.page-all h2 {
  margin: 30px 0 20px;
  font-size: 80px;
  font-family: 'Barlow Condensed';
  letter-spacing: .02em;
  text-align: center;
}
.page-all h3 {
  margin: 30px 0 20px;
  font-size: 50px;
  font-family: 'Barlow Condensed';
  text-align: center;
}
.page-all p,
.page-all ul,
.page-all ol,
.page-all table {
  margin-bottom: 20px;
}
.page-all li {
  margin-bottom: 10px;
}
.page-all ul {
  list-style-type: disc;
  padding-left: 1.5em;
}
.page-all ol {
  list-style-type: decimal;
  padding-left: 1.5em;
}
.page-all hr {
  margin: 20px 0;
  border: none;
  border-top: 1px solid #999;
}
.page-all table {
  width: 100%;
}
.page-all th {
  width: 150px;
  padding: 10px 20px;
  border: 1px solid #999;
  background-color: #eee;
}
.page-all td {
  padding: 10px 20px;
  border: 1px solid #999;
}

@media (max-width: 767px) {
  .page-all h2 {
    font-size: 27px;
  }
}

/*  btn -------- */

.btnLinkArea{
  margin-top: 30px;
  border-top: 1px solid #333;
}
.btnLink{
  padding: 0.5em 2em;
  border: 2px solid #333;
  display: inline-block;
  font-family: 'Barlow Condensed';
  transition: 0.15s ease-out;
}
.btnLink:hover{
  background-color: #EEE;
  transition: 0.15s ease-out;
}
@media (max-width: 767px) {
  .btnLinkArea{
    margin-top: 30px;
    border-top: 1px solid #333;
  }
  .btnLink{
    padding: 0.5em 2em;
    border: 2px solid #333;
    display: inline-block;
    font-family: 'Barlow Condensed';
    transition: 0.15s ease-out;
    font-size: 1.5em;
  }
}