@media (max-width: 1365px) and (min-width: 750px) {
  html {
    font-size: 625%; }
  .l-inbox {
    max-width: 12.4rem;
    padding: 0 .2rem; } }

.blog-wrapper {
  color: #5d5d5d;
  position: relative;
  overflow: hidden; }
  .blog-wrapper a {
    color: #5d5d5d; }

@media (min-width: 750px) {
  .blog-wrapper {
    padding-top: .9rem !important;
    /*
    &.js-fix {
      padding-top: .64rem;
    }
     */ }
    .blog-wrapper main.main {
      min-height: calc(100vh - 7.08rem - .9rem); } }

@media (max-width: 749px) {
  .blog-wrapper {
    padding-top: .54rem; } }

@media (min-width: 750px) {
  .blog-header .l-inbox {
    padding: 0 .77rem 0 .92rem;
    height: .9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*
      .js-fix & {
        height: .64rem;
      }
       */ }
  .blog-header .blog-header-head .logo-box {
    margin-bottom: .06rem; }
    .blog-header .blog-header-head .logo-box .logo {
      width: 2.86rem;
      margin-right: .82rem; }
    .js-fix .blog-header .blog-header-head .logo-box {
      -webkit-box-flex: 1;
      -ms-flex: auto;
      flex: auto; }
      .js-fix .blog-header .blog-header-head .logo-box .logo {
        width: 2.86rem; }
    .blog-header .blog-header-head .logo-box svg {
      width: 2.86rem;
      height: .42rem; }
  .blog-header .blog-header-nav {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    margin-left: auto; }
    .blog-header .blog-header-nav .nav-scroll-area {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .blog-header .blog-header-nav .blog-category-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center; }
      .blog-header .blog-header-nav .blog-category-nav .blog-header-nav-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center; }
        .blog-header .blog-header-nav .blog-category-nav .blog-header-nav-list li {
          position: relative; }
          .blog-header .blog-header-nav .blog-category-nav .blog-header-nav-list li + li {
            margin-left: .44rem; }
          .blog-header .blog-header-nav .blog-category-nav .blog-header-nav-list li.current-cat::before {
            content: '';
            width: 100%;
            height: .02rem;
            background: #002063;
            position: absolute;
            left: 0;
            bottom: -.11rem; } }

@media (max-width: 1365px) and (min-width: 750px) {
  .blog-header {
    left: 0; }
    .blog-header .l-inbox {
      padding: 0 .13rem 0 .27rem; }
    .blog-header .blog-header-head .logo-box .logo {
      width: 2.86rem;
      margin-right: 8.0078vw; }
    .blog-header .blog-header-nav .blog-category-nav .blog-header-nav-list li + li {
      margin-left: 4.2968vw; } }

@media (max-width: 749px) {
  .blog-header {
    height: .54rem; }
    .blog-header .l-inbox {
      padding: 0; }
    .blog-header .blog-header-head {
      padding: 0 0 0 .18rem;
      height: .54rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-line-pack: center;
      align-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .blog-header .blog-header-head .logo-box .logo {
        width: auto; }
      .blog-header .blog-header-head .logo-box svg {
        width: 1.96rem;
        height: .29rem; }
      .blog-header .blog-header-head .header-menu-bt {
        width: .58rem;
        height: 100%;
        padding-bottom: 0;
        float: none; }
        .blog-header .blog-header-head .header-menu-bt span {
          width: .22rem;
          border-radius: 1px;
          top: calc(50% + .01rem); }
          .blog-header .blog-header-head .header-menu-bt span::before, .blog-header .blog-header-head .header-menu-bt span::after {
            width: 100%;
            height: 100%; }
          .blog-header .blog-header-head .header-menu-bt span::before {
            margin-top: -.07rem; }
          .blog-header .blog-header-head .header-menu-bt span::after {
            margin-top: .07rem; }
        .blog-header .blog-header-head .header-menu-bt.close span {
          height: .05rem;
          top: calc(50% - .01rem); }
          .blog-header .blog-header-head .header-menu-bt.close span::before, .blog-header .blog-header-head .header-menu-bt.close span::after {
            margin-top: 0; }
    .blog-header .blog-header-nav {
      width: 100%;
      height: calc(100vh - .54rem);
      height: calc(var(--vh, 1vh) * 100 - .54rem);
      background: rgba(5, 12, 41, 0.92);
      text-align: center;
      color: #ffffff;
      overflow: hidden;
      max-height: 0;
      opacity: 0;
      -webkit-transition: .2s;
      -o-transition: .2s;
      transition: .2s; }
      .prevent .blog-header .blog-header-nav {
        opacity: 1;
        max-height: 2000px;
        overflow: auto; }
      .blog-header .blog-header-nav a {
        color: #ffffff; }
      .blog-header .blog-header-nav .nav-scroll-area {
        min-height: 100%;
        padding-top: .52rem;
        padding-bottom: 1.4rem;
        position: relative; }
      .blog-header .blog-header-nav .blog-category-nav .blog-header-nav-tt {
        font-size: .12rem; }
      .blog-header .blog-header-nav .blog-category-nav .blog-header-nav-list {
        padding-top: .04rem;
        padding-bottom: .66rem; }
        .blog-header .blog-header-nav .blog-category-nav .blog-header-nav-list li {
          font-size: .24rem;
          margin-top: .3rem;
          font-weight: 600; }
      .blog-header .blog-header-nav .blog-sns-nav {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        left: 0;
        bottom: 1.16rem; }
        .blog-header .blog-header-nav .blog-sns-nav path {
          fill: #ffffff; }
      .blog-header .blog-header-nav .hospital-logo {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: .32rem;
        text-align: center; }
        .blog-header .blog-header-nav .hospital-logo svg {
          width: 2.01rem;
          height: .47rem; } }

.blog-sns-nav {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center; }
  .blog-sns-nav .blog-sns-nav-tt {
    margin-right: .25rem;
    font-size: .14rem; }
  .blog-sns-nav .blog-sns-nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    line-height: 1; }
    .blog-sns-nav .blog-sns-nav-list li + li {
      margin-left: .225rem; }
    .blog-sns-nav .blog-sns-nav-list li:nth-child(1) svg {
      width: .124rem;
      height: .24rem; }
    .blog-sns-nav .blog-sns-nav-list li:nth-child(2) svg {
      width: .2459rem;
      height: .2rem; }
    .blog-sns-nav .blog-sns-nav-list li:nth-child(3) svg {
      width: .2519rem;
      height: .24rem; }

@media (max-width: 749px) {
  .blog-sns-nav .blog-sns-nav-tt {
    margin-right: .26rem;
    font-size: .13rem; }
  .blog-sns-nav .blog-sns-nav-list li + li {
    margin-left: .215rem; }
  .blog-sns-nav .blog-sns-nav-list li:nth-child(1) svg {
    width: .12rem;
    height: .23rem; }
  .blog-sns-nav .blog-sns-nav-list li:nth-child(2) svg {
    width: .23rem;
    height: .19rem; }
  .blog-sns-nav .blog-sns-nav-list li:nth-child(3) svg {
    width: .24rem;
    height: .23rem; } }

.blog-head-block-area {
  position: relative;
  z-index: 2; }
  .blog-head-block-area a:hover {
    opacity: 1; }
  @media (min-width: 750px) {
    .blog-head-block-area + .blog-list {
      padding-top: .44rem; } }

.blog-head-block {
  position: relative;
  color: #ffffff;
  overflow: hidden;
  z-index: 1; }
  .blog-head-block a {
    color: #ffffff; }
  .blog-head-block .blog-head .blog-post-info {
    display: inline-block;
    border-bottom: .02rem solid #ffffff;
    line-height: 1; }
    .blog-head-block .blog-head .blog-post-info time {
      letter-spacing: 0; }
    .blog-head-block .blog-head .blog-post-info span {
      font-size: .18rem; }
      .blog-head-block .blog-head .blog-post-info span::before {
        margin: 0 .5em 0 .1em;
        content: "/"; }
  .blog-head-block .blog-head .blog-tt {
    line-height: 1.7;
    font-weight: bold; }
  .blog-head-block .blog-cover {
    width: 100%;
    position: fixed;
    left: 0;
    z-index: -1; }
    .blog-head-block .blog-cover::before {
      width: 100%;
      height: 100%;
      content: '';
      position: absolute;
      left: 0;
      top: 0; }
    .blog-head-block .blog-cover img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      font-family: "object-fit:cover;";
      display: block; }

@media all and (-ms-high-contrast: none) {
  .blog-head-block .blog-cover {
    position: absolute;
    top: 0 !important; } }

@media (min-width: 750px) {
  .blog-head-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    height: 4rem;
    padding-top: .14rem; }
    .blog-head-block .blog-head {
      width: 100%;
      max-width: 13.7rem;
      margin: 0 auto;
      padding: 0 .75rem 0 .9rem; }
      .blog-head-block .blog-head .blog-post-info {
        padding-bottom: .06rem; }
        .blog-head-block .blog-head .blog-post-info time {
          font-size: .2rem; }
        .blog-head-block .blog-head .blog-post-info span {
          font-size: .18rem; }
      .blog-head-block .blog-head .blog-tt {
        font-size: .3rem;
        padding: .17rem 0 .37rem; }
    .blog-head-block .blog-cover {
      height: 4rem;
      top: .9rem;
      /*
      .js-fix & {
        top: .64rem;
      }
       */ }
      .blog-head-block .blog-cover::before {
        background: rgba(0, 0, 0, 0.2); }
    .blog-head-block a.blog-scroll {
      width: .192rem;
      height: .32rem;
      position: absolute;
      left: 50%;
      bottom: .38rem;
      background: url("../svg/i-arrow03.svg") center top no-repeat;
      background-size: 100% auto;
      -webkit-transform: translate(-50%, 0) rotate(90deg);
      -ms-transform: translate(-50%, 0) rotate(90deg);
      transform: translate(-50%, 0) rotate(90deg);
      display: block; } }

@media (max-width: 1365px) and (min-width: 750px) {
  .blog-head-block .blog-head {
    max-width: 12.4rem;
    margin: 0 auto;
    padding: 0 .15rem 0 .25rem; } }

@media (max-width: 749px) {
  .blog-head-block {
    height: calc(100vh - .54rem);
    height: calc(var(--vh, 1vh) * 100 - .54rem);
    min-height: 2.4rem; }
    .blog-head-block .blog-head {
      width: 100%;
      padding: 0 .25rem;
      position: absolute;
      z-index: 2;
      bottom: .34rem;
      left: 0; }
      .blog-head-block .blog-head .blog-post-info {
        padding-bottom: .04rem; }
        .blog-head-block .blog-head .blog-post-info time {
          font-size: .14rem; }
        .blog-head-block .blog-head .blog-post-info span {
          font-size: .12rem; }
      .blog-head-block .blog-head .blog-tt {
        font-size: .2rem;
        padding: .2rem 0 .22rem; }
    .blog-head-block .blog-cover {
      height: calc(100vh - .54rem);
      height: calc(var(--vh, 1vh) * 100 - .54rem);
      min-height: 2.4rem;
      top: .54rem; }
      .blog-head-block .blog-cover::before {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(11, 17, 44, 0)), color-stop(88%, rgba(11, 17, 44, 0.9)), to(rgba(5, 12, 41, 0.9)));
        background: -webkit-linear-gradient(top, rgba(11, 17, 44, 0) 10%, rgba(11, 17, 44, 0.9) 88%, rgba(5, 12, 41, 0.9) 100%);
        background: -o-linear-gradient(top, rgba(11, 17, 44, 0) 10%, rgba(11, 17, 44, 0.9) 88%, rgba(5, 12, 41, 0.9) 100%);
        background: linear-gradient(to bottom, rgba(11, 17, 44, 0) 10%, rgba(11, 17, 44, 0.9) 88%, rgba(5, 12, 41, 0.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000b112c', endColorstr='#e6050c29',GradientType=0 ); } }

.blog-post-info {
  font-weight: bold; }
  .blog-post-info time {
    letter-spacing: 0; }
  .blog-post-info span::before {
    margin: 0 .5em 0 .1em;
    content: "/"; }
  .blog-post-info a {
    letter-spacing: 0;
    color: #0080cc;
    position: relative;
    top: -.01rem; }

.blog-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center; }
  .blog-author > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center; }
  .blog-author .profile-img {
    display: block; }
  .blog-author .name {
    font-weight: bold; }

@media (min-width: 750px) {
  .blog-author .profile-img {
    width: .45rem;
    margin-right: .12rem; }
    .blog-author .profile-img img {
      border-radius: .45rem; }
  .blog-author .name {
    font-size: .17rem; } }

@media (max-width: 749px) {
  .blog-author .profile-img {
    width: .42rem;
    margin-right: .11rem; }
    .blog-author .profile-img img {
      border-radius: .42rem; }
  .blog-author .name {
    font-size: .15rem; } }

#blog-area {
  position: relative;
  z-index: 2; }

.blog-block .blog-head-block .blog-post-info {
  display: inline-block;
  border-bottom: .02rem solid #ffffff; }
  .blog-block .blog-head-block .blog-post-info span::before {
    margin: 0 .5em 0 .1em;
    content: "/"; }

.blog-block .blog-head-block .blog-tt {
  font-weight: bold; }

.blog-block .blog-head-block .blog-author .name {
  font-weight: bold; }

.blog-block .blog-head-block .blog-cover {
  height: 100%; }

.blog-block .post-area,
.blog-block .post-area-bottom {
  background: #ffffff; }

.blog-block .post-area p {
  letter-spacing: .06em;
  line-height: 2; }

.blog-block .post-area-bottom {
  padding-top: .04rem;
  margin-top: -.04rem; }

.blog-block .blog-post-tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .blog-block .blog-post-tag-list a {
    margin-bottom: .11rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    border: 1px solid #E6E6E6; }
    .blog-block .blog-post-tag-list a::before {
      content: '#'; }

.blog-block .blog-sns-nav {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.blog-block .blog-profile-block {
  border: solid #E6E6E6;
  border-width: 1px 0; }
  .blog-block .blog-profile-block .profile-img {
    display: block; }
    .blog-block .blog-profile-block .profile-img img {
      border-radius: 1rem; }
  .blog-block .blog-profile-block .profile-text .author {
    line-height: 1;
    letter-spacing: 0; }
    .blog-block .blog-profile-block .profile-text .author .name {
      font-weight: bold; }
  .blog-block .blog-profile-block .profile-text .text {
    line-height: 1.5;
    letter-spacing: .06em; }
  .blog-block .blog-profile-block .blog-bt {
    width: 100%;
    text-align: center; }
    .blog-block .blog-profile-block .blog-bt a {
      font-size: .14rem;
      border-radius: .05rem;
      border: 1px solid #E6E6E6;
      display: inline-block;
      font-weight: 500; }

.blog-block .yarpp-related {
  margin: 0; }

@media (min-width: 750px) {
  #blog-area {
    padding-top: .4rem;
    margin-top: -.4rem; }
  .blog-block .blog-head-block {
    height: calc(100vh - .9rem);
    height: calc(var(--vh, 1vh) * 100 - .9rem);
    /*
      .js-fix & {
        height: calc(100vh - .64rem);
        height: calc(var(--vh, 1vh) * 100 - .64rem);
      }
       */
    padding-top: .04rem; }
    .blog-block .blog-head-block .blog-post-info {
      padding-bottom: .06rem; }
      .blog-block .blog-head-block .blog-post-info time {
        font-size: .23rem; }
      .blog-block .blog-head-block .blog-post-info span {
        font-size: .21rem; }
    .blog-block .blog-head-block .blog-tt {
      font-size: .34rem;
      padding: .14rem 0 .3rem; }
    .blog-block .blog-head-block .blog-author .profile-img {
      width: .65rem;
      margin-right: .17rem; }
      .blog-block .blog-head-block .blog-author .profile-img img {
        border-radius: .65rem; }
    .blog-block .blog-head-block .blog-author .name {
      font-size: .24rem; }
  .blog-block .post-area {
    padding: .52rem 0 .32rem; }
  .blog-block .post-inbox {
    width: 7.5rem;
    margin: 0 auto;
    padding: 0 .2rem; }
  .blog-block .blog-post-tag-list {
    margin-bottom: .37rem;
    font-size: .14rem; }
    .blog-block .blog-post-tag-list a {
      height: .3rem;
      margin-right: .11rem;
      padding: 0 .1rem;
      border-radius: .05rem; }
  .blog-block .blog-sns-nav {
    margin-bottom: .4rem; }
  .blog-block .blog-profile-block {
    margin-bottom: .8rem;
    padding: .42rem 0; }
    .blog-block .blog-profile-block .profile-img {
      width: 1rem;
      float: left; }
    .blog-block .blog-profile-block .profile-text {
      padding-top: .04rem;
      margin-left: 1.3rem;
      font-size: .14rem; }
      .blog-block .blog-profile-block .profile-text .author .name {
        font-size: .19rem;
        margin-left: .25em; }
      .blog-block .blog-profile-block .profile-text .text {
        margin-top: 1em;
        font-size: .14rem; }
    .blog-block .blog-profile-block .blog-bt {
      margin-top: .24rem; }
      .blog-block .blog-profile-block .blog-bt a {
        height: .36rem;
        padding: .06rem .18rem 0; }
  .blog-block .yarpp-related {
    padding-bottom: .1rem; } }

@media (max-width: 749px) {
  .blog-block .post-area {
    padding: .42rem 0 .3rem;
    line-height: .26rem; }
  .blog-block .post-inbox {
    padding: 0 .3rem;
    font-size: .14rem; }
  .blog-block .blog-post-tag-list {
    margin-bottom: .28rem;
    font-size: .12rem; }
    .blog-block .blog-post-tag-list a {
      height: .3rem;
      margin-right: .11rem;
      padding: 0 .1rem;
      border-radius: .05rem; }
  .blog-block .blog-sns-nav {
    margin-bottom: .62rem; }
    .blog-block .blog-sns-nav .blog-sns-nav-tt {
      font-size: .12rem; }
  .blog-block .blog-profile-block {
    margin-bottom: .54rem;
    padding: .36rem 0;
    position: relative; }
    .blog-block .blog-profile-block .profile-img {
      width: 1rem;
      margin-left: .24rem; }
    .blog-block .blog-profile-block .profile-text {
      padding-top: .04rem;
      font-size: .16rem; }
      .blog-block .blog-profile-block .profile-text .author {
        position: absolute;
        top: .62rem;
        left: 1.45rem; }
        .blog-block .blog-profile-block .profile-text .author .name {
          font-size: .21rem;
          margin-top: .06rem;
          display: block; }
      .blog-block .blog-profile-block .profile-text .text {
        margin-top: 1em;
        font-size: .14rem; }
    .blog-block .blog-profile-block .blog-bt {
      margin-top: .26rem; }
      .blog-block .blog-profile-block .blog-bt a {
        height: .38rem;
        padding: .07rem .19rem 0; }
  .blog-block .yarpp-related {
    margin-bottom: -.14rem; } }

.blog-category-area {
  background: #ffffff;
  padding-bottom: .56rem;
  margin-bottom: -.125rem;
  position: relative;
  z-index: 5; }
  .blog-category-area .blog-category-list {
    padding: 0 .25rem;
    border-bottom: 1px solid #E6E6E6;
    font-size: .12rem;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .blog-category-area .blog-category-list li {
      margin-right: .36rem;
      position: relative; }
      .blog-category-area .blog-category-list li.current-cat a::after {
        width: 100%;
        height: .02rem;
        background: #002063;
        content: '';
        display: block;
        position: absolute;
        left: 0;
        bottom: -.005rem; }
      .blog-category-area .blog-category-list li a {
        padding: .19rem 0 .2rem;
        color: #5d5d5d;
        display: block; }

.blog-list {
  background: #ffffff;
  position: relative;
  z-index: 5; }
  .blog-list .list-page-nav {
    margin-bottom: 0; }
    .blog-list .list-page-nav li.prev a,
    .blog-list .list-page-nav li.next a {
      height: .3rem;
      padding-top: .11rem;
      display: block; }
    .blog-list .list-page-nav li:not(.prev):not(.next) {
      width: .3rem;
      height: .3rem; }
      .blog-list .list-page-nav li:not(.prev):not(.next) a, .blog-list .list-page-nav li:not(.prev):not(.next) span {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .blog-list .list-page-nav li:not(.prev):not(.next) a {
        color: #5D5D5D;
        background: #E6E6E6; }
      .blog-list .list-page-nav li:not(.prev):not(.next) span {
        color: #ffffff;
        background: #002063; }

@media (min-width: 750px) {
  .blog-list {
    padding-top: .04rem;
    margin-top: -.04rem; }
    .blog-list .list-page-nav li:not(.prev):not(.next) {
      margin: .05rem; } }

@media (max-width: 749px) {
  .blog-list .list-page-nav {
    padding-top: .06rem; }
    .blog-list .list-page-nav li:not(.prev):not(.next) {
      margin: .04rem; } }

.blog-post-list .blog-list-entry {
  border: 1px solid #E6E6E6;
  position: relative; }

.blog-post-list .blog-list-image {
  margin-bottom: .14rem;
  display: block; }
  .blog-post-list .blog-list-image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit:cover;"; }

.blog-post-list .blog-post-info span {
  font-weight: 600; }

.blog-post-list .blog-list-tt {
  font-weight: bold; }

.blog-post-list .blog-list-text {
  font-size: .13rem;
  letter-spacing: .06em;
  line-height: 1.384; }

.blog-post-list .blog-list-author {
  width: 100%;
  position: absolute;
  letter-spacing: 0; }
  .blog-post-list .blog-list-author a {
    color: #002063;
    font-weight: bold; }

@media (min-width: 750px) {
  .blog-post-list {
    max-width: 10.5rem;
    padding: 0 .125rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .blog-post-list .blog-list-entry {
      width: calc(100% / 3 - .25rem);
      margin: .124rem;
      padding-bottom: .55rem; }
      .blog-post-list .blog-list-entry .blog-post-info,
      .blog-post-list .blog-list-entry .blog-list-tt,
      .blog-post-list .blog-list-entry .blog-list-text,
      .blog-post-list .blog-list-entry .blog-list-author {
        padding: 0 .25rem; }
    .blog-post-list .blog-list-image img {
      height: 2rem; }
    .blog-post-list .blog-post-info time {
      font-size: .15rem; }
    .blog-post-list .blog-post-info span {
      font-size: .13rem; }
    .blog-post-list .blog-list-tt {
      margin: .8em 0 .125rem; }
    .blog-post-list .blog-list-author {
      bottom: .22rem; }
      .blog-post-list .blog-list-author .tt {
        font-size: .13rem; }
      .blog-post-list .blog-list-author a {
        font-size: .15rem; } }

@media (max-width: 1365px) and (min-width: 750px) {
  .blog-post-list .blog-list-entry .blog-post-info,
  .blog-post-list .blog-list-entry .blog-list-tt,
  .blog-post-list .blog-list-entry .blog-list-text,
  .blog-post-list .blog-list-entry .blog-list-author {
    padding: 0 2.4414vw; }
  .blog-post-list .blog-list-image img {
    height: 19.531vw; } }

@media (max-width: 749px) {
  .blog-post-list {
    padding-top: .5rem;
    padding-bottom: .06rem; }
    .blog-post-list .blog-list-entry {
      margin: 0 .3rem .3rem;
      padding-bottom: .6rem; }
      .blog-post-list .blog-list-entry .blog-post-info,
      .blog-post-list .blog-list-entry .blog-list-tt,
      .blog-post-list .blog-list-entry .blog-list-text,
      .blog-post-list .blog-list-entry .blog-list-author {
        padding: 0 .22rem; }
    .blog-post-list .blog-list-image img {
      height: 1.8rem; }
    .blog-post-list .blog-post-info time {
      font-size: .15rem; }
    .blog-post-list .blog-post-info span {
      font-size: .13rem; }
    .blog-post-list .blog-list-tt {
      margin: .8em 0 .15rem; }
    .blog-post-list .blog-list-author {
      bottom: .28rem; }
      .blog-post-list .blog-list-author .tt {
        font-size: .11rem; }
      .blog-post-list .blog-list-author a {
        font-size: .13rem; } }

.blog-relation-tt {
  text-align: center;
  padding-bottom: 0 !important; }
  .blog-relation-tt span {
    line-height: 1;
    display: inline-block;
    border-bottom: 0.02rem solid #002063; }

@media (min-width: 750px) {
  .blog-relation-tt {
    padding-bottom: .3rem !important; }
    .blog-relation-tt span {
      font-size: .24rem;
      padding: 0 .1rem .156rem .08rem; } }

@media (max-width: 749px) {
  .blog-relation-tt {
    margin-bottom: -.22rem !important; }
    .blog-relation-tt span {
      font-size: .16rem;
      padding: 0 .1rem .126rem .08rem; } }

.blog-footer {
  background: #ffffff;
  position: relative;
  z-index: 5; }

.blog-footer-nav dl {
  border-top: 1px solid #E6E6E6;
  font-size: .12rem; }
  .blog-footer-nav dl dd ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

@media (min-width: 750px) {
  .blog-footer {
    padding-top: .68rem;
    margin-top: -.04rem; }
  .blog-footer-nav dl {
    padding: .28rem .16rem .14rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .12rem; }
    .blog-footer-nav dl.blog-footer-nav-author {
      padding: .21rem .16rem .04rem; }
    .blog-footer-nav dl:last-child {
      border-bottom: 1px solid #E6E6E6; }
    .blog-footer-nav dl dt {
      width: 2.08rem; }
    .blog-footer-nav dl dd {
      -webkit-box-flex: 2;
      -ms-flex: 2;
      flex: 2; }
      .blog-footer-nav dl dd ul li {
        padding-bottom: .13rem; } }

@media (max-width: 1365px) and (min-width: 750px) {
  .blog-footer-nav dl dt {
    width: 20.3125vw; } }

@media (max-width: 749px) {
  .blog-footer {
    padding-top: .58rem;
    margin-top: -.04rem; }
  .blog-footer-nav {
    padding: 0 .3rem; }
    .blog-footer-nav dl {
      padding: .21rem 0 .28rem; }
      .blog-footer-nav dl.blog-footer-nav-author {
        padding: .21rem .2rem .15rem; }
      .blog-footer-nav dl dt {
        margin-bottom: .3rem;
        color: #292929;
        font-size: .16rem;
        font-weight: bold;
        text-align: center; }
      .blog-footer-nav dl dd {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2; }
        .blog-footer-nav dl dd ul li {
          padding-bottom: .15rem; } }

.blog-footer-nav-author li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.blog-footer-nav-author li span {
  display: block; }

.blog-footer-nav-author .img {
  width: .35rem;
  margin-right: .08rem; }
  .blog-footer-nav-author .img img {
    border-radius: .35rem; }

.blog-footer-nav-tag li {
  font-weight: 600; }
  .blog-footer-nav-tag li::before {
    content: '#'; }

@media (min-width: 750px) {
  .blog-footer-nav-author dt {
    padding-top: .08rem; }
  .blog-footer-nav-author li {
    margin-right: .4rem; }
  .blog-footer-nav-category li {
    margin-right: .36rem; }
  .blog-footer-nav-tag li {
    margin-right: .2rem; } }

@media (max-width: 749px) {
  .blog-footer-nav-author dt {
    padding-top: .02rem; }
  .blog-footer-nav-author li {
    width: 50%;
    font-weight: 500; }
  .blog-footer-nav-category li {
    font-weight: 600;
    margin-right: .22rem; }
  .blog-footer-nav-tag li {
    margin-right: .2rem; } }

.blog-footer-body {
  background: #002063;
  color: #ffffff;
  font-weight: 500; }
  .blog-footer-body svg path {
    fill: #ffffff; }
  .blog-footer-body .blog-footer-logo-box .site-author {
    letter-spacing: 0; }

@media (min-width: 750px) {
  .blog-footer-body {
    margin-top: .64rem; }
    .blog-footer-body .l-inbox {
      height: 1.3rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .blog-footer-body .blog-footer-logo-box {
      padding-left: .14rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .blog-footer-body .blog-footer-logo-box .logo {
        margin-right: .16rem; }
        .blog-footer-body .blog-footer-logo-box .logo svg {
          width: 2.86rem;
          height: .42rem; }
      .blog-footer-body .blog-footer-logo-box .site-author {
        font-size: .14rem;
        padding-top: .14rem;
        margin-right: .16rem; }
    .blog-footer-body .blog-sns-nav {
      padding-right: .36rem; } }

@media (max-width: 1365px) and (min-width: 750px) {
  .blog-footer-body .blog-footer-logo-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .blog-footer-body .blog-footer-logo-box .site-author {
      padding-top: .04em; } }

@media (max-width: 749px) {
  .blog-footer-body {
    margin-top: .08rem; }
    .blog-footer-body .l-inbox {
      padding: .45rem 0; }
    .blog-footer-body .blog-footer-logo-box {
      text-align: center;
      margin-bottom: .3rem; }
      .blog-footer-body .blog-footer-logo-box .logo svg {
        width: 2.38rem;
        height: .34rem; }
      .blog-footer-body .blog-footer-logo-box .site-author {
        font-size: .11rem;
        padding-top: .04rem; }
    .blog-footer-body .blog-sns-nav {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

.blog-footer-foot .blog-ft-logo {
  text-align: center;
  padding: .21rem 0 .17rem; }
  .blog-footer-foot .blog-ft-logo svg {
    width: 1.92rem;
    height: .45rem; }

.blog-footer-foot .blog-ft-address {
  padding-bottom: .24rem;
  font-size: .12rem;
  border-bottom: 1px solid #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .blog-footer-foot .blog-ft-address li + li {
    margin-left: 1em; }
  .blog-footer-foot .blog-ft-address + small {
    font-size: .11rem;
    text-align: center;
    display: block; }

@media (min-width: 750px) {
  .blog-footer-foot .blog-ft-logo {
    padding: .21rem 0 .17rem; }
    .blog-footer-foot .blog-ft-logo svg {
      width: 1.92rem;
      height: .45rem; }
  .blog-footer-foot .blog-ft-address {
    padding-bottom: .24rem;
    font-size: .12rem; }
    .blog-footer-foot .blog-ft-address li + li {
      margin-left: 1em; }
    .blog-footer-foot .blog-ft-address + small {
      min-height: .42rem;
      padding-top: .14rem; } }

@media (max-width: 749px) {
  .blog-footer-foot .blog-ft-logo {
    padding: .3rem 0 .12rem; }
    .blog-footer-foot .blog-ft-logo svg {
      width: 1.84rem;
      height: .43rem; }
  .blog-footer-foot .blog-ft-address {
    padding-bottom: .28rem;
    font-size: .12rem;
    line-height: .18rem;
    text-align: center;
    font-weight: 600; }
    .blog-footer-foot .blog-ft-address li:nth-child(1) {
      width: 100%; }
    .blog-footer-foot .blog-ft-address li + li {
      margin: 0 .5em; }
    .blog-footer-foot .blog-ft-address + small {
      min-height: .56rem;
      padding: .12rem .4rem 0;
      line-height: .16rem; } }