@charset "UTF-8";

@media only screen and (max-width:47.9375em) {
  .c-card+.c-card {
      margin-top: 20px
  }
  }
  .c-card>a {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      height: 100%;
      background-color: #fff;
      -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
      box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
      -webkit-transition: all .4s cubic-bezier(.48, .18, 0, .98) 0s;
      transition: all .4s cubic-bezier(.48, .18, 0, .98) 0s;
      color: #000;
      border-radius: 4px;
      overflow: hidden
  }
  
  @media print, screen and (min-width:61.25em) {
  .c-card>a:hover {
      background-color: #f5f5f5;
      -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.3);
      box-shadow: 0 2px 6px 0 rgba(0,0,0,.3)
  }
  }
  
  @media print, screen and (min-width:61.25em) {
  .c-card>a:hover .c-card__title {
      color: #176dce
  }
  }
  
  @media print, screen and (min-width:61.25em) {
  .c-card>a:hover .c-card__title--type_blank svg, .c-card>a:hover .c-card__title--type_link svg {
      stroke: #176dce;
      -webkit-transform: translateX(5px);
      transform: translateX(5px)
  }
  }
  
  @media print, screen and (min-width:61.25em) {
  .c-card>a:hover .c-card__title--type_blank svg {
      stroke: none;
      fill: #176dce;
      -webkit-transform: translateX(0);
      transform: translateX(0)
  }
  }
  
  @media print, screen and (min-width:61.25em) {
  .c-card>a:hover .c-card__image img, .c-card>a:hover .c-card__image span {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      -webkit-transition: all .6s cubic-bezier(.48, .18, 0, .98) 0s;
      transition: all .6s cubic-bezier(.48, .18, 0, .98) 0s
  }
  }
  
  @media print, screen and (min-width:61.25em) {
  .browser-is-ie .c-card>a:hover .c-card__image img, .browser-is-ie .c-card>a:hover .c-card__image span {
      -webkit-transform: scale(1.1) rotate(.1deg);
      transform: scale(1.1) rotate(.1deg)
  }
  }
  
  @media print, screen and (min-width:61.25em) {
  .c-card>a:hover .c-card__image__image--has_dummy img, .c-card>a:hover .c-card__image__image--has_dummy span {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
  }
  .c-card>div {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      height: 100%;
      background-color: #fff;
      -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
      box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
      -webkit-transition: all .4s cubic-bezier(.48, .18, 0, .98) 0s;
      transition: all .4s cubic-bezier(.48, .18, 0, .98) 0s;
      color: #000;
      border-radius: 4px;
      overflow: hidden
  }
  .c-card.is-current>div {
      color: #999;
      background-color: #f5f5f5
  }
  .c-card.is-current>div svg {
      stroke: #999
  }
  
  @media only screen and (max-width:47.9375em) {
  .c-card__summary {
      padding: 15px
  }
  }
  
  @media print, screen and (min-width:48em) {
  .c-card__summary {
      padding: 20px
  }
  }
  .c-card__summary>:last-child {
      margin-bottom: 0
  }
  .c-card__title {
      font-weight: 700;
      word-break: break-all
  }
  
  @media only screen and (max-width:47.9375em) {
  .c-card__title {
      margin-bottom: 15px;
      font-size: 14px;
      font-size: .875rem;
      line-height: 1.7
  }
  }
  
  @media print, screen and (min-width:48em) {
  .c-card__title {
      margin-bottom: 8px;
      line-height: 1.5;
      -webkit-font-feature-settings: "palt" 1;
      font-feature-settings: "palt" 1
  }
  }
  
  @media only screen and (min-width:48em) and (max-width:47.9375em) {
  .c-card__title {
      font-family: \\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, arial
  }
  }
  
  @media print, screen and (min-width:48em) and (min-width:48em) {
  .c-card__title {
      font-family: Yu Gothic, \\6E38\30B4\30B7\30C3\30AF, YuGothic, \\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, arial
  }
  }
  .c-card__title--type_blank, .c-card__title--type_link {
      position: relative
  }
  
  @media only screen and (max-width:47.9375em) {
  .c-card__title--type_blank, .c-card__title--type_link {
      padding-right: 30px
  }
  }
  
  @media print, screen and (min-width:48em) {
  .c-card__title--type_blank, .c-card__title--type_link {
      padding-right: 20px
  }
  }
  .c-card__title--type_blank svg, .c-card__title--type_link svg {
      content: "";
      width: 7px;
      height: 11px;
      stroke: #f8b500;
      stroke-width: 2px;
      display: inline-block;
      position: relative;
      margin-left: 8px
  }
  
  @media only screen and (max-width:47.9375em) {
  .c-card__title--type_blank svg, .c-card__title--type_link svg {
      top: 0
  }
  }
  
  @media print, screen and (min-width:48em) {
  .c-card__title--type_blank svg, .c-card__title--type_link svg {
      top: 0
  }
  }
  
  @media print, screen and (min-width:61.25em) {
  .c-card__title--type_blank svg, .c-card__title--type_link svg {
      -webkit-transition: stroke .1s ease, -webkit-transform .2s cubic-bezier(.38, .33, .23, .99) 0s;
      transition: stroke .1s ease, -webkit-transform .2s cubic-bezier(.38, .33, .23, .99) 0s;
      transition: stroke .1s ease, transform .2s cubic-bezier(.38, .33, .23, .99) 0s;
      transition: stroke .1s ease, transform .2s cubic-bezier(.38, .33, .23, .99) 0s, -webkit-transform .2s cubic-bezier(.38, .33, .23, .99) 0s
  }
  }
  
  @media only screen and (max-width:47.9375em) {
  .c-card__summary .c-card__title--type_blank, .c-card__summary .c-card__title--type_link {
      padding-right: 0
  }
  }
  
  @media print, screen and (min-width:48em) {
  .c-card__summary .c-card__title--type_blank, .c-card__summary .c-card__title--type_link {
      padding-right: 0
  }
  }
  .c-card__summary .c-card__title--type_blank span, .c-card__summary .c-card__title--type_link span {
      position: relative;
      display: inline-block
  }
  .c-card__title--type_blank svg {
      width: 12px;
      height: 10px;
      stroke: none;
      fill: #f8b500
  }
  
  @media only screen and (max-width:47.9375em) {
  .c-card__text {
      line-height: 1.7;
      font-size: 14px;
      font-size: .875rem
  }
  }
  
  @media print, screen and (min-width:48em) {
  .c-card__text {
      line-height: 2.25
  }
  }
  .c-card__text.c-card__text--type_summary {
      font-size: 14px;
      font-size: .875rem
  }
  
  @media only screen and (max-width:47.9375em) {
  .c-card__text.c-card__text--type_summary {
      line-height: 1.85
  }
  }
  
  @media print, screen and (min-width:48em) {
  .c-card__text.c-card__text--type_summary {
      line-height: 1.85
  }
  }
  .c-card--type_case {
      position: relative
  }
  .c-card--type_case>a {
      display: block;
      z-index: 1;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-transition: none;
      transition: none
  }
  
  @media print, screen and (min-width:61.25em) {
  .c-card--type_case>a:hover {
      background-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none
  }
  }
  
  @media print, screen and (min-width:61.25em) {
  .c-card--type_case>a:hover+.c-card__link {
      background-color: #f5f5f5;
      -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.3);
      box-shadow: 0 2px 6px 0 rgba(0,0,0,.3)
  }
  }
  
  @media print, screen and (min-width:61.25em) {
  .c-card--type_case>a:hover+.c-card__link .c-card__title {
      color: #176dce
  }
  }
  
  @media print, screen and (min-width:61.25em) {
  .c-card--type_case>a:hover+.c-card__link .c-card__title--type_blank svg, .c-card--type_case>a:hover+.c-card__link .c-card__title--type_link svg {
      stroke: #176dce;
      -webkit-transform: translateX(5px);
      transform: translateX(5px)
  }
  }
  
  @media print, screen and (min-width:61.25em) {
  .c-card--type_case>a:hover+.c-card__link .c-card__title--type_blank svg {
      stroke: none;
      fill: #176dce;
      -webkit-transform: translateX(0);
      transform: translateX(0)
  }
  }
  
  @media print, screen and (min-width:61.25em) {
  .c-card--type_case>a:hover+.c-card__link .c-card__image img, .c-card--type_case>a:hover+.c-card__link .c-card__image span {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      -webkit-transition: all .6s cubic-bezier(.48, .18, 0, .98) 0s;
      transition: all .6s cubic-bezier(.48, .18, 0, .98) 0s
  }
  }
  
  @media print, screen and (min-width:61.25em) {
  .browser-is-ie .c-card--type_case>a:hover+.c-card__link .c-card__image img, .browser-is-ie .c-card--type_case>a:hover+.c-card__link .c-card__image span {
      -webkit-transform: scale(1.1) rotate(.1deg);
      transform: scale(1.1) rotate(.1deg)
  }
  }
  
  @media print, screen and (min-width:61.25em) {
  .c-card--type_case>a:hover+.c-card__link .c-card__image__image--has_dummy img, .c-card--type_case>a:hover+.c-card__link .c-card__image__image--has_dummy span {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
  }
  .c-card--type_case .c-card__link {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      height: 100%;
      background-color: #fff;
      -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
      box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
      -webkit-transition: all .4s cubic-bezier(.48, .18, 0, .98) 0s;
      transition: all .4s cubic-bezier(.48, .18, 0, .98) 0s;
      color: #000;
      border-radius: 4px;
      overflow: hidden;
  }
  
  
  .c-card--type_case .c-card__link2 {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      height: 100%;
      background-color: #fff;
      -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
      box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
      -webkit-transition: all .4s cubic-bezier(.48, .18, 0, .98) 0s;
      transition: all .4s cubic-bezier(.48, .18, 0, .98) 0s;
      color: #000;
      border-radius: 0px;
      overflow: hidden;
      padding:5%;
      background-color:#eee;
  }


  .c-card--type_case .c-card__link3 {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      height: 100%;
      background-color: #fff;
      -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
      box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
      -webkit-transition: all .4s cubic-bezier(.48, .18, 0, .98) 0s;
      transition: all .4s cubic-bezier(.48, .18, 0, .98) 0s;
      color: #000;
      border-radius: 0px;
      overflow: hidden;
      padding:2%;
      background-color:#eee;
  }

  
  .c-card--type_case .c-card__text {
      margin-bottom: 14px
  }
  .c-card--type_archive>a {
      border: 1px solid #ddd
  }
  
  @media only screen and (max-width:47.9375em) {
  .c-card__head {
      padding: 18px 11px 8px 20px
  }


  .c-card--type_case .c-card__link3 {
      padding:5%;
      background-color:#eee;
  }




  
  }
  
  @media print, screen and (min-width:48em) {
  .c-card__head {
      padding: 18px 11px 8px 20px
  }
  }
  .c-card__body {
      padding: 17px 20px 23px;
      border-top: 1px solid #ddd
  }
  .c-card__image {
      position: relative;
      height: 0;
      overflow: hidden
  }
  
  @media only screen and (max-width:47.9375em) {
  .c-card__image {
      padding-top: 50%
  }
  }
  
  @media print, screen and (min-width:48em) {
  .c-card__image {
      padding-top: 75%;
      padding-top: 55%;
  }
  }
  .c-card__image img {
      display: block;
      width: 100%
  }
  
  @media only screen and (max-width:47.9375em) {
  .c-card__image img {
      position: absolute;
      top: 0;
      left: 0
  }
  }
  
  @media print, screen and (min-width:61.25em) {
  .c-card__image img {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all .4s ease 0s;
      transition: all .4s ease 0s
  }
  }
  .c-card__image span {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: 50% 50%
  }
  
  @media print, screen and (min-width:61.25em) {
  .c-card__image span {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all .4s ease 0s;
      transition: all .4s ease 0s
  }
  }
  .c-card__image__image--has_dummy {
      border-bottom: 1px solid #ddd
  }
  .c-card__meta {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 12px;
      font-size: .75rem
  }
  
  @media only screen and (max-width:47.9375em) {
  .c-card__meta {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-bottom: 9px
  }
  }
  
  @media print, screen and (min-width:48em) {
  .c-card__meta {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding-bottom: 12px
  }
  }
  .c-card__category>a {
      position: relative;
      z-index: 2
  }
  .c-card--type_document .c-card__image {
      position: relative;
      height: 0;
      padding-top: 75%;
      background-color: #ccc
  }
  .c-card--type_document .c-card__image>span {
      position: absolute;
      top: 0;
      left: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-line-pack: center;
      align-content: center;
      width: 100%;
      height: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 20px
  }
  .c-card--type_document .c-card__image>span img {
      max-height: 100%;
      max-width: 100%;
      width: auto;
      height: auto;
      -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
      box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
  }
  
  @media only screen and (max-width:47.9375em) {
  .c-card--type_document .c-card__image>span img {
      position: relative
  }
  }