@charset "UTF-8";
#topics {
 display: block;
}
.detail {
 position: relative;
 background: #fff;
 padding: 2.5em;
 text-align: left;
}
.detail .cate {
 margin-bottom: 0.75em;
}
.detail .cate span {
 display: inline-block;
 white-space: nowrap;
 color: #fff;
 background: #F67E17;
 font-weight: 500;
 font-size: 1.4rem;
 padding: 0.35em 0.7em;
 line-height: 1.2;
 border-radius: 2px;
}
.detail .cate.recruit span {
 background: #1376D7;
}
.detail .postTtl {
 font-size: 2.7rem;
 font-weight: bold;
 line-height: 1.4;
}
.detail time {
 display: block;
 font-size: 1.4rem;
 padding: 1em 0 0.75em;
 border-bottom: solid 3px #23232f;
 margin-bottom: 2em;
}
.detail .editArea h1 {
 font-weight: bold;
 margin: 1em 0 0.5em;
 line-height: 1.4;
 font-size: 160%;
 border-bottom: solid 3px #23232f;
 padding-bottom: 0.25em;
 position: relative;
}
.detail .editArea h2 {
 font-weight: bold;
 margin: 1em 0 0.5em;
 line-height: 1.4;
 font-size: 160%;
 color: #F67E17;
 border-bottom: solid 3px #F67E17;
 padding-bottom: 0.25em;
 position: relative;
}
.detail .editArea h3 {
 font-weight: bold;
 margin: 1em 0 0.5em;
 line-height: 1.4;
 font-size: 140%;
 position: relative;
}
.detail .editArea h3:before {
 content: "■";
 display: inline-block;
 padding-right: 0.15em;
}
.detail .editArea h4 {
 font-weight: bold;
 margin: 1em 0 0.5em;
 line-height: 1.4;
 font-size: 140%;
 color: #F67E17;
 position: relative;
}
.detail .editArea h4:before {
 content: "■";
 display: inline-block;
 padding-right: 0.15em;
}
.detail .editArea h5 {
 font-weight: bold;
 margin: 0.75em 0 0.75em;
 line-height: 1.4;
 font-size: 120%;
 position: relative;
 display: inline-block;
 color: #fff;
 background: #23232f;
 padding: 0.35em 0.75em;
}
.detail .editArea h6 {
 font-weight: bold;
 margin: 0.75em 0 0.75em;
 line-height: 1.4;
 font-size: 120%;
 position: relative;
 display: inline-block;
 color: #fff;
 background: #F67E17;
 padding: 0.35em 0.75em;
}
.detail .editArea img {
 width: auto;
 max-width: 100% !important;
 height: auto!important;
 margin: 0 0 1.5em;
}
.detail .editArea p {
 margin-bottom: 0.75em;
}
.detail .editArea strong {
 font-weight: bold;
 font-size: 110%;
}
.detail .editArea a {
 color: #F67E17;
 display: inline-block;
 vertical-align: bottom;
 font-weight: bold;
}
.detail .btn {
 position: relative;
 margin: 2.5em auto 0;
 text-align: center;
 display: block;
}
.detail .btn a {
 display: inline-block;
 line-height: 1.2;
 padding: 0.75em 2em 0.75em 3.5em;
 border: solid 1px rgba(255, 255, 255, 0.5);
 color: #ececec;
 background: #1e1e1e;
 font-size: 1.4rem;
 position: relative;
 font-weight: 600;
 border-radius: 20rem;
}
.detail .btn a:after {
 content: "";
 display: inline-block;
 width: 6px;
 height: 6px;
 border-top: 2px solid #ececec;
 border-left: 2px solid #ececec;
 position: absolute;
 top: 50%;
 transform: translateY(-50%) rotate(-45deg);
 left: 1.5em;
}
@media screen and (max-width: 999px) {
 #topics {
  padding: 0.75rem;
 }
 .detail {
  padding: 1.5em;
 }
 .detail .postTtl {
  font-size: 2.4rem;
 }
 .detail time {
  font-size: 1.3rem;
 }
}