/*
Theme Name: sas-safe_CustomTheme
Author: SmartAirShelter
Author URI: https://sas-safe.com/
Description: SmartAirShelter 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;
}
*,
*:before,
*:after {
    box-sizing: border-box;
}
:root {
    --theme-col:#113B90;
    --sub-col:#657595;
	--accent-col:#D7103B;
    --back-col:#fff;
    --link-col:#c5d0e6;
    --hover-col:#aaa;
    --black-col:#444;
    --trading-col:#113B90;
    --noodles-col:#D4DCD6;
    --insurance-col:#F6AA00;
    --font:"Geologica", "Zen Kaku Gothic New", sans-serif;
    --f-ja:"Noto Sans JP";
    --f-en:"Outfit";
	--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(--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 {
  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: normal;
  -webkit-align-items: normal;
  align-items: normal;
}
.grid_c {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5rem;
}
@media screen and (max-width:960px) {
    .grid_c {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
}