@charset "UTF-8";
/* 赤 */
/* 赤 */
/* 赤 */
/* 赤 */
/* グレー */
/* グレー */
/****** Elad Shechter's RESET *******/
/*** box sizing border-box for all elements ***/
@import url("https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Questrial&display=swap");
*,
*::before,
*::after {
  box-sizing: border-box; }

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer; }

button {
  background-color: transparent;
  color: inherit;
  border-width: 0;
  padding: 0;
  cursor: pointer; }

figure {
  margin: 0; }

input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0; }

ul, ol, dl, dd {
  margin: 0;
  padding: 0;
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit; }

p {
  margin: 0; }

cite {
  font-style: normal; }

fieldset {
  border-width: 0;
  padding: 0;
  margin: 0; }

table {
  border-collapse: collapse; }

/*
丸ゴシ：font-family: 'Kiwi Maru', sans-serif;
ゴシ：font-family: 'Noto Sans JP', sans-serif;
明朝：font-family: 'Noto Serif JP', serif;
英文字1：font-family: 'Century Gothic', serif;
英文字2：font-family: 'Questrial', monospace, serif;
*/
/* ------------------------------------
// base
------------------------------------ */
html {
  font-size: 62.5%; }
  @media screen and (max-width: 767px) {
    html {
      font-size: calc(1000vw / 384); } }

body {
  background: #FFFFFF;
  color: #242321;
  font-family: 'Century Gothic','Kiwi Maru',"Noto Sans JP","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 0; }

.fontJpKi {
  font-family: 'Kiwi Maru', serif; }

.fontJpSu {
  font-family: 'Noto Sans JP', sans-serif; }

.fontJpSe {
  font-family: 'Noto Serif JP', serif; }

.fontEn01 {
  font-family: 'Century Gothic', sans-serif; }

.fontEn02 {
  font-family: 'Questrial', sans-serif; }

#wrapper {
  position: relative; }

a {
  outline: none; }
  a:link {
    color: #325A8C;
    text-decoration: none; }
  a:visited {
    color: #325A8C;
    text-decoration: none; }
  a:hover {
    color: #325A8C;
    text-decoration: underline; }
    a:hover img {
      transition: .3s;
      opacity: .8; }
  a:active {
    color: #325A8C;
    text-decoration: none; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

a[href*="tel:"] {
  pointer-events: none; }
  @media screen and (max-width: 1024px) {
    a[href*="tel:"] {
      pointer-events: initial; } }

.pc {
  display: block !important; }

.sp, .md {
  display: none !important; }

@media screen and (max-width: 1024px) {
  .pc {
    display: none !important; }

  .md {
    display: block !important; } }
@media screen and (max-width: 767px) {
  .sp {
    display: block !important; }

  .pc-md {
    display: none !important; }

  p {
    word-break: break-all; } }
/* index */
.mediaList > li {
  margin-bottom: 1.75rem;
  padding-bottom: 1.75rem;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between; }
  .mediaList > li a {
    color: #222; }
  .mediaList > li .thumb {
    width: 300px;
    height: 200px; }
    .mediaList > li .thumb img {
      object-fit: contain;
      object-position: center top;
      width: 100%;
      height: 100%; }
      .mediaList > li .thumb img.object-fit-img {
        object-fit: contain;
        object-position: bottom;
        font-family: "object-fit: contain; object-position: center top;"; }
  .mediaList > li .detail {
    width: calc(100% - 300px - 30px); }
    .mediaList > li .detail .date {
      margin: 0 2rem 0 0;
      float: left; }
    .mediaList > li .detail .category {
      margin-bottom: 10px; }
      .mediaList > li .detail .category li {
        display: inline-block;
        padding: 3px;
        background: #222;
        color: #FFF;
        font-size: 1.4rem;
        line-height: 1; }
    .mediaList > li .detail h2 {
      clear: both;
      font-size: 2.4rem;
      margin-bottom: 10px;
      line-height: 1.3; }

@media screen and (max-width: 767px) {
  .mediaList > li {
    display: block;
    padding-bottom: 5rem; }
    .mediaList > li .thumb {
      width: 100%;
      text-align: center;
      margin-bottom: 10px; }
    .mediaList > li .detail {
      width: 100%; }
      .mediaList > li .detail h2 {
        clear: both;
        font-size: 2.0rem;
        font-weight: bold; } }
/* article */
.mediaContainer {
  max-width: 900px;
  margin: 0 auto; }
  .mediaContainer .header {
    overflow: hidden; }
    .mediaContainer .header .date {
      margin: 0 2rem 0 0;
      float: left; }
    .mediaContainer .header .category {
      margin-bottom: 10px; }
      .mediaContainer .header .category li {
        display: inline-block;
        padding: 3px;
        background: #222;
        color: #FFF;
        font-size: 1.4rem;
        line-height: 1; }
  .mediaContainer h2 {
    clear: both;
    font-size: 2.4rem;
    margin-bottom: 30px;
    line-height: 1.3; }
  .mediaContainer .thumb {
    text-align: center;
    display: block;
    margin-bottom: 30px;
    height: 340px;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat; }
    .mediaContainer .thumb img {
      object-fit: contain;
      object-position: center top;
      width: 100%;
      height: 100%; }
      .mediaContainer .thumb img.object-fit-img {
        object-fit: contain;
        object-position: bottom;
        font-family: "object-fit: contain; object-position: center top;"; }
  .mediaContainer .linkData {
    margin: 50px 0 0 0;
    border: #EEE solid 1px;
    padding: 2rem; }
    .mediaContainer .linkData dl {
      font-size: 1.2rem;
      clear: both;
      overflow: hidden; }
      .mediaContainer .linkData dl dt {
        clear: both;
        float: left;
        width: 9rem; }
      .mediaContainer .linkData dl dd {
        padding-left: 9rem; }