/*
Theme Name: simplicity-pro
Author: hirabayashi
Description: Simplicity Proは、必要最低限の機能に特化したミニマルで柔軟なWordPressテーマです。シンプルで効率的なベースを提供し、あらゆる種類のウェブサイトの構築に適しています。
Version: 1.0
Text Domain: mytheme
*/

body {
    margin: 0;
    background-color: #fff;
    color: var(--black-col);
	font-family: var(--f-ja);
	font-weight:bold;
	font-size: 110%;
}
*,
*:before,
*:after {
    box-sizing: border-box;
}
:root {
    --theme-col:#004150;
    --sub-col:#6187e6;
    --back-col:#D4E2E7;
    --link-col:#aaa;
    --hover-col:#aaa;
    --black-col:#004150;
    --font:"Zen Old Mincho", sans-serif;
    --f-ja:"Zen Old Mincho", sans-serif;
    --f-en:"";
    --ease-in: cubic-bezier(.3,0,.7,0);
	--ease-out: cubic-bezier(.3,1,.7,1);
	--ease-inout: cubic-bezier(.7,0,.3,1);
}
a {
    color: var(--black-col);
    text-decoration: none;
    transition: all .2s ease;
}
@media (hover: hover) {
    a:any-link:hover {
      color: var(--link-col);
    }
}
.header {
    background-color: #fff;
}
.header__inner {
    margin: auto;
}
.site-name {
    margin: 0;
    font-size: 20px;
}
.site-name a {
    color: currentColor;
    text-decoration: none;
}
.contents {
    padding: 40px 0;
}
img {
  width: 100%;
  object-fit: contain;
}

.flex_c {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.grid_c {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
}
@media screen and (max-width:960px) {
    .grid_c {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
}