/*
Theme Name: tomoeya_CustomTheme
Author: 株式会社巴屋
Author URI: https://www.tomoeya-group.co.jp/
Description: tomoeya Original Theme
Version: 1.0
*/

html {
	scroll-behavior: smooth;
}
body {
    margin: 0;
    background-color: #fff;
    color: var(--black-col);
	font-family:var(--f-en),var(--f-ja),var(--f-no);
	font-weight:400;
	font-optical-sizing: auto;
	font-style: normal;
	letter-spacing: 0.8px;
}
*,
*:before,
*:after {
    box-sizing: border-box;
}
:root {
    --theme-col:#50A2BE;
    --sub-col:#52BCE2;
	--accent-col:#254E7B;
    --back-col:#F7FBFD;
    --link-col:#aaa;
    --hover-col:#aaa;
    --black-col:#003264;
    --font:"Taviraj", "Noto Sans JP";
    --f-ja:"Noto Sans JP";
    --f-en:"Taviraj";
	--f-no:sans-serif;
    --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(--sub-col);
    }
}
.header {
    background-color: #fff;
}
.site-name {
    margin: 0;
    font-size: 20px;
}
.site-name a {
    color: currentColor;
    text-decoration: none;
}
img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.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;
}
.in_bl {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (max-width:960px) {
    .grid_c {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
}