@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: none; }

q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.clearfix {
  display: inline-block; }
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden; }

/* Hides from IE Mac */
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* ---------- 初期 ---------- */
@font-face {
  font-family: "Din";
  src: local("Din"), url("../font/DINAlternate-Bold.ttf") format("truetype"); }
body {
  letter-spacing: 0.01em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  -webkit-text-size-adjust: 100%; }

html {
  scroll-behavior: smooth; }

img {
  max-width: 100%;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  user-select: none; }

a {
  text-decoration: none; }

strong {
  font-weight: bold; }

/* ---------- /共通部分 ---------- */
#jougetyuou {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto; }

#kadomaru {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; }

#resbtn {
  -webkit-appearance: none; }

.ancr {
  position: relative;
  transition: 0.5s; }

.anca {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 5;
  cursor: pointer; }

.ancr:hover {
  opacity: 0.75;
  transition: 0.5s;
  cursor: pointer; }

/* ---------- /参考タグ部分 ---------- */
.wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

/* PC */
@media screen and (min-width: 801px) {
  html {
    font-size: calc(1vw * 100 / 1920); }

  body {
    font-size: 16rem;
    color: #000;
    font-weight: 500;
    background: #F7F7F7; }

  .btn01 {
    display: inline-block;
    color: #fff;
    font-size: 16.9rem;
    font-weight: 900;
    border: solid 1.75rem #fff;
    border-radius: 100rem;
    line-height: 1.42em;
    padding: 7.8rem 35rem; }
    .btn01:hover {
      background: #fff;
      transition: 0.3s;
      color: #00A5B5; }

  .btn02 {
    display: inline-block;
    color: #1F7E87;
    font-size: 16.9rem;
    font-weight: 900;
    border: solid 1.75rem #F6E25C;
    border-radius: 100rem;
    line-height: 1.42em;
    padding: 7.8rem 35rem;
    background: #F6E25C; }
    .btn02:hover {
      background: #1F7E87;
      transition: 0.3s;
      color: #fff;
      border-color: #1F7E87; }

  .btn03 {
    display: inline-block;
    width: 244rem;
    box-sizing: border-box;
    text-align: center;
    color: #1F7E87;
    font-size: 20rem;
    font-weight: 900;
    border: solid 1.75rem #F6E25C;
    border-radius: 100rem;
    line-height: 1.45em;
    padding: 7.8rem 0;
    background: #F6E25C; }
    .btn03:hover {
      background: #1F7E87;
      transition: 0.3s;
      color: #fff;
      border-color: #1F7E87; }

  .btn04 {
    display: inline-block;
    width: 244rem;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: 20rem;
    font-weight: 900;
    border: solid 1.75rem #fff;
    border-radius: 100rem;
    line-height: 1.45em;
    padding: 7.8rem 0; }
    .btn04:hover {
      background: #fff;
      transition: 0.3s;
      color: #00A5B5; }

  .btn05 {
    display: inline-block;
    width: 244rem;
    box-sizing: border-box;
    text-align: center;
    color: #1F7E87;
    font-size: 20rem;
    font-weight: 900;
    border: solid 1.75rem #fff;
    border-radius: 100rem;
    line-height: 1.45em;
    padding: 7.8rem 0;
    background: #fff; }
    .btn05:hover {
      background: #1F7E87;
      transition: 0.3s;
      color: #fff;
      border-color: #1F7E87; }

  .mttl {
    text-align: center;
    margin-bottom: 50rem; }
    .mttl a {
      color: #000; }
    .mttl span {
      display: inline-block;
      font-size: 23rem;
      font-weight: 700;
      border-bottom: solid 3rem #00A5B5;
      padding-bottom: 7rem;
      line-height: 1.47em; }
      .mttl span.big {
        font-size: 30rem; }

  .msub {
    text-align: center;
    position: relative;
    font-weight: 500;
    font-size: 20rem;
    color: #00A5B5;
    line-height: 1.46em;
    background: url("../img/msub_bg.png") no-repeat center bottom;
    padding-bottom: 18rem;
    background-size: 180rem;
    margin-bottom: 7.4rem; }

  #head {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 11;
    background: #00A5B5;
    width: 100%; }
    #head .head_inner {
      margin: 0 auto;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between;
      padding: 16rem 205rem;
      align-items: center; }
      #head .head_inner .head_logo {
        width: 252rem; }
        #head .head_inner .head_logo a {
          display: block; }
          #head .head_inner .head_logo a img {
            display: block;
            width: 100%;
            height: auto; }
      #head .head_inner .head_right {
        display: flex;
        align-items: center; }
        #head .head_inner .head_right .head_menu {
          display: flex; }
          #head .head_inner .head_right .head_menu li {
            font-weight: 700;
            margin-right: 30rem; }
            #head .head_inner .head_right .head_menu li:last-child {
              margin-right: 47rem; }
            #head .head_inner .head_right .head_menu li a {
              color: #fff;
              font-size: 18rem; }
        #head .head_inner .head_right .head_btn {
          display: flex; }
          #head .head_inner .head_right .head_btn li:first-child {
            margin-right: 18rem; }

  main {
    display: block;
    padding-top: 94rem; }

  #copy-feedback {
    position: fixed;
    font-size: 26rem;
    z-index: -999;
    left: 50%;
    top: 50%;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%); }
    #copy-feedback.is-active {
      z-index: 10;
      opacity: 1; }
    #copy-feedback span {
      display: inline-block;
      background: #fff;
      padding: 1em; }

  #foot {
    background: #00A5B5;
    padding: 78rem 0 70rem; }
    #foot .foot_inner {
      width: 1680rem;
      margin: 0 auto;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between; }
      #foot .foot_inner .foot_logo {
        width: 262rem; }
        #foot .foot_inner .foot_logo img {
          display: block; }
      #foot .foot_inner .foot_right {
        display: flex; }
        #foot .foot_inner .foot_right .right1 .foot_ttl {
          font-size: 16.8rem;
          font-weight: 600;
          margin-bottom: 26rem;
          color: #fff; }
        #foot .foot_inner .foot_right .right1 .foot_link li {
          font-size: 16.8rem;
          font-weight: 700;
          margin-bottom: 25rem;
          position: relative;
          padding-left: 1em; }
          #foot .foot_inner .foot_right .right1 .foot_link li:before {
            color: #fff;
            content: '・';
            position: absolute;
            left: 0;
            top: 0; }
          #foot .foot_inner .foot_right .right1 .foot_link li a {
            color: #fff; }
        #foot .foot_inner .foot_right .right2 {
          margin-left: 163rem; }
          #foot .foot_inner .foot_right .right2 .foot_blank li {
            font-size: 16.8rem;
            font-weight: 700;
            margin-bottom: 35rem; }
            #foot .foot_inner .foot_right .right2 .foot_blank li a {
              color: #fff;
              display: inline-block;
              position: relative; }
              #foot .foot_inner .foot_right .right2 .foot_blank li a:before {
                content: '';
                width: 16rem;
                height: 16rem;
                background: url("../img/icon_blank.png") no-repeat center;
                background-size: contain;
                position: absolute;
                right: -20rem;
                top: 50%;
                transform: translateY(-50%); }
        #foot .foot_inner .foot_right .right3 {
          margin-left: 290rem;
          position: relative; }
          #foot .foot_inner .foot_right .right3 .totop {
            position: absolute;
            top: 165rem;
            right: 0;
            width: 149rem; }
            #foot .foot_inner .foot_right .right3 .totop a {
              display: block; }
          #foot .foot_inner .foot_right .right3 .foot_btn li {
            margin-bottom: 30rem; }

  .slide-dots {
    text-align: center;
    padding-top: 44rem;
    font-size: 0; }
    .slide-dots li {
      display: inline-block;
      margin: 0 7rem !important;
      padding: 0; }
      .slide-dots li.slick-active button {
        background-image: url("../img/circle_02.png"); }
      .slide-dots li button {
        padding: 0;
        -webkit-appearance: none;
        display: block;
        font-size: 0;
        width: 13rem;
        height: 13rem;
        border: none;
        line-height: 1;
        background: url("../img/circle_01.png") no-repeat center;
        background-size: contain; }

  #mvslider {
    padding: 137rem 0 70rem; }
    #mvslider li {
      margin: 0 25rem;
      border-radius: 10rem;
      overflow: hidden; }
      #mvslider li img {
        display: block; }

  #new {
    padding-bottom: 60rem; }

  .article_boxes {
    display: flex;
    width: 1600rem;
    margin: 0 auto; }
    .article_boxes .article_box {
      padding: 34rem 32rem;
      margin-right: 0.5%;
      width: 33%;
      background: #fff;
      box-sizing: border-box;
      border-radius: 10rem; }
      .article_boxes .article_box:last-child {
        margin-right: 0; }
      .article_boxes .article_box .article_box_img {
        margin-bottom: 15rem;
        border-radius: 10rem;
        overflow: hidden; }
        .article_boxes .article_box .article_box_img img {
          width: 100%;
          display: block; }
      .article_boxes .article_box .article_box_ttl {
        font-size: 28rem;
        line-height: 1.46em;
        font-weight: 700;
        margin-bottom: 15rem;
        height: 3em; }
        .article_boxes .article_box .article_box_ttl.nomb {
          margin-bottom: 0; }
        .article_boxes .article_box .article_box_ttl a {
          color: #000; }
      .article_boxes .article_box .article_box_tag {
        display: flex;
        flex-wrap: wrap; }
        .article_boxes .article_box .article_box_tag li {
          margin-right: 5rem;
          margin-bottom: 5rem;
          margin-left: 0;
          margin-top: 0;
          font-size: 18rem; }
          .article_boxes .article_box .article_box_tag li a {
            display: block;
            padding: 0.1em 0.9em;
            line-height: 1.7em;
            color: #000;
            box-sizing: border-box;
            border: solid 1rem #E0E0E0;
            border-radius: 10rem; }
            .article_boxes .article_box .article_box_tag li a:hover {
              background: #fff; }

  #sidejob {
    padding: 47rem 0 106rem; }

  .sidejob_list {
    display: flex;
    width: 1600rem;
    margin: 0 auto; }
    .sidejob_list li {
      border-radius: 10rem;
      overflow: hidden;
      width: 31.5%;
      margin-right: 2.75%; }
      .sidejob_list li img {
        display: block; }
      .sidejob_list li:nth-child(3n) {
        margin-right: 0; }

  #top_articles {
    background: #fff;
    padding: 96rem 0 100rem; }

  .boxes {
    width: 1600rem;
    margin: 0 auto; }
    .boxes .box {
      margin-bottom: 96rem; }
    .boxes .articles {
      display: flex;
      flex-wrap: wrap; }
      .boxes .articles.mrnone .article {
        margin-right: 0 !important; }
      .boxes .articles .articles_more {
        width: 100%;
        text-align: right; }
      .boxes .articles .article {
        width: 31.5%;
        margin-right: 2.75%;
        margin-bottom: 50rem; }
        .boxes .articles .article .article_img {
          border-radius: 10rem;
          overflow: hidden; }
          .boxes .articles .article .article_img img {
            display: block;
            width: 100%;
            height: auto; }
          .boxes .articles .article .article_img a {
            display: block; }
        .boxes .articles .article:nth-child(3n) {
          margin-right: 0; }
        .boxes .articles .article .date {
          text-align: left;
          font-weight: bold;
          color: #656565;
          font-size: 20rem;
          line-height: 1.1em;
          margin: 13rem 0 22rem;
          font-family: "Din"; }
        .boxes .articles .article .article_ttl {
          margin-top: 15rem;
          font-size: 28rem;
          line-height: 1.46em;
          font-weight: 700;
          border: none;
          padding: 0;
          margin-bottom: 0;
          height: 3em; }
          .boxes .articles .article .article_ttl a {
            color: #000; }
        .boxes .articles .article .article_box_tag {
          display: flex;
          flex-wrap: wrap; }
          .boxes .articles .article .article_box_tag li {
            margin-right: 5rem;
            margin-bottom: 5rem;
            margin-left: 0;
            margin-top: 0;
            font-size: 18rem; }
            .boxes .articles .article .article_box_tag li a {
              display: block;
              padding: 0.1em 0.9em;
              line-height: 1.7em;
              color: #000;
              box-sizing: border-box;
              border: solid 1rem #E0E0E0;
              border-radius: 10rem; }
              .boxes .articles .article .article_box_tag li a:hover {
                background: #fff; }
    .boxes .more {
      text-align: right;
      font-size: 16.8rem;
      font-weight: 900; }
      .boxes .more a {
        display: inline-block;
        padding: 0 32rem 9rem 0;
        background: url("../img/arr_more.png") no-repeat right bottom;
        background-size: contain;
        color: #000; }
        .boxes .more a:hover {
          color: #1F7E87; }

  #event {
    padding-top: 60rem;
    padding-bottom: 20rem; }

  #float {
    position: fixed;
    left: 0;
    bottom: 5rem;
    width: 100%;
    z-index: 9;
    /* デフォルトで非表示 */
    opacity: 0;
    visibility: hidden;
    /* アニメーション */
    transition: opacity 0.4s, visibility 0.4s; }
    #float.is-visible {
      opacity: 1;
      visibility: visible; }
    #float .float_inner {
      width: 1250rem;
      background: #00A5B5;
      border-radius: 10rem;
      margin: 0 auto;
      position: relative;
      box-sizing: border-box;
      padding: 28rem 50rem; }
      #float .float_inner .closebtn {
        width: 76rem;
        display: block;
        position: absolute;
        right: -32rem;
        top: -32rem; }
      #float .float_inner .float_left {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        #float .float_inner .float_left .float_left_btn {
          width: 284rem;
          position: relative; }
          #float .float_inner .float_left .float_left_btn a {
            width: 100%; }
          #float .float_inner .float_left .float_left_btn:before {
            content: '';
            display: block;
            height: 36rem;
            width: 36rem;
            background: url("../img/icon_30.svg") no-repeat center;
            background-size: contain;
            position: absolute;
            right: -12rem;
            top: -10rem; }
        #float .float_inner .float_left .float_left_btn2 {
          width: 284rem; }
          #float .float_inner .float_left .float_left_btn2 a {
            width: 100%; }
        #float .float_inner .float_left .float_left_img {
          width: 525rem; }
          #float .float_inner .float_left .float_left_img img {
            display: block; }

  #under_head {
    position: relative;
    margin-top: 106rem;
    padding: 80rem 0 134rem; }
    #under_head:before {
      content: '';
      display: block;
      background: #fff;
      position: absolute;
      top: 0;
      left: 50%;
      width: 1680rem;
      border-radius: 10rem;
      height: 100%;
      z-index: 1;
      transform: translateX(-50%); }
    #under_head .mttl {
      position: relative;
      z-index: 2;
      margin-bottom: 60rem; }

  .underslider {
    position: relative;
    z-index: 2; }
    .underslider li {
      margin: 0 21rem;
      overflow: hidden;
      border-radius: 10rem; }
      .underslider li img {
        width: 100%;
        display: block; }

  #under_body {
    padding-top: 80rem; }

  .btnback {
    display: inline-block;
    box-sizing: border-box;
    background: #fff;
    border: solid 1.8rem #00A5B5;
    border-radius: 100rem;
    font-size: 21rem;
    font-weight: 700;
    line-height: 1.8em;
    padding: 5rem 0 6rem;
    min-width: 292rem;
    text-align: center;
    color: #00A5B5; }
    .btnback:hover {
      background: #00A5B5;
      color: #fff;
      cursor: pointer; }

  .serch_back {
    margin-top: 50rem; }

  .search-conditions {
    width: 900rem;
    margin: 0 auto 40rem;
    box-sizing: border-box;
    background: #fff;
    padding: 0.8em 4em; }
    .search-conditions p {
      font-size: 16rem;
      line-height: 1.5em;
      margin: 0.5em 0; }

  .blogcard-thumbnail img {
    border-radius: 10rem; }

  .blogcard-snippet {
    display: none !important; }

  .searchArea {
    padding: 44rem 0;
    width: 1600rem;
    margin: 0 auto 70rem;
    border-radius: 12rem;
    background: #fff;
    text-align: center; }
    .searchArea .searchArea_send {
      text-align: center; }
      .searchArea .searchArea_send input[type="submit"] {
        display: inline-block;
        font-size: 22rem;
        font-weight: 700;
        color: #00A5B5;
        border: solid 1.8rem #00A5B5;
        box-sizing: border-box;
        line-height: 1.45em;
        padding: 10rem 0;
        border-radius: 100rem;
        background: #fff;
        width: 292rem;
        transition: 0.3s; }
        .searchArea .searchArea_send input[type="submit"]:hover {
          cursor: pointer;
          color: #fff;
          background: #00A5B5;
          transition: 0.3s; }
    .searchArea .searchArea_ch {
      display: none; }
      .searchArea .searchArea_ch:checked + .searchArea_la span {
        background-image: url("../img/icon_search_01.png"); }
      .searchArea .searchArea_ch:checked + .searchArea_la + form {
        padding-top: 40rem;
        visibility: visible;
        opacity: 1;
        transition: 0.3s;
        height: auto; }
    .searchArea .searchArea_la {
      font-size: 22rem;
      display: inline-block;
      font-weight: 400; }
      .searchArea .searchArea_la span {
        line-height: 1.4em;
        display: inline-block;
        background: url("../img/icon_search_02.png") no-repeat right center;
        background-size: contain;
        padding-right: 37rem; }
    .searchArea .search-form > div {
      padding: 0 !important;
      border: none !important;
      border-radius: 0 !important;
      margin-left: 0 !important; }
    .searchArea form {
      width: 1200rem;
      margin: 0 auto;
      height: 0;
      visibility: hidden;
      opacity: 0; }
    .searchArea .searchArea_box {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 40rem; }
      .searchArea .searchArea_box .searchArea_box_left {
        width: calc(100% - 977rem);
        font-size: 22rem;
        font-weight: 700;
        text-align: left; }
      .searchArea .searchArea_box .searchArea_box_right {
        border: none;
        width: 977rem;
        font-size: 0;
        text-align: left; }
        .searchArea .searchArea_box .searchArea_box_right input[type="checkbox"] {
          display: none; }
          .searchArea .searchArea_box .searchArea_box_right input[type="checkbox"]:checked + .searchArea_box_la {
            color: #fff;
            background: #00A5B5;
            border-color: #00A5B5; }
        .searchArea .searchArea_box .searchArea_box_right input[type="search"] {
          width: 100%;
          background: #fff;
          border: solid 1rem #BEBEBE;
          box-sizing: border-box;
          color: #000;
          line-height: 1.4em;
          font-size: 22rem;
          padding: 7rem 19rem;
          border-radius: 1rem; }
        .searchArea .searchArea_box .searchArea_box_right .searchArea_box_la {
          display: inline-block;
          color: #000;
          background: #fff;
          border: solid 1.8rem #E0E0E0;
          border-radius: 10rem;
          box-sizing: border-box;
          font-size: 19.85rem;
          line-height: 1.7em;
          text-align: center;
          padding: 6rem 10rem;
          margin-right: 8rem;
          margin-bottom: 3rem;
          margin-top: 4rem; }

  .wp-pagenavi {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 170rem; }
    .wp-pagenavi span {
      margin: 7rem;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 100rem;
      background: #00A5B5;
      color: #fff;
      width: 67rem;
      height: 67rem;
      box-sizing: border-box;
      border: solid 1.76rem #00A5B5;
      text-align: center;
      font-size: 21rem; }
    .wp-pagenavi a {
      margin: 7rem;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 100rem;
      background: #fff;
      color: #00A5B5;
      box-sizing: border-box;
      border: solid 1.76rem #00A5B5;
      width: 67rem;
      height: 67rem;
      text-align: center;
      font-size: 21rem; }

  .pankuzu {
    width: 1768rem;
    margin: 0 auto;
    font-size: 18rem !important;
    font-weight: 400;
    margin-bottom: 45rem; }
    .pankuzu a {
      color: #00A5B5; }

  #singleArea {
    width: 1768rem;
    margin: 0 auto;
    position: relative; }
    #singleArea.notpage {
      padding-bottom: 140rem;
      padding-top: 50rem; }
      #singleArea.notpage .title-404 {
        font-weight: 900;
        font-size: 60rem;
        line-height: 1.8em;
        color: #BEBEBE;
        margin-bottom: 14rem; }
      #singleArea.notpage .txt-404 {
        font-size: 24rem;
        line-height: 1.8em;
        font-weight: 500; }
        #singleArea.notpage .txt-404 span {
          font-weight: 900; }
    #singleArea .btns {
      position: absolute;
      width: 36rem;
      right: -61rem;
      top: 0;
      height: 100%;
      opacity: 1;
      /* 初期状態は透明度1（見える） */
      visibility: visible;
      transition: opacity 0.5s ease, visibility 0.5s ease;
      /* 0.5秒かけて変化 */ }
      #singleArea .btns.is-hidden {
        /* 非表示時のスタイル */
        opacity: 0;
        /* 透明度を0にする */
        visibility: hidden;
        pointer-events: none;
        /* 透明でもクリックできないようにする */ }
      #singleArea .btns ul {
        position: sticky;
        left: 0;
        top: 130rem; }
        #singleArea .btns ul li {
          margin-bottom: 20rem;
          text-align: center; }
          #singleArea .btns ul li a {
            display: block; }
          #singleArea .btns ul li #copy-button {
            border: none;
            background: none; }
          #singleArea .btns ul li input[type="button"] {
            font-size: 0;
            display: block;
            border: none;
            width: 36rem;
            height: 36rem;
            background: url("../img/icon_link.svg") no-repeat center;
            background-size: contain; }
    #singleArea .singleArea_inner {
      position: relative;
      display: flex;
      justify-content: space-between; }
      #singleArea .singleArea_inner .singleArea_left {
        position: relative;
        width: 1154rem;
        word-break: break-all; }
        #singleArea .singleArea_inner .singleArea_left #arclist {
          padding-top: 0 !important; }
        #singleArea .singleArea_inner .singleArea_left .s_ttl {
          font-weight: 700;
          font-size: 34rem;
          line-height: 1.4em;
          border-bottom: solid 3rem #00A5B5;
          padding-bottom: 26rem;
          margin-bottom: 11rem;
          font-weight: 700; }
        #singleArea .singleArea_inner .singleArea_left .article_content {
          background: #fff;
          box-sizing: border-box;
          padding: 83rem 52rem 52rem;
          border-radius: 10rem; }
          #singleArea .singleArea_inner .singleArea_left .article_content .s_head {
            display: flex;
            justify-content: space-between;
            margin-bottom: 70rem; }
            #singleArea .singleArea_inner .singleArea_left .article_content .s_head .catlist {
              padding-top: 20rem;
              font-size: 0; }
              #singleArea .singleArea_inner .singleArea_left .article_content .s_head .catlist li {
                margin-right: 4.4rem;
                display: inline-block;
                font-weight: 700;
                font-size: 16rem;
                border-radius: 10rem;
                border: solid 1.1rem #E0E0E0;
                padding: 10rem 12rem; }
                #singleArea .singleArea_inner .singleArea_left .article_content .s_head .catlist li a {
                  color: #000; }
            #singleArea .singleArea_inner .singleArea_left .article_content .s_head .date {
              font-size: 20rem;
              font-weight: bold;
              color: #656565;
              font-family: "Din"; }
          #singleArea .singleArea_inner .singleArea_left .article_content .s_thum {
            margin-bottom: 120rem;
            border-radius: 10rem;
            overflow: hidden; }
            #singleArea .singleArea_inner .singleArea_left .article_content .s_thum img {
              display: block;
              width: 100%;
              height: auto; }
          #singleArea .singleArea_inner .singleArea_left .article_content .mokuji {
            background: #F7F7F7;
            border-radius: 10rem;
            box-sizing: border-box;
            padding: 42rem 40rem;
            margin-bottom: 70rem; }
            #singleArea .singleArea_inner .singleArea_left .article_content .mokuji .toc-center {
              margin: 0; }
            #singleArea .singleArea_inner .singleArea_left .article_content .mokuji .toc-title:after {
              content: '　';
              width: 24rem;
              display: inline-block;
              margin-left: 9rem;
              height: 24rem;
              background: url("../img/icon_search_02.png") no-repeat center;
              background-size: contain; }
            #singleArea .singleArea_inner .singleArea_left .article_content .mokuji .toc-checkbox:checked + .toc-title:after {
              background-image: url("../img/icon_search_01.png"); }
            #singleArea .singleArea_inner .singleArea_left .article_content .mokuji .toc {
              border: none;
              padding: 0;
              display: block; }
            #singleArea .singleArea_inner .singleArea_left .article_content .mokuji .toc-title {
              text-align: left;
              font-size: 28rem;
              font-weight: 700;
              margin-bottom: 22rem;
              padding: 0; }
            #singleArea .singleArea_inner .singleArea_left .article_content .mokuji .mokuji_ttl {
              font-size: 28rem;
              font-weight: 700;
              margin-bottom: 22rem; }
            #singleArea .singleArea_inner .singleArea_left .article_content .mokuji ol {
              background: #fff;
              border-radius: 10rem;
              box-sizing: border-box;
              padding: 45rem 32rem; }
              #singleArea .singleArea_inner .singleArea_left .article_content .mokuji ol li {
                margin-bottom: 18rem;
                font-size: 20rem;
                line-height: 1.3em;
                font-weight: 900;
                padding-left: 1em; }
                #singleArea .singleArea_inner .singleArea_left .article_content .mokuji ol li ol {
                  padding: 0;
                  margin-top: 18rem; }
                  #singleArea .singleArea_inner .singleArea_left .article_content .mokuji ol li ol li {
                    font-weight: 500; }
                #singleArea .singleArea_inner .singleArea_left .article_content .mokuji ol li:last-child {
                  margin-bottom: 0; }
                #singleArea .singleArea_inner .singleArea_left .article_content .mokuji ol li a {
                  color: #000; }
                  #singleArea .singleArea_inner .singleArea_left .article_content .mokuji ol li a:hover {
                    text-decoration: underline; }
          #singleArea .singleArea_inner .singleArea_left .article_content .lead {
            font-size: 20rem;
            line-height: 2em;
            margin-bottom: 20rem;
            font-weight: 400; }
          #singleArea .singleArea_inner .singleArea_left .article_content .article_body {
            font-size: 20rem;
            line-height: 1.9em;
            margin-bottom: 80rem;
            font-weight: 500; }
            #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-embed {
              margin-top: 20rem;
              margin-bottom: 20rem;
              background: #F8F8F8; }
              #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-embed .blogcard {
                border-radius: 10rem;
                height: 163rem;
                overflow: hidden; }
              #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-embed .blogcard-wrap {
                width: 100%; }
              #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-embed .blogcard-footer {
                display: none !important; }
              #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-embed .blogcard-title {
                font-size: 20rem;
                line-height: 1.5em; }
              #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-embed .blogcard-content {
                min-height: 128rem;
                max-height: 200rem;
                margin-left: 230rem; }
              #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-embed .blogcard-thumbnail {
                width: 210rem; }
              #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-embed .blogcard-title {
                height: 123rem;
                display: flex;
                align-items: center; }
            #singleArea .singleArea_inner .singleArea_left .article_content .article_body ul li {
              position: relative;
              padding-left: 1em; }
              #singleArea .singleArea_inner .singleArea_left .article_content .article_body ul li:before {
                content: '・';
                position: absolute;
                left: 0;
                top: 0; }
            #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-image {
              margin-bottom: 10rem; }
            #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-table table thead tr th {
              background: #00A5B5 !important;
              color: #fff !important;
              border: solid 1px #00A5B5; }
              #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-table table thead tr th:nth-child(1) {
                border-right: solid 1px #fff; }
            #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-table table thead tr td {
              background: #00A5B5 !important;
              color: #fff !important; }
            #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-table table tbody tr th, #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-table table tbody tr td {
              vertical-align: middle !important;
              text-align: left; }
            #singleArea .singleArea_inner .singleArea_left .article_content .article_body p {
              font-size: 20rem;
              font-weight: 400;
              line-height: 2em;
              padding-bottom: 1.5em; }
            #singleArea .singleArea_inner .singleArea_left .article_content .article_body h2 {
              margin-top: 60rem;
              border-bottom: solid 3rem #00A5B5;
              padding-bottom: 20rem;
              font-size: 28rem;
              margin-bottom: 30rem;
              font-weight: 900; }
            #singleArea .singleArea_inner .singleArea_left .article_content .article_body h3 {
              margin-top: 30rem;
              border-left: solid 6rem #00A5B5;
              padding: 6rem 0 6rem 20rem;
              font-size: 28rem;
              margin-bottom: 10rem;
              font-weight: 700; }
            #singleArea .singleArea_inner .singleArea_left .article_content .article_body h4 {
              margin-top: 30rem;
              font-size: 24rem;
              margin-bottom: 10rem;
              font-weight: 700;
              text-decoration: underline; }
            #singleArea .singleArea_inner .singleArea_left .article_content .article_body .s_btn {
              text-align: center;
              margin-top: 60rem;
              margin-bottom: 100rem; }
              #singleArea .singleArea_inner .singleArea_left .article_content .article_body .s_btn a {
                padding: 21rem 0;
                border-radius: 100rem;
                display: inline-block;
                position: relative;
                box-sizing: border-box;
                width: 370rem;
                background: #00A5B5;
                color: #fff;
                text-align: center;
                font-size: 22rem;
                line-height: 1.5em;
                font-weight: 700;
                box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
                #singleArea .singleArea_inner .singleArea_left .article_content .article_body .s_btn a:hover {
                  opacity: 0.9;
                  cursor: pointer; }
                #singleArea .singleArea_inner .singleArea_left .article_content .article_body .s_btn a:before {
                  content: '';
                  width: 62rem;
                  height: 62rem;
                  background: url("../img/icon_cta.png") no-repeat center;
                  background-size: contain;
                  position: absolute;
                  top: -15rem;
                  right: -8rem;
                  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
                  border-radius: 100rem; }
          #singleArea .singleArea_inner .singleArea_left .article_content .user_data {
            box-sizing: border-box;
            border: solid 3rem #AFAFAF;
            border-radius: 10rem;
            padding: 54rem 70rem; }
            #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box {
              position: relative;
              margin-bottom: 20rem; }
              #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box .user_data_box_left {
                display: flex;
                align-items: center; }
                #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box .user_data_box_left .user_data_box_logo {
                  width: 113rem;
                  margin-right: 40rem; }
                  #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box .user_data_box_left .user_data_box_logo a {
                    display: block; }
                  #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box .user_data_box_left .user_data_box_logo img {
                    display: block;
                    width: 100%;
                    height: auto; }
                #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box .user_data_box_left .user_data_box_name .txt {
                  font-weight: 800;
                  font-size: 28rem;
                  margin-bottom: 15rem; }
                #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box .user_data_box_left .user_data_box_name .name {
                  font-size: 20rem; }
              #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box .user_data_box_right {
                position: absolute;
                right: 0;
                top: 0; }
                #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box .user_data_box_right .icons {
                  display: flex; }
                #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box .user_data_box_right li {
                  margin-left: 9rem;
                  width: 40rem; }
                  #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box .user_data_box_right li a {
                    display: block; }
            #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_desc {
              font-size: 20rem;
              line-height: 1.46em; }
      #singleArea .singleArea_inner .singleArea_right {
        width: 478rem;
        position: relative; }
        #singleArea .singleArea_inner .singleArea_right .side {
          position: relative;
          height: 100%; }
          #singleArea .singleArea_inner .singleArea_right .side .side_ttl {
            color: #fff;
            text-align: center;
            font-weight: 700;
            background: #00A5B5;
            border-radius: 10rem 10rem 0 0;
            font-size: 25rem;
            padding: 30rem 0; }
          #singleArea .singleArea_inner .singleArea_right .side .side_boxes {
            margin-bottom: 49rem;
            background: #fff;
            padding: 40rem;
            box-sizing: border-box; }
            #singleArea .singleArea_inner .singleArea_right .side .side_boxes .side_box {
              display: flex;
              justify-content: space-between;
              margin-bottom: 30rem; }
              #singleArea .singleArea_inner .singleArea_right .side .side_boxes .side_box:last-child {
                margin-bottom: 0; }
              #singleArea .singleArea_inner .singleArea_right .side .side_boxes .side_box .side_box_left {
                width: 43%; }
                #singleArea .singleArea_inner .singleArea_right .side .side_boxes .side_box .side_box_left img {
                  border-radius: 10rem; }
                #singleArea .singleArea_inner .singleArea_right .side .side_boxes .side_box .side_box_left a {
                  display: block; }
              #singleArea .singleArea_inner .singleArea_right .side .side_boxes .side_box .side_box_right {
                width: 51%; }
                #singleArea .singleArea_inner .singleArea_right .side .side_boxes .side_box .side_box_right .cat {
                  display: inline-block;
                  border-radius: 10rem;
                  border: solid 1rem #E0E0E0;
                  box-sizing: border-box;
                  padding: 0.1em 0.9em;
                  line-height: 1.7em;
                  font-size: 12rem;
                  margin-bottom: 5rem; }
                  #singleArea .singleArea_inner .singleArea_right .side .side_boxes .side_box .side_box_right .cat a {
                    color: #000; }
                #singleArea .singleArea_inner .singleArea_right .side .side_boxes .side_box .side_box_right .side_box_ttl {
                  font-weight: 900;
                  font-size: 16rem;
                  line-height: 1.46em; }
                  #singleArea .singleArea_inner .singleArea_right .side .side_boxes .side_box .side_box_right .side_box_ttl a {
                    color: #000; }
          #singleArea .singleArea_inner .singleArea_right .side .side_bnr {
            margin-bottom: 49rem; }
            #singleArea .singleArea_inner .singleArea_right .side .side_bnr img {
              width: 100%;
              height: auto;
              display: block; }
          #singleArea .singleArea_inner .singleArea_right .side .side_tag {
            position: sticky;
            left: 0;
            top: 130rem; }
            #singleArea .singleArea_inner .singleArea_right .side .side_tag .side_tag_ttl {
              font-size: 25rem;
              font-weight: 500;
              border-bottom: solid 3rem #00A5B5;
              padding-bottom: 20rem;
              margin-bottom: 25rem; }
            #singleArea .singleArea_inner .singleArea_right .side .side_tag .side_tag_list {
              font-size: 0; }
              #singleArea .singleArea_inner .singleArea_right .side .side_tag .side_tag_list li {
                margin-right: 16rem;
                display: inline-block;
                margin-bottom: 17rem; }
                #singleArea .singleArea_inner .singleArea_right .side .side_tag .side_tag_list li a {
                  display: inline-block;
                  padding: 0.1em 0.9em;
                  line-height: 1.7em;
                  color: #000;
                  font-size: 20rem;
                  border-radius: 10rem;
                  border: solid 1rem #E0E0E0;
                  box-sizing: border-box; }
                  #singleArea .singleArea_inner .singleArea_right .side .side_tag .side_tag_list li a:hover {
                    background: #fff;
                    cursor: pointer; }

  #relate_articles {
    padding-top: 120rem;
    padding-bottom: 170rem;
    width: 1060rem; }
    #relate_articles .boxes {
      width: 1060rem; }
      #relate_articles .boxes .box .articles {
        justify-content: space-between; }
        #relate_articles .boxes .box .articles .articles_more {
          width: 100%;
          text-align: right; }
        #relate_articles .boxes .box .articles .article {
          margin-right: 0;
          width: 47%; }
          #relate_articles .boxes .box .articles .article .article_img {
            border-radius: 10rem;
            overflow: hidden; }
            #relate_articles .boxes .box .articles .article .article_img img {
              display: block;
              width: 100%;
              height: auto; }
            #relate_articles .boxes .box .articles .article .article_img a {
              display: block; }
      #relate_articles .boxes .box .mttl {
        text-align: left;
        margin-bottom: 60rem; }

  #arclist {
    min-height: 1700rem;
    padding-top: 70rem; }
    #arclist .boxes {
      width: 100%; }
      #arclist .boxes .box .articles {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        #arclist .boxes .box .articles .articles_more {
          width: 100%;
          text-align: right; }
        #arclist .boxes .box .articles .article {
          width: 47%;
          margin-bottom: 120rem; }
          #arclist .boxes .box .articles .article .article_img {
            border-radius: 10rem;
            overflow: hidden; }
            #arclist .boxes .box .articles .article .article_img img {
              display: block;
              width: 100%;
              height: auto; }
            #arclist .boxes .box .articles .article .article_img a {
              display: block; }
          #arclist .boxes .box .articles .article .date {
            text-align: left;
            font-weight: bold;
            color: #656565;
            font-size: 20rem;
            line-height: 1.1em;
            margin: 13rem 0 22rem;
            font-family: "Din"; }
          #arclist .boxes .box .articles .article .article_ttl {
            font-size: 28rem;
            line-height: 1.46em;
            font-weight: 700;
            border: none;
            padding: 0;
            margin-bottom: 0; }
            #arclist .boxes .box .articles .article .article_ttl a {
              color: #000; }
      #arclist .boxes .box .mttl {
        text-align: left;
        margin-bottom: 60rem; }

  .sponly {
    display: none !important; } }
/* SP */
@media screen and (max-width: 800px) {
  .pconly {
    display: none !important; }

  html {
    font-size: calc(1vw * 100 / 375); }

  body {
    font-size: 16rem;
    color: #000;
    font-weight: 500;
    background: #F7F7F7; }

  .btn01 {
    display: inline-block;
    color: #fff;
    font-size: 7.68rem;
    font-weight: 900;
    border: solid 1.75rem #fff;
    border-radius: 100rem;
    line-height: 1.42em;
    padding: 4.3rem 9rem; }
    .btn01:hover {
      background: #fff;
      transition: 0.3s;
      color: #00A5B5; }

  .btn02 {
    display: inline-block;
    color: #1F7E87;
    font-size: 7.68rem;
    font-weight: 900;
    border: solid 1.75rem #F6E25C;
    border-radius: 100rem;
    line-height: 1.42em;
    padding: 4.3rem 13rem;
    background: #F6E25C; }
    .btn02:hover {
      background: #1F7E87;
      transition: 0.3s;
      color: #fff;
      border-color: #1F7E87; }

  .btn03 {
    display: inline-block;
    width: 244rem;
    box-sizing: border-box;
    text-align: center;
    color: #1F7E87;
    font-size: 14rem;
    font-weight: 900;
    border: solid 1.75rem #F6E25C;
    border-radius: 100rem;
    line-height: 1.45em;
    padding: 9.8rem 0;
    background: #F6E25C; }
    .btn03:hover {
      background: #1F7E87;
      transition: 0.3s;
      color: #fff;
      border-color: #1F7E87; }

  .btn04 {
    display: inline-block;
    width: 244rem;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: 15rem;
    font-weight: 900;
    border: solid 2rem #fff;
    border-radius: 100rem;
    line-height: 1.45em;
    padding: 9.8rem 0; }
    .btn04:hover {
      background: #fff;
      transition: 0.3s;
      color: #00A5B5; }

  .mttl {
    text-align: center;
    line-height: 20rem;
    margin-bottom: 30rem; }
    .mttl a {
      color: #000; }
    .mttl span {
      display: inline-block;
      font-size: 15.4rem;
      font-weight: 700;
      border-bottom: solid 1rem #00A5B5;
      padding-bottom: 4rem; }
      .mttl span.big {
        font-size: 18rem; }

  .msub {
    text-align: center;
    position: relative;
    font-weight: 500;
    font-size: 12.7rem;
    color: #00A5B5;
    line-height: 1.46em;
    background: url("../img/msub_bg.png") no-repeat center bottom;
    padding-bottom: 9rem;
    background-size: 118rem;
    margin-bottom: 10rem; }

  .menu {
    position: absolute;
    right: 0;
    top: 0; }
    .menu .menu_ch {
      display: none; }
      .menu .menu_ch:checked + .menu_la {
        background-image: url("../img/menu_02.png"); }
        .menu .menu_ch:checked + .menu_la + .menuArea {
          right: 0;
          visibility: visible;
          opacity: 1;
          transition: 0.3s; }
    .menu .menu_la {
      position: fixed;
      right: 18rem;
      top: 19rem;
      width: 15rem;
      height: 15rem;
      background: url("../img/menu_01.png") no-repeat center;
      background-size: contain;
      z-index: 2;
      display: block; }
    .menu .menuArea {
      position: fixed;
      right: -100vw;
      top: 0;
      width: 100%;
      height: 100vh;
      background: #00A5B5;
      box-sizing: border-box;
      overflow-y: scroll;
      padding-top: 95rem;
      opacity: 0;
      visibility: hidden; }
      .menu .menuArea .menu_inner {
        box-sizing: border-box;
        width: 330rem;
        margin: 0 auto; }
        .menu .menuArea .menu_inner .head_menu {
          border-top: solid 1rem #fff; }
          .menu .menuArea .menu_inner .head_menu li {
            border-bottom: solid 1rem #fff; }
            .menu .menuArea .menu_inner .head_menu li a {
              color: #fff;
              display: block;
              font-size: 15rem;
              font-weight: 700;
              padding: 20rem 0; }
        .menu .menuArea .menu_inner .head_btn2 {
          text-align: center;
          padding-top: 33rem; }
          .menu .menuArea .menu_inner .head_btn2 li {
            margin-bottom: 18rem; }

  #head {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 11;
    background: #00A5B5;
    width: 100%; }
    #head .head_inner {
      width: 340rem;
      margin: 0 auto;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between;
      padding: 7rem 0;
      align-items: center; }
      #head .head_inner .head_logo {
        width: 130rem;
        position: relative;
        z-index: 4; }
        #head .head_inner .head_logo a {
          display: block; }
          #head .head_inner .head_logo a img {
            display: block;
            width: 100%;
            height: auto; }
      #head .head_inner .head_right {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding-right: 28rem; }
        #head .head_inner .head_right .head_menu {
          display: flex; }
          #head .head_inner .head_right .head_menu li {
            margin-right: 50rem; }
            #head .head_inner .head_right .head_menu li:last-child {
              margin-right: 57rem; }
            #head .head_inner .head_right .head_menu li a {
              color: #fff;
              font-size: 14rem; }
        #head .head_inner .head_right .head_btn {
          display: flex; }
          #head .head_inner .head_right .head_btn li:first-child {
            margin-right: 5.7rem; }

  main {
    display: block;
    padding-top: 38rem; }

  #copy-feedback {
    position: fixed;
    font-size: 16rem;
    z-index: -999;
    left: 50%;
    top: 50%;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    text-align: center; }
    #copy-feedback.is-active {
      z-index: 10;
      opacity: 1; }
    #copy-feedback span {
      display: inline-block;
      background: #fff;
      padding: 1em;
      width: 90wvw; }

  /* メッセージ表示エリアのスタイル */
  .copy-feedback-message {
    /* 普段は非表示 */
    opacity: 0;
    transition: opacity 0.4s ease;
    margin-top: 10px;
    font-weight: bold;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10; }
    .copy-feedback-message.is-visible {
      opacity: 1; }
    .copy-feedback-message.error {
      color: #D8000C;
      /* エラーを示す赤色 */ }

  /* is-visibleクラスが付いたら表示する */
  /* エラーメッセージ用のスタイル */
  #foot {
    background: #00A5B5;
    padding: 39rem 0 37rem;
    box-sizing: border-box; }
    #foot .foot_inner {
      width: 333rem;
      margin: 0 auto; }
      #foot .foot_inner .foot_logo {
        width: 110rem;
        margin-bottom: 41rem; }
        #foot .foot_inner .foot_logo img {
          display: block; }
      #foot .foot_inner .foot_right {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        #foot .foot_inner .foot_right .right1 {
          box-sizing: border-box;
          margin-bottom: 30rem;
          margin-right: 28rem; }
          #foot .foot_inner .foot_right .right1 .foot_ttl {
            font-size: 12rem;
            font-weight: 600;
            margin-bottom: 16rem;
            color: #fff; }
          #foot .foot_inner .foot_right .right1 .foot_link li {
            font-size: 12rem;
            font-weight: 700;
            margin-bottom: 16rem;
            position: relative;
            padding-left: 1em; }
            #foot .foot_inner .foot_right .right1 .foot_link li:before {
              color: #fff;
              content: '・';
              position: absolute;
              left: 0;
              top: 0; }
            #foot .foot_inner .foot_right .right1 .foot_link li a {
              color: #fff; }
        #foot .foot_inner .foot_right .right2 {
          box-sizing: border-box;
          padding-bottom: 10rem; }
          #foot .foot_inner .foot_right .right2 .foot_blank li {
            font-size: 12rem;
            font-weight: 700;
            margin-bottom: 19rem; }
            #foot .foot_inner .foot_right .right2 .foot_blank li a {
              color: #fff;
              display: inline-block;
              position: relative; }
              #foot .foot_inner .foot_right .right2 .foot_blank li a:before {
                content: '';
                width: 14rem;
                height: 14rem;
                background: url("../img/icon_blank.png") no-repeat center;
                background-size: contain;
                position: absolute;
                right: -20rem;
                top: 50%;
                transform: translateY(-50%); }
        #foot .foot_inner .foot_right .right3 {
          padding-top: 27rem;
          width: 100%;
          border-top: solid 1rem #FFFFFF;
          position: relative; }
          #foot .foot_inner .foot_right .right3 .totop {
            position: absolute;
            top: -265rem;
            right: 0;
            width: 103rem; }
            #foot .foot_inner .foot_right .right3 .totop a {
              display: block; }
          #foot .foot_inner .foot_right .right3 .foot_btn {
            text-align: center; }
            #foot .foot_inner .foot_right .right3 .foot_btn li {
              margin-bottom: 18rem; }

  .slide-dots {
    text-align: center;
    padding-top: 26rem;
    font-size: 0; }
    .slide-dots li {
      display: inline-block;
      margin: 0 3rem;
      padding: 0; }
      .slide-dots li.slick-active button {
        background-image: url("../img/circle_02.png"); }
      .slide-dots li button {
        padding: 0;
        -webkit-appearance: none;
        display: block;
        font-size: 0;
        width: 10rem;
        height: 10rem;
        border: none;
        line-height: 1;
        background: url("../img/circle_01.png") no-repeat center;
        background-size: contain; }

  #mvslider {
    padding: 26rem 0 21rem;
    background: #fff;
    margin-top: 30rem; }
    #mvslider li {
      margin: 0 4rem; }
      #mvslider li img {
        border-radius: 5rem; }

  .article_boxes {
    padding-bottom: 5vw; }
    .article_boxes .slick-track {
      display: flex; }
    .article_boxes .slick-slide {
      height: auto !important; }
    .article_boxes .prev-arrow {
      position: absolute;
      left: 3vw;
      top: 50%;
      transform: translateY(-50%);
      width: 55rem;
      z-index: 3; }
      .article_boxes .prev-arrow a {
        display: block; }
    .article_boxes .next-arrow {
      position: absolute;
      right: 3vw;
      top: 50%;
      transform: translateY(-50%);
      width: 55rem;
      z-index: 3; }
      .article_boxes .next-arrow a {
        display: block; }
    .article_boxes .article_box {
      display: inline-block;
      padding: 14rem 13rem;
      margin: 0 2rem;
      background: #fff;
      box-sizing: border-box;
      border-radius: 5rem; }
      .article_boxes .article_box .article_box_img {
        margin-bottom: 10rem;
        border-radius: 5rem;
        overflow: hidden; }
        .article_boxes .article_box .article_box_img img {
          width: 100%;
          display: block; }
      .article_boxes .article_box .article_box_ttl {
        font-size: 13rem;
        line-height: 1.46em;
        font-weight: 700;
        margin-bottom: 10rem;
        height: 3em; }
        .article_boxes .article_box .article_box_ttl.nomb {
          margin-bottom: 0; }
        .article_boxes .article_box .article_box_ttl a {
          color: #000; }
      .article_boxes .article_box .article_box_tag {
        display: flex;
        flex-wrap: wrap; }
        .article_boxes .article_box .article_box_tag li {
          margin-right: 3rem;
          margin-bottom: 3rem;
          margin-left: 0;
          margin-top: 0; }
          .article_boxes .article_box .article_box_tag li a {
            display: block;
            font-size: 9rem;
            padding: 0.1em 0.9em;
            line-height: 1.7em;
            color: #000;
            box-sizing: border-box;
            border: solid 1rem #E0E0E0;
            border-radius: 5rem; }
            .article_boxes .article_box .article_box_tag li a:hover {
              background: #F4F4F4; }

  #sidejob {
    padding: 39rem 0 50rem; }

  .sidejob_list {
    width: calc(100% - 20rem);
    margin-left: 20rem;
    white-space: nowrap;
    overflow-x: scroll; }
    .sidejob_list li {
      display: inline-block;
      width: 234rem;
      margin-right: 20rem;
      border-radius: 5rem;
      overflow: hidden; }
      .sidejob_list li img {
        display: block; }

  #top_articles {
    background: #fff;
    padding: 39rem 0 42rem; }

  .boxes {
    width: 334rem;
    margin: 0 auto; }
    .boxes .box {
      margin-bottom: 45rem; }
    .boxes .articles .article {
      margin-bottom: 27rem;
      border-bottom: solid 1px #E0E0E0; }
      .boxes .articles .article:last-child {
        border-bottom: none; }
      .boxes .articles .article .article_img {
        border-radius: 5rem;
        overflow: hidden; }
        .boxes .articles .article .article_img img, .boxes .articles .article .article_img a {
          display: block; }
      .boxes .articles .article .date {
        text-align: left;
        font-weight: bold;
        color: #656565;
        font-size: 13rem;
        line-height: 1.1em;
        margin: 8rem 0;
        font-family: "Din"; }
      .boxes .articles .article .article_ttl {
        margin-top: 10rem;
        font-size: 17rem;
        line-height: 1.46em;
        font-weight: 700;
        border: none;
        padding: 0;
        margin-bottom: 0;
        height: 3em; }
        .boxes .articles .article .article_ttl a {
          color: #000; }
      .boxes .articles .article .article_box_tag {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0; }
        .boxes .articles .article .article_box_tag li {
          margin-right: 3.9rem;
          margin-bottom: 3.9rem;
          margin-left: 0;
          margin-top: 0; }
          .boxes .articles .article .article_box_tag li a {
            display: block;
            line-height: 1.7em;
            font-size: 11.7rem;
            padding: 0.1em 0.9em;
            color: #000;
            box-sizing: border-box;
            border: solid 1rem #E0E0E0;
            border-radius: 5rem; }
            .boxes .articles .article .article_box_tag li a:hover {
              background: #F4F4F4; }
    .boxes .more {
      text-align: right;
      font-size: 10.9rem;
      font-weight: 900; }
      .boxes .more a {
        display: inline-block;
        padding: 0 20rem 5rem 0;
        background: url("../img/arr_more.png") no-repeat right bottom;
        background-size: contain;
        color: #000;
        font-weight: 900; }
        .boxes .more a:hover {
          color: #1F7E87; }

  #event {
    padding-top: 39rem;
    padding-bottom: 52rem; }

  #float {
    position: fixed;
    left: 0;
    bottom: 2vw;
    width: 100%;
    z-index: 9;
    /* デフォルトで非表示 */
    opacity: 0;
    visibility: hidden;
    /* アニメーション */
    transition: opacity 0.4s, visibility 0.4s; }
    #float.is-visible {
      opacity: 1;
      visibility: visible; }
    #float .float_btn img {
      width: 100%;
      display: block; }
    #float .float_inner {
      background: #00A5B5;
      width: 279rem;
      margin: 0 auto;
      position: relative;
      padding: 0.3vw 0 0;
      border-radius: 5rem; }
      #float .float_inner a {
        display: block;
        margin: 0 auto;
        text-align: center; }
        #float .float_inner a img {
          width: 215rem;
          display: block;
          margin-left: 38rem; }
      #float .float_inner .closebtn {
        width: 12vw;
        display: block;
        position: absolute;
        right: -5vw;
        top: -5vw; }
      #float .float_inner a {
        display: block; }

  #under_head {
    position: relative;
    margin-top: 28rem;
    padding: 27rem 0; }
    #under_head:before {
      content: '';
      display: block;
      background: #fff;
      position: absolute;
      top: 0;
      left: 50%;
      width: 334rem;
      border-radius: 5rem;
      height: 100%;
      z-index: 1;
      transform: translateX(-50%); }
    #under_head .mttl {
      position: relative;
      z-index: 2;
      margin-bottom: 17rem; }

  .underslider {
    position: relative;
    z-index: 2;
    margin-bottom: 0 !important; }
    .underslider li {
      margin: 0 4rem;
      overflow: hidden;
      border-radius: 5rem; }
      .underslider li img {
        width: 100%;
        height: auto;
        display: block; }

  #under_body {
    padding-top: 30rem; }

  .btnback {
    display: inline-block;
    box-sizing: border-box;
    background: #fff;
    border: solid 1.3rem #00A5B5;
    border-radius: 100rem;
    font-size: 15rem;
    font-weight: 700;
    line-height: 1.8em;
    padding: 5rem 0 6rem;
    min-width: 204rem;
    text-align: center;
    color: #00A5B5; }
    .btnback:hover {
      background: #00A5B5;
      color: #fff;
      cursor: pointer; }

  .serch_back {
    text-align: center;
    margin-top: 50rem; }

  .search-conditions {
    width: 100%;
    margin: 0 auto 30rem;
    box-sizing: border-box;
    background: #fff;
    padding: 0.8em 1em; }
    .search-conditions p {
      font-size: 14rem;
      line-height: 1.5em;
      margin: 0.5em 0; }
    .search-conditions strong {
      display: block; }

  .blogcard-thumbnail img {
    border-radius: 5rem; }

  .blogcard-snippet {
    display: none !important; }

  .searchArea {
    padding: 13rem 0;
    width: 340rem;
    margin: 0 auto 34rem;
    border-radius: 5rem;
    background: #fff;
    text-align: center; }
    .searchArea .searchArea_send {
      text-align: center; }
      .searchArea .searchArea_send input[type="submit"] {
        display: inline-block;
        font-size: 15rem;
        font-weight: 700;
        color: #00A5B5;
        border: solid 1.8rem #00A5B5;
        box-sizing: border-box;
        line-height: 1.45em;
        padding: 7rem 0;
        border-radius: 100rem;
        background: #fff;
        width: 204rem;
        transition: 0.3s; }
        .searchArea .searchArea_send input[type="submit"]:hover {
          cursor: pointer;
          color: #fff;
          background: #00A5B5;
          transition: 0.3s; }
    .searchArea .searchArea_ch {
      display: none; }
      .searchArea .searchArea_ch:checked + .searchArea_la {
        padding-top: 23rem;
        transition: 0.3s; }
        .searchArea .searchArea_ch:checked + .searchArea_la span {
          background-image: url("../img/icon_search_01.png"); }
        .searchArea .searchArea_ch:checked + .searchArea_la + form {
          padding-top: 26rem;
          padding-bottom: 23rem;
          visibility: visible;
          opacity: 1;
          transition: 0.3s;
          height: auto; }
    .searchArea .searchArea_la {
      font-size: 14rem;
      display: inline-block;
      font-weight: 400; }
      .searchArea .searchArea_la span {
        line-height: 1.4em;
        display: inline-block;
        background: url("../img/icon_search_02.png") no-repeat right center;
        background-size: contain;
        padding-right: 23rem; }
    .searchArea .search-form > div {
      padding: 0 !important;
      border: none !important;
      border-radius: 0 !important;
      margin-left: 0 !important; }
    .searchArea form {
      width: 296rem;
      margin: 0 auto;
      height: 0;
      visibility: hidden;
      opacity: 0; }
    .searchArea .searchArea_box {
      margin-bottom: 26rem; }
      .searchArea .searchArea_box .searchArea_box_left {
        width: 100%;
        font-size: 13rem;
        font-weight: 700;
        text-align: left;
        margin-bottom: 2rem; }
      .searchArea .searchArea_box .searchArea_box_right {
        border: none;
        width: 100%;
        font-size: 0;
        text-align: left; }
        .searchArea .searchArea_box .searchArea_box_right input[type="checkbox"] {
          display: none; }
          .searchArea .searchArea_box .searchArea_box_right input[type="checkbox"]:checked + .searchArea_box_la {
            color: #fff;
            background: #00A5B5;
            border-color: #00A5B5; }
        .searchArea .searchArea_box .searchArea_box_right input[type="search"] {
          width: 100%;
          background: #fff;
          border: solid 1.39rem #BEBEBE;
          box-sizing: border-box;
          color: #000;
          line-height: 1.4em;
          font-size: 13rem;
          padding: 4rem 10rem;
          border-radius: 0; }
        .searchArea .searchArea_box .searchArea_box_right .searchArea_box_la {
          display: inline-block;
          color: #000;
          background: #fff;
          border: solid 1.8rem #E0E0E0;
          border-radius: 5rem;
          box-sizing: border-box;
          font-size: 11rem;
          line-height: 1.7em;
          text-align: center;
          padding: 5rem 9.6rem;
          margin-right: 4rem;
          margin-bottom: 4rem; }

  .wp-pagenavi {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 70rem; }
    .wp-pagenavi span {
      margin: 3rem;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 100rem;
      background: #00A5B5;
      color: #fff;
      width: 37rem;
      height: 37rem;
      box-sizing: border-box;
      border: solid 1.76rem #00A5B5;
      text-align: center;
      font-size: 11rem; }
    .wp-pagenavi a {
      margin: 3rem;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 100rem;
      background: #fff;
      color: #00A5B5;
      box-sizing: border-box;
      border: solid 1.76rem #00A5B5;
      width: 37rem;
      height: 37rem;
      text-align: center;
      font-size: 11rem; }

  .pankuzu {
    width: 334rem;
    overflow-x: scroll;
    overflow-y: hidden;
    margin: 0 auto;
    font-size: 11rem !important;
    font-weight: 400;
    margin-bottom: 16rem;
    white-space: nowrap; }
    .pankuzu a {
      color: #00A5B5; }

  #relateArea {
    width: 334rem;
    margin: 30rem auto 0;
    position: relative; }
    #relateArea .side .side_ttl {
      color: #fff;
      text-align: center;
      font-weight: 700;
      background: #00A5B5;
      border-radius: 5.59rem 5.59rem 0 0;
      font-size: 14rem;
      padding: 18rem 0; }
    #relateArea .side .side_boxes {
      margin-bottom: 53rem;
      background: #fff;
      padding: 31rem 12rem;
      box-sizing: border-box; }
      #relateArea .side .side_boxes .side_box {
        display: flex;
        justify-content: space-between;
        margin-bottom: 11rem; }
        #relateArea .side .side_boxes .side_box:last-child {
          margin-bottom: 0; }
        #relateArea .side .side_boxes .side_box .side_box_left {
          width: 43%; }
          #relateArea .side .side_boxes .side_box .side_box_left img {
            border-radius: 5rem; }
          #relateArea .side .side_boxes .side_box .side_box_left a {
            display: block; }
        #relateArea .side .side_boxes .side_box .side_box_right {
          width: 51%; }
          #relateArea .side .side_boxes .side_box .side_box_right .cat {
            display: inline-block;
            border-radius: 5rem;
            border: solid 1rem #E0E0E0;
            box-sizing: border-box;
            padding: 5rem 7rem;
            font-size: 7rem;
            margin-bottom: 5rem; }
            #relateArea .side .side_boxes .side_box .side_box_right .cat a {
              color: #000; }
          #relateArea .side .side_boxes .side_box .side_box_right .side_box_ttl {
            font-size: 12rem;
            line-height: 1.46em; }
            #relateArea .side .side_boxes .side_box .side_box_right .side_box_ttl a {
              color: #000; }
    #relateArea .side .side_bnr {
      margin-bottom: 20.6rem; }
      #relateArea .side .side_bnr img {
        width: 100%;
        height: auto;
        display: block; }
    #relateArea .side .side_tag {
      padding-bottom: 60rem; }
      #relateArea .side .side_tag .side_tag_ttl {
        font-size: 14rem;
        font-weight: 500;
        border-bottom: solid 3rem #00A5B5;
        padding-bottom: 5rem;
        margin-bottom: 14rem;
        line-height: 1.4em; }
      #relateArea .side .side_tag .side_tag_list {
        font-size: 0; }
        #relateArea .side .side_tag .side_tag_list li {
          margin-right: 15rem;
          display: inline-block;
          margin-bottom: 9rem; }
          #relateArea .side .side_tag .side_tag_list li a {
            display: inline-block;
            padding: 0.1em 0.9em;
            line-height: 1.7em;
            color: #000;
            font-size: 10rem;
            border-radius: 5rem;
            border: solid 1rem #E0E0E0;
            box-sizing: border-box; }
            #relateArea .side .side_tag .side_tag_list li a:hover {
              background: #fff;
              cursor: pointer; }

  #singleArea {
    width: 334rem;
    margin: 30rem auto 0;
    position: relative; }
    #singleArea.notpage {
      padding-bottom: 60rem;
      padding-top: 20rem; }
      #singleArea.notpage .title-404 {
        text-align: center;
        font-weight: 900;
        font-size: 36rem;
        line-height: 1.8em;
        color: #BEBEBE;
        margin-bottom: 21rem; }
      #singleArea.notpage .txt-404 {
        text-align: center;
        font-size: 15rem;
        line-height: 1.8em;
        font-weight: 500; }
        #singleArea.notpage .txt-404 span {
          font-weight: 900; }
      #singleArea.notpage .serch_back {
        text-align: center; }
    #singleArea .singleArea_inner .singleArea_left {
      position: relative;
      word-break: break-all; }
      #singleArea .singleArea_inner .singleArea_left .s_ttl {
        font-size: 17rem;
        line-height: 20rem;
        border-bottom: solid 3rem #00A5B5;
        padding-bottom: 10rem;
        margin-bottom: 13rem;
        font-weight: 700; }
      #singleArea .singleArea_inner .singleArea_left .article_content {
        background: #fff;
        box-sizing: border-box;
        padding: 18rem 18rem 20rem;
        border-radius: 5rem; }
        #singleArea .singleArea_inner .singleArea_left .article_content .s_head {
          display: flex;
          justify-content: space-between;
          align-items: center;
          flex-wrap: wrap;
          margin-bottom: 16rem; }
          #singleArea .singleArea_inner .singleArea_left .article_content .s_head .catlist {
            width: 100%;
            order: 2;
            font-size: 0; }
            #singleArea .singleArea_inner .singleArea_left .article_content .s_head .catlist li {
              display: inline-block;
              font-size: 11.7rem;
              border: solid 0.65rem #E0E0E0;
              border-radius: 5rem;
              font-weight: 700;
              padding: 3rem 8rem;
              margin-right: 3.9rem;
              margin-bottom: 3.9rem; }
              #singleArea .singleArea_inner .singleArea_left .article_content .s_head .catlist li a {
                display: block;
                color: #000; }
          #singleArea .singleArea_inner .singleArea_left .article_content .s_head .date {
            font-size: 13rem;
            font-weight: bold;
            color: #656565;
            margin-bottom: 10rem;
            font-family: "Din"; }
        #singleArea .singleArea_inner .singleArea_left .article_content .s_thum {
          margin-bottom: 12rem;
          border-radius: 5rem;
          overflow: hidden; }
          #singleArea .singleArea_inner .singleArea_left .article_content .s_thum img {
            display: block;
            width: 100%;
            height: auto; }
        #singleArea .singleArea_inner .singleArea_left .article_content .btns {
          margin-bottom: 19rem;
          opacity: 1;
          /* 初期状態は透明度1（見える） */
          visibility: visible;
          transition: opacity 0.5s ease, visibility 0.5s ease;
          /* 0.5秒かけて変化 */ }
          #singleArea .singleArea_inner .singleArea_left .article_content .btns.is-hidden {
            /* 非表示時のスタイル */
            opacity: 0;
            /* 透明度を0にする */
            visibility: hidden;
            pointer-events: none;
            /* 透明でもクリックできないようにする */ }
          #singleArea .singleArea_inner .singleArea_left .article_content .btns ul {
            display: flex;
            justify-content: flex-end; }
            #singleArea .singleArea_inner .singleArea_left .article_content .btns ul li {
              width: 19rem;
              margin-left: 11rem; }
              #singleArea .singleArea_inner .singleArea_left .article_content .btns ul li button {
                background: none;
                border: none;
                padding: 0; }
              #singleArea .singleArea_inner .singleArea_left .article_content .btns ul li input[type="button"] {
                font-size: 0;
                display: block;
                border: none;
                width: 19rem;
                height: 19rem;
                background: url("../img/icon_link.svg") no-repeat center;
                background-size: contain; }
        #singleArea .singleArea_inner .singleArea_left .article_content .mokuji {
          background: #F7F7F7;
          border-radius: 5rem;
          box-sizing: border-box;
          padding: 19rem;
          margin-bottom: 23rem; }
          #singleArea .singleArea_inner .singleArea_left .article_content .mokuji .toc-center {
            margin: 0; }
          #singleArea .singleArea_inner .singleArea_left .article_content .mokuji .toc-title:after {
            content: '　';
            width: 13rem;
            display: inline-block;
            margin-left: 5rem;
            height: 13rem;
            background: url("../img/icon_search_02.png") no-repeat center;
            background-size: contain; }
          #singleArea .singleArea_inner .singleArea_left .article_content .mokuji .toc-checkbox:checked + .toc-title:after {
            background-image: url("../img/icon_search_01.png"); }
          #singleArea .singleArea_inner .singleArea_left .article_content .mokuji .toc {
            border: none;
            padding: 0;
            display: block; }
          #singleArea .singleArea_inner .singleArea_left .article_content .mokuji .toc-title {
            text-align: left;
            font-size: 16rem;
            font-weight: 700;
            margin-bottom: 12rem;
            padding: 0; }
          #singleArea .singleArea_inner .singleArea_left .article_content .mokuji .mokuji_ttl {
            font-size: 16rem;
            font-weight: 700;
            margin-bottom: 12rem; }
          #singleArea .singleArea_inner .singleArea_left .article_content .mokuji ol {
            background: #fff;
            border-radius: 5rem;
            box-sizing: border-box;
            padding: 16rem 11rem; }
            #singleArea .singleArea_inner .singleArea_left .article_content .mokuji ol li {
              margin-bottom: 7rem;
              font-size: 14rem;
              font-weight: 900;
              padding-left: 1em; }
              #singleArea .singleArea_inner .singleArea_left .article_content .mokuji ol li ol {
                padding: 0;
                margin-top: 7rem; }
                #singleArea .singleArea_inner .singleArea_left .article_content .mokuji ol li ol li {
                  line-height: 1.3em;
                  font-weight: 500; }
              #singleArea .singleArea_inner .singleArea_left .article_content .mokuji ol li:last-child {
                margin-bottom: 0; }
              #singleArea .singleArea_inner .singleArea_left .article_content .mokuji ol li a {
                color: #000; }
                #singleArea .singleArea_inner .singleArea_left .article_content .mokuji ol li a:hover {
                  text-decoration: underline; }
        #singleArea .singleArea_inner .singleArea_left .article_content .lead {
          font-size: 14rem;
          line-height: 2em;
          margin-bottom: 20rem;
          font-weight: 400; }
        #singleArea .singleArea_inner .singleArea_left .article_content .article_body {
          font-size: 10rem;
          line-height: 1.9em;
          margin-bottom: 80rem; }
          #singleArea .singleArea_inner .singleArea_left .article_content .article_body .blogcard {
            padding: 12rem;
            border-radius: 5rem; }
          #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-embed {
            margin-top: 20rem;
            margin-bottom: 20rem;
            background: #F8F8F8; }
            #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-embed .blogcard-wrap {
              width: 100%; }
            #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-embed .blogcard-footer {
              display: none !important; }
            #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-embed .blogcard-title {
              font-size: 14rem;
              line-height: 1.5em;
              margin-bottom: 0.1em; }
            #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-embed .blogcard-thumbnail {
              float: none;
              width: 100%; }
            #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-embed .blogcard-snippet {
              font-size: 12rem;
              line-height: 1.7em; }
            #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-embed .blogcard-content {
              margin-left: 0 !important;
              height: auto;
              max-height: auto !important;
              min-height: auto !important; }
          #singleArea .singleArea_inner .singleArea_left .article_content .article_body ul li {
            position: relative;
            padding-left: 1em; }
            #singleArea .singleArea_inner .singleArea_left .article_content .article_body ul li:before {
              content: '・';
              position: absolute;
              left: 0;
              top: 0; }
          #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-image {
            margin-bottom: 15rem; }
          #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-table table thead tr th {
            background: #00A5B5 !important;
            color: #fff !important;
            border: solid 1px #00A5B5; }
            #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-table table thead tr th:nth-child(1) {
              border-right: solid 1px #fff; }
          #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-table table thead tr td {
            background: #00A5B5 !important;
            color: #fff !important; }
          #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-table table tbody tr th, #singleArea .singleArea_inner .singleArea_left .article_content .article_body .wp-block-table table tbody tr td {
            vertical-align: middle !important;
            text-align: left; }
          #singleArea .singleArea_inner .singleArea_left .article_content .article_body p {
            font-size: 14rem;
            font-weight: 400;
            line-height: 2em;
            padding-bottom: 1.5em; }
          #singleArea .singleArea_inner .singleArea_left .article_content .article_body h2 {
            margin-top: 26rem;
            border-bottom: solid 2rem #00A5B5;
            padding-bottom: 10rem;
            font-size: 18rem;
            margin-bottom: 20rem;
            font-weight: 900;
            line-height: 1.5em; }
          #singleArea .singleArea_inner .singleArea_left .article_content .article_body h3 {
            margin-top: 26rem;
            border-left: solid 2rem #00A5B5;
            padding: 2rem 0 2rem 6rem;
            font-size: 16rem;
            margin-bottom: 19rem;
            font-weight: 700; }
          #singleArea .singleArea_inner .singleArea_left .article_content .article_body h4 {
            margin-top: 16rem;
            font-size: 15rem;
            margin-bottom: 15rem;
            font-weight: 700;
            text-decoration: underline; }
          #singleArea .singleArea_inner .singleArea_left .article_content .article_body .s_btn {
            text-align: center;
            margin-top: 20rem;
            margin-bottom: 60rem; }
            #singleArea .singleArea_inner .singleArea_left .article_content .article_body .s_btn a {
              padding: 14rem 0;
              border-radius: 5rem;
              display: inline-block;
              position: relative;
              box-sizing: border-box;
              width: 243rem;
              background: #00A5B5;
              color: #fff;
              text-align: center;
              font-size: 14rem;
              line-height: 1.5em;
              font-weight: 700;
              box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
              #singleArea .singleArea_inner .singleArea_left .article_content .article_body .s_btn a:hover {
                opacity: 0.9;
                cursor: pointer; }
              #singleArea .singleArea_inner .singleArea_left .article_content .article_body .s_btn a:before {
                content: '';
                width: 41rem;
                height: 41rem;
                background: url("../img/icon_cta.png") no-repeat center;
                background-size: contain;
                position: absolute;
                top: -8rem;
                right: -3rem;
                box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
                border-radius: 5rem; }
        #singleArea .singleArea_inner .singleArea_left .article_content .user_data {
          box-sizing: border-box;
          border: solid 1rem #AFAFAF;
          border-radius: 5rem;
          padding: 25rem 26rem;
          margin-bottom: 19rem; }
          #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box {
            position: relative;
            margin-bottom: 20rem; }
            #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box .user_data_box_left .user_data_box_logo {
              width: 70rem;
              margin: 0 auto 13rem; }
              #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box .user_data_box_left .user_data_box_logo a {
                display: block; }
              #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box .user_data_box_left .user_data_box_logo img {
                display: block;
                width: 100%;
                height: auto; }
            #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box .user_data_box_left .user_data_box_name {
              text-align: center; }
              #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box .user_data_box_left .user_data_box_name .txt {
                font-weight: 800;
                font-size: 12rem;
                margin-bottom: 5rem; }
              #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box .user_data_box_left .user_data_box_name .name {
                font-size: 10rem;
                margin-bottom: 8rem; }
            #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box .user_data_box_right {
              text-align: center; }
              #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box .user_data_box_right .icons {
                display: flex;
                justify-content: center;
                margin-bottom: 13rem; }
              #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box .user_data_box_right li {
                margin: 0 2rem;
                width: 23rem; }
                #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_box .user_data_box_right li a {
                  display: block; }
          #singleArea .singleArea_inner .singleArea_left .article_content .user_data .user_data_desc {
            font-size: 12rem;
            line-height: 1.46em; }
    #singleArea .singleArea_inner .singleArea_right {
      width: 334rem;
      padding-top: 40rem; }
      #singleArea .singleArea_inner .singleArea_right .side .side_ttl {
        color: #fff;
        text-align: center;
        font-weight: 700;
        background: #00A5B5;
        border-radius: 5.59rem 5.59rem 0 0;
        font-size: 14rem;
        padding: 18rem 0; }
      #singleArea .singleArea_inner .singleArea_right .side .side_boxes {
        margin-bottom: 53rem;
        background: #fff;
        padding: 31rem 12rem;
        box-sizing: border-box; }
        #singleArea .singleArea_inner .singleArea_right .side .side_boxes .side_box {
          display: flex;
          justify-content: space-between;
          margin-bottom: 11rem; }
          #singleArea .singleArea_inner .singleArea_right .side .side_boxes .side_box:last-child {
            margin-bottom: 0; }
          #singleArea .singleArea_inner .singleArea_right .side .side_boxes .side_box .side_box_left {
            width: 43%; }
            #singleArea .singleArea_inner .singleArea_right .side .side_boxes .side_box .side_box_left img {
              border-radius: 5rem; }
            #singleArea .singleArea_inner .singleArea_right .side .side_boxes .side_box .side_box_left a {
              display: block; }
          #singleArea .singleArea_inner .singleArea_right .side .side_boxes .side_box .side_box_right {
            width: 51%; }
            #singleArea .singleArea_inner .singleArea_right .side .side_boxes .side_box .side_box_right .cat {
              display: inline-block;
              border-radius: 5rem;
              border: solid 1rem #E0E0E0;
              box-sizing: border-box;
              padding: 5rem 7rem;
              font-size: 7rem;
              margin-bottom: 5rem; }
              #singleArea .singleArea_inner .singleArea_right .side .side_boxes .side_box .side_box_right .cat a {
                color: #000; }
            #singleArea .singleArea_inner .singleArea_right .side .side_boxes .side_box .side_box_right .side_box_ttl {
              font-size: 12rem;
              line-height: 1.46em; }
              #singleArea .singleArea_inner .singleArea_right .side .side_boxes .side_box .side_box_right .side_box_ttl a {
                color: #000; }
      #singleArea .singleArea_inner .singleArea_right .side .side_bnr {
        margin-bottom: 20.6rem; }
        #singleArea .singleArea_inner .singleArea_right .side .side_bnr img {
          width: 100%;
          height: auto;
          display: block; }
      #singleArea .singleArea_inner .singleArea_right .side .side_tag {
        padding-bottom: 60rem; }
        #singleArea .singleArea_inner .singleArea_right .side .side_tag .side_tag_ttl {
          font-size: 14rem;
          font-weight: 500;
          border-bottom: solid 3rem #00A5B5;
          padding-bottom: 5rem;
          margin-bottom: 14rem;
          line-height: 1.4em; }
        #singleArea .singleArea_inner .singleArea_right .side .side_tag .side_tag_list {
          font-size: 0; }
          #singleArea .singleArea_inner .singleArea_right .side .side_tag .side_tag_list li {
            margin-right: 15rem;
            display: inline-block;
            margin-bottom: 9rem; }
            #singleArea .singleArea_inner .singleArea_right .side .side_tag .side_tag_list li a {
              display: inline-block;
              padding: 0.1em 0.9em;
              line-height: 1.7em;
              color: #000;
              font-size: 10rem;
              border-radius: 5rem;
              border: solid 1rem #E0E0E0;
              box-sizing: border-box; }
              #singleArea .singleArea_inner .singleArea_right .side .side_tag .side_tag_list li a:hover {
                background: #fff;
                cursor: pointer; }

  #relate_articles {
    padding-top: 46rem;
    position: relative; }
    #relate_articles .boxes {
      display: block; }
      #relate_articles .boxes .box .articles {
        display: block; }
        #relate_articles .boxes .box .articles .articles_more {
          width: 100%;
          text-align: right; }
        #relate_articles .boxes .box .articles.articless {
          position: relative;
          left: -5.4vw;
          width: 100vw; }
          #relate_articles .boxes .box .articles.articless .article {
            margin: 0 11rem;
            border: none; }
            #relate_articles .boxes .box .articles.articless .article .article_ttl {
              font-size: 14.8rem; }
            #relate_articles .boxes .box .articles.articless .article .date {
              font-size: 11rem;
              font-family: "Din"; }
          #relate_articles .boxes .box .articles.articless .prev-arrow {
            position: absolute;
            left: 3vw;
            top: 13vw;
            width: 55rem;
            z-index: 3; }
            #relate_articles .boxes .box .articles.articless .prev-arrow a {
              display: block; }
          #relate_articles .boxes .box .articles.articless .next-arrow {
            position: absolute;
            right: 3vw;
            top: 13vw;
            width: 55rem;
            z-index: 3; }
            #relate_articles .boxes .box .articles.articless .next-arrow a {
              display: block; }
        #relate_articles .boxes .box .articles .article {
          margin-bottom: 24rem;
          border: none; }
          #relate_articles .boxes .box .articles .article .article_img {
            border-radius: 5rem;
            overflow: hidden; }
            #relate_articles .boxes .box .articles .article .article_img img, #relate_articles .boxes .box .articles .article .article_img a {
              display: block; }
      #relate_articles .boxes .box .mttl {
        text-align: left;
        margin-bottom: 25rem; } }
.fadein {
  opacity: 0;
  transform: translate(0, 0);
  transition: all 1s; }
  .fadein.fadein-left {
    transform: translate(-30px, 0); }
  .fadein.fadein-right {
    transform: translate(30px, 0); }
  .fadein.fadein-up {
    transform: translate(0, -30px); }
  .fadein.fadein-bottom {
    transform: translate(0, 30px); }
  .fadein.scrollin {
    opacity: 1 !important;
    transform: translate(0, 0) !important; }