@charset "UTF-8";
/* media query
**************************************************************************************************/
@media screen and (min-width: 0px) {
  /* faq-parts
	**************************************************************************************************************************/
  .area-contents {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background: url(../img/faq/bg-sp.jpg) 50% 50% no-repeat;
    background-size: cover;
    padding: 30px 24px; }
    .area-contents .title h2 {
      color: #fff;
      margin-bottom: 0.8em; }
    .area-contents .article {
      margin-bottom: 8px; }
      .area-contents .article a {
        display: block;
        background: rgba(255, 255, 255, 0.96);
        border-radius: 4px;
        padding: 16px 24px; }
      .area-contents .article h3 {
        font-size: 16px;
        background: url(../img/common/arw-r01-g.svg) 100% 50% no-repeat; }
      .area-contents .article p {
        font-size: 14px;
        border-top: 1px solid #D8DBE6;
        padding-top: 0.8em;
        margin-top: 0.8em; }
  /* faq-single
	**************************************************************************************************************************/
  .guide-single .aside-contents {
    padding-top: 40px;
    padding-bottom: 56px; }
    .guide-single .aside-contents .aside {
      margin-bottom: 24px; }
      .guide-single .aside-contents .aside .inner {
        padding: 0 20px; }
      .guide-single .aside-contents .aside .list-index h2 {
        font-size: 18px;
        font-family: YakuHanJP, 'SFP',"游ゴシック体 Pr6N B";
        font-weight: bold;
        border-bottom: 1px solid #E4E5E9;
        padding: 0.8em 0;
        cursor: pointer;
        position: relative; }
        .guide-single .aside-contents .aside .list-index h2 .tgl {
          display: block;
          text-indent: -9999px;
          border: 1px solid #2B2B3E;
          border-radius: 50%;
          width: 25px;
          height: 25px;
          position: absolute;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 0px; }
          .guide-single .aside-contents .aside .list-index h2 .tgl::before {
            content: '';
            display: block;
            width: 8px;
            height: 1px;
            background: #2B2B3E;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
          .guide-single .aside-contents .aside .list-index h2 .tgl::after {
            content: '';
            display: block;
            width: 1px;
            height: 8px;
            background: #2B2B3E;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            transition: all 0.5s; }
        .guide-single .aside-contents .aside .list-index h2.is-open .tgl::after {
          opacity: 0; }
      .guide-single .aside-contents .aside .list-index .anchors {
        padding-top: 1.6em;
        display: none; }
      .guide-single .aside-contents .aside .list-index ol li {
        margin-bottom: 5px; }
        .guide-single .aside-contents .aside .list-index ol li a {
          font-size: 15px;
          font-family: YakuHanJP, 'SFP',"游ゴシック体 Pr6N B";
          font-weight: bold;
          display: block;
          padding: 0.8em 1em; }
    .guide-single .aside-contents .contents {
      padding: 0 24px; }
      .guide-single .aside-contents .contents .posts {
        padding-bottom: 6em; }
        .guide-single .aside-contents .contents .posts .post {
          /* border-bottom: 1px solid #E4E5E9; padding-bottom: 5em; */
          margin-bottom: 5em; }
          .guide-single .aside-contents .contents .posts .post:last-of-type {
            /* border: 0; padding-bottom: 0; margin-bottom: 0; */ } }

@media screen and (min-width: 1024px) {
  /* faq-parts
	**************************************************************************************************************************/
  .area-contents {
    background: url(../img/faq/bg-pc.jpg) 50% 50% no-repeat;
    background-size: cover;
    padding: 100px 24px; }
    .area-contents .inner {
      max-width: 1184px;
      margin: 0 auto; }
    .area-contents .title h2 {
      color: #fff; }
    .area-contents .article {
      width: 32.5%;
      float: left;
      margin: 0 1.25% 0.9% 0; }
      .area-contents .article:nth-of-type(3), .area-contents .article:nth-of-type(5), .area-contents .article:nth-of-type(8) {
        margin-right: 0; }
      .area-contents .article a {
        border-radius: 4px;
        padding: 24px 24px; }
      .area-contents .article h3 {
        font-size: 18px; }
      .area-contents .article p {
        border-top: 1px solid #D8DBE6;
        line-height: 2;
        padding-top: 1em;
        margin-top: 1em; }
  /* faq-single
	**************************************************************************************************************************/
  .guide-single {
    position: relative; }
    .guide-single .aside-contents {
      max-width: 1264px;
      padding: 66px 40px 66px 40px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
      .guide-single .aside-contents .aside {
        display: block;
        width: 23.9%; }
        .guide-single .aside-contents .aside .inner {
          padding: 0;
          position: sticky;
          top: 100px; }
        .guide-single .aside-contents .aside .list-index h2 {
          font-size: 20px;
          font-family: YakuHanJP, 'SFP',"游ゴシック体 Pr6N B";
          border-bottom: 1px solid #E4E5E9;
          padding-bottom: 0.8em;
          margin-bottom: 0.4em;
          padding-top: 0; }
          .guide-single .aside-contents .aside .list-index h2 .tgl {
            display: none; }
        .guide-single .aside-contents .aside .list-index .anchors {
          padding-top: 0;
          display: block; }
        .guide-single .aside-contents .aside .list-index ol li {
          margin-bottom: 5px; }
          .guide-single .aside-contents .aside .list-index ol li a {
            font-size: 15px;
            font-family: YakuHanJP, 'SFP',"游ゴシック体 Pr6N B";
            display: block;
            padding: 0.8em 1em; }
          .guide-single .aside-contents .aside .list-index ol li.current a {
            background: #F1F1F4;
            border-radius: 4px; }
      .guide-single .aside-contents .contents {
        padding: 0;
        width: 66.2%;
        margin-bottom: 0; } }

/*# sourceMappingURL=guide.css.map */