/*
Theme Name: IDEM
Theme URI: 
Author: SEOTA
Author URI:
Description:
Version: 2026.01
*/
@charset "utf-8";
/* CSS Document */

::selection {
  color: #fff;
  background: #BA312D;
}

@media (min-width: 320px) {
h1, .BannerSlider .item .container h2, .font-48{ font-size: calc(2.1875rem + ((1vw - 3.2px) * 0.8125));}
h2, .font-40{font-size: calc(1.875rem + ((1vw - 3.2px) * 0.625));}
h3, .font-32{font-size: calc(1.5rem + ((1vw - 3.2px) * 0.5));}
h4{font-size: calc(1.1875rem + ((1vw - 3.2px) * 0.3125));}
h5{font-size: calc(1.0625rem + ((1vw - 3.2px) * 0.1875));}
.font-18{font-size: calc(1rem + ((1vw - 3.2px) * 0.125));}
.font-20{font-size: calc(1rem + ((1vw - 3.2px) * 0.25));}
.font-24{font-size: calc(1rem + ((1vw - 3.2px) * 0.5));}
.h3-30 h3, .h4-30 h4, .font-30{font-size: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem);}
}

@media (min-width: 1400px) {
h1, .BannerSlider .item .container h2, .font-48{font-size: 48px;}
h2, .font-40{font-size: 40px;}
h3, .font-32{font-size: 32px;}
h4{font-size: 24px;}
h5{font-size: 20px;}
.font-18{font-size: 18px;}
.font-20{ font-size: 20px;}
.font-24{ font-size: 24px;}
.h3-30 h3, .h4-30 h4, .font-30{font-size: 1.875rem;}
}