@media screen and (min-width: 768px) {
  .sp-none {
    display: inline-block; } }
@media screen and (max-width: 767px) {
  .sp-none {
    display: none; } }

@media screen and (min-width: 768px) {
  .pc-none {
    display: none; } }
@media screen and (max-width: 767px) {
  .pc-none {
    display: block; } }

.m-topicpath ol {
  background-color: #fefaed; }

.l-main {
  background-color: #fefaed; }
  @media screen and (min-width: 768px) {
    .l-main {
      padding: 50px 0 100px; } }
  @media screen and (max-width: 767px) {
    .l-main {
      padding: 9.066666vw 0; } }

.l-main p {
  line-height: 1.57143;
  letter-spacing: .04em; }
  @media screen and (min-width: 768px) {
    .l-main p {
      font-size: 13px; } }
  @media screen and (max-width: 767px) {
    .l-main p {
      font-size: 3.2vw; } }

@media screen and (max-width: 767px) {
  .ttl_txt {
    margin-top: 0px; } }

.info-inner {
  background-color: #fff;
  position: relative; }
  @media screen and (min-width: 768px) {
    .info-inner {
      width: 900px;
      margin: 0 auto;
      padding: 30px 85px 70px;
      box-sizing: border-box; } }
  @media screen and (max-width: 767px) {
    .info-inner {
      width: 89.33333vw;
      margin: 0 auto;
      padding: 15.2vw 4vw 10.66667vw;
      box-sizing: border-box; } }

.info-inner h1 {
  text-align: center; }
  @media screen and (min-width: 768px) {
    .info-inner h1 {
      font-size: 18px;
      margin: 80px 0 60px; } }
  @media screen and (max-width: 767px) {
    .info-inner h1 {
      margin-bottom: 8vw;
      line-height: 1.5;
      font-size: 4.2666667vw; } }
  .info-inner h1 span {
    font-size: .6875rem;
    border: 1px solid #c6c6c6;
    color: #87877d;
    text-align: center;
    letter-spacing: .04em;
    background-color: #fff;
    padding: 4.5px 5px;
    box-sizing: border-box;
    display: inline-block;
    width: fit-content;
    position: relative;
    top: -3px;
    margin-right: 15px;
    /*margin: 0 auto 12px;*/ }
    @media screen and (max-width: 767px) {
      .info-inner h1 span {
        display: block;
        margin: 0 auto 2.4vw;
        /*width: 19.26667vw;*/
        padding: 0 2.66667vw;
        font-size: 2.66667vw;
        line-height: 4.8vw; } }

@media screen and (min-width: 768px) {
  .info-inner h2 {
    margin-top: 40px;
    font-size: 14px; } }
@media screen and (max-width: 767px) {
  .info-inner h2 {
    margin-top: 10.6666666667vw;
    font-size: 3.7333333333vw;
    line-height: 1.57; } }
.info-inner h2 span {
  font-size: .6875rem;
  border: 1px solid #55342;
  color: #fff;
  text-align: center;
  letter-spacing: .04em;
  background-color: #55342c;
  padding: 4.5px 5px;
  box-sizing: border-box;
  display: inline-block;
  width: fit-content;
  position: relative;
  top: -3px;
  margin-right: 15px; }
  @media screen and (max-width: 767px) {
    .info-inner h2 span {
      display: block;
      margin: 0 auto 2.4vw;
      padding: 0 2.66667vw;
      font-size: 2.66667vw;
      line-height: 4.8vw; } }

.info-inner h3 {
  margin-bottom: 10px;
  font-size: 0.875rem;
  line-height: 1.57; }
  @media screen and (max-width: 767px) {
    .info-inner h3 {
      margin-bottom: 2.6666666667vw;
      font-size: 3.7333333333vw; } }

.info-inner .notes {
  margin-top: 5px;
  font-size: 11px; }
  @media screen and (max-width: 767px) {
    .info-inner .notes {
      margin-top: 1.3333333333vw;
      font-size: 2.6666666667vw; } }

.info-date {
  position: absolute; }
  @media screen and (min-width: 768px) {
    .info-date {
      top: 40px;
      right: 65px; } }
  @media screen and (max-width: 767px) {
    .info-date {
      top: 4vw;
      right: 4vw; } }

.l-main .info-top-text {
  margin-top: 35px; }
  @media screen and (max-width: 767px) {
    .l-main .info-top-text {
      margin-top: 8vw;
      letter-spacing: -0.02em; } }

.info-top-text span {
  display: block; }
  @media screen and (min-width: 768px) {
    .info-top-text span {
      margin-bottom: 6px; } }
  @media screen and (max-width: 767px) {
    .info-top-text span {
      margin-bottom: 1.5vw;
      letter-spacing: -0.02em; } }

@media screen and (min-width: 768px) {
  .info-top-text .info-top-text-2 {
    margin-bottom: 0; } }

.column {
  display: block;
  width: 200px;
  margin: 35px auto 0;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  .column:hover {
    opacity: 0.5; }
  @media screen and (max-width: 767px) {
    .column {
      width: 44vw;
      margin: 8vw auto 0; } }
  .column img {
    width: 100%;
    height: auto; }

.profile {
  margin-top: 60px; }
  @media screen and (max-width: 767px) {
    .profile {
      margin-top: 8vw; } }
  .profile-name span {
    font-size: 0.875rem;
    font-weight: 700; }
    @media screen and (max-width: 767px) {
      .profile-name span {
        font-size: 3.7333333333vw; } }
  .profile-text {
    margin-top: 5px; }
    @media screen and (max-width: 767px) {
      .profile-text {
        margin-top: 1.3333333333vw; } }