@charset "UTF-8";
/*
---------------------------------------------------------------------------------------------------------------------
ページヘッダー
---------------------------------------------------------------------------------------------------------------------
*/
@media (min-width: 768px) {
  #mv {
    background-image: url("../../img/haeder/news-pc.webp"); } }

/*
---------------------------------------------------------------------------------------------------------------------
投稿ページ
---------------------------------------------------------------------------------------------------------------------
*/
#post-single {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto 120px;
  padding-top: 40px; }
  @media (min-width: 1024px) {
    #post-single {
      width: 94%;
      display: flex;
      padding-top: 60px; } }
  @media (min-width: 1250px) {
    #post-single {
      padding-top: 120px; } }

/*
---------------------------------------------------------------------------------------------------------------------
投稿ページ　本体
---------------------------------------------------------------------------------------------------------------------
*/
#post {
  margin-bottom: 80px; }
  @media (min-width: 1024px) {
    #post {
      width: calc(100% - 340px);
      padding-right: 5%;
      margin-bottom: 0; } }
  #post .post-header h1 {
    font-size: 1.6em;
    line-height: 1.4em;
    margin-top: 10px; }
    @media (min-width: 768px) {
      #post .post-header h1 {
        font-size: 2.4em; } }
    @media (min-width: 1250px) {
      #post .post-header h1 {
        font-size: 3.0em; } }
  #post .single-content {
    margin: 20px auto 60px; }
    @media (min-width: 768px) {
      #post .single-content {
        margin: 40px auto 60px; } }
    #post .single-content .contents {
      border: 1px solid #707070;
      padding: 10px 20px 10px; }
      @media (min-width: 768px) {
        #post .single-content .contents {
          padding: 20px 40px 20px; } }
      #post .single-content .contents h4 {
        font-size: 1.0em;
        font-weight: bold;
        text-align: center;
        margin-bottom: 10px; }
        @media (min-width: 768px) {
          #post .single-content .contents h4 {
            font-size: 1.2em;
            margin-bottom: 20px; } }
      #post .single-content .contents ul {
        border-top: 1px solid #707070;
        padding-top: 20px; }
        #post .single-content .contents ul li {
          margin-bottom: 10px; }
          #post .single-content .contents ul li a {
            font-size: 0.8em;
            font-weight: 400;
            color: #000;
            transition: .5s; }
            @media (min-width: 768px) {
              #post .single-content .contents ul li a {
                font-size: 1.0em; } }
            #post .single-content .contents ul li a:hover {
              color: #036eb8; }
    #post .single-content .sab-title {
      padding-top: 70px; }
    #post .single-content h2 {
      font-size: 1.2em;
      margin: 0px;
      color: #000;
      padding: 15px 10px;
      line-height: 1.4em;
      background-color: #E4E4E4;
      text-align: center;
      margin-bottom: 20px; }
      @media (min-width: 1250px) {
        #post .single-content h2 {
          font-size: 1.4em; } }
    #post .single-content h3 {
      font-weight: 500;
      font-size: 1.0em;
      line-height: 1.6em;
      font-feature-settings: "palt";
      letter-spacing: 0.08em;
      border-top: 1px solid #707070;
      border-bottom: 1px solid #707070;
      text-align: center;
      padding: 10px 0px;
      margin-bottom: 20px; }
      @media (min-width: 1250px) {
        #post .single-content h3 {
          font-size: 1.2em; } }
    #post .single-content h4, #post .single-content h5 {
      font-weight: 400;
      font-size: 0.9em;
      line-height: 1.6em;
      font-feature-settings: "palt";
      letter-spacing: 0.08em; }
      @media (min-width: 1250px) {
        #post .single-content h4, #post .single-content h5 {
          font-size: 1.0em; } }
    #post .single-content h6 {
      font-size: 0.9em;
      line-height: 1.8em;
      letter-spacing: 0.08em;
      text-align: justify; }
    #post .single-content p {
      font-size: 0.8em;
      line-height: 1.8em;
      color: #222;
      letter-spacing: 0.08em;
      text-align: justify; }
      @media (min-width: 1250px) {
        #post .single-content p {
          font-size: 0.9em; } }
    #post .single-content a {
      color: #036eb8;
      transition: .5s; }
      #post .single-content a:hover {
        color: #65AADD; }
    #post .single-content img {
      margin: 20px 0;
      max-width: 100%;
      height: auto;
      border-radius: 20px; }

/*
---------------------------------------------------------------------------------------------------------------------
サイドメニュー
---------------------------------------------------------------------------------------------------------------------
*/
.side-menu {
  max-width: 400px;
  margin: 0 auto; }
  @media (min-width: 1024px) {
    .side-menu.main-page {
      width: 340px; } }
  @media (min-width: 1024px) {
    .side-menu.post-page {
      width: 340px; } }
  .side-menu .side-menu-in {
    position: sticky;
    top: 100px; }
    .side-menu .side-menu-in .menu-item {
      margin-top: 20px; }
      .side-menu .side-menu-in .menu-item.welfare {
        margin-bottom: 40px; }
      .side-menu .side-menu-in .menu-item ul {
        background-color: #fff;
        border-radius: 10px;
        padding: 20px 25px; }
        @media (min-width: 1024px) {
          .side-menu .side-menu-in .menu-item ul {
            border-radius: 20px; } }
        .side-menu .side-menu-in .menu-item ul li {
          position: relative;
          padding: 8px 0; }
          .side-menu .side-menu-in .menu-item ul li a {
            padding: 8px 30px 8px 0;
            display: flex;
            align-items: center; }
            .side-menu .side-menu-in .menu-item ul li a:hover p {
              color: #58A52C; }
            .side-menu .side-menu-in .menu-item ul li a:hover p.blue {
              color: #064CCE; }
            .side-menu .side-menu-in .menu-item ul li a:hover img {
              right: -10px; }
            .side-menu .side-menu-in .menu-item ul li a p {
              font-size: 0.9em;
              line-height: 1.0em;
              transition: .5s;
              word-break: break-all;
              display: -webkit-box;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
              overflow: hidden; }
              @media (min-width: 1024px) {
                .side-menu .side-menu-in .menu-item ul li a p {
                  font-size: 1.0em; } }
            .side-menu .side-menu-in .menu-item ul li a img {
              position: absolute;
              top: 0;
              bottom: 0;
              right: 0;
              display: flex;
              align-items: center;
              width: 30px;
              height: 100%;
              transition: .5s; }
      .side-menu .side-menu-in .menu-item select {
        font-size: 0.9em;
        width: 100%;
        display: inline-block;
        position: relative;
        border: none;
        vertical-align: middle;
        height: 60px;
        padding: 0 25px;
        border-radius: 10px;
        appearance: none; }
        @media (min-width: 1024px) {
          .side-menu .side-menu-in .menu-item select {
            border-radius: 20px;
            font-size: 1.0em; } }
      .side-menu .side-menu-in .menu-item select {
        background-image: url("../../img/parts/arrow-select.svg");
        background-position: right 20px center;
        background-repeat: no-repeat;
        background-size: 13px 13px; }
      .side-menu .side-menu-in .menu-item select::-ms-expand {
        display: none; }

/*
---------------------------------------------------------------------------------------------------------------------
投稿ページ　ページナビ
---------------------------------------------------------------------------------------------------------------------
*/
#pager-post-navi {
  display: flex;
  position: relative; }
  @media (min-width: 1024px) {
    #pager-post-navi {
      padding-top: 40px; } }
  #pager-post-navi a {
    transition: 0.5s; }
    #pager-post-navi a:hover {
      opacity: 0.7; }
  #pager-post-navi a.prev-post {
    width: 46%; }
    @media (min-width: 768px) {
      #pager-post-navi a.prev-post {
        display: flex; } }
  #pager-post-navi a.next-post {
    width: 46%;
    margin-left: 8%;
    position: relative; }
    @media (min-width: 768px) {
      #pager-post-navi a.next-post {
        display: flex; } }
  #pager-post-navi .fa-chevron-left {
    background-image: url("../../img/parts/arrow-1L.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 0 center;
    height: 24px;
    display: flex;
    align-items: center; }
  #pager-post-navi .fa-chevron-left:before {
    content: ""; }
  #pager-post-navi .fa-chevron-right {
    background-image: url("../../img/parts/arrow-1.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right center;
    height: 24px;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0; }
  #pager-post-navi .fa-chevron-right:before {
    content: ""; }
  #pager-post-navi .next-post-title {
    margin: 25px 0 0 auto; }
    @media (min-width: 768px) {
      #pager-post-navi .next-post-title {
        margin: 0 70px 0 auto; } }
  #pager-post-navi .fa-chevron-left p {
    margin: 0 10px 0 30px;
    color: #58A52C;
    width: 36px; }
  #pager-post-navi .fa-chevron-right p {
    margin: 0 30px 0px 0;
    color: #58A52C; }