@charset "UTF-8";
/* =====================
Custom properties
===================== */
:root {
--black: #1b1b1e;
--gray: #cacaca;
--lexend: 'Lexend', sans-serif;
--mont: 'Montserrat', sans-serif;
--noto: 'Noto Sans JP', sans-serif;
--gradient1: linear-gradient(140.1deg, #2cacd1 20.75%, #2b76b9 40.68%, #074d94 80.84%);
--gradient2: linear-gradient(96deg, #24845b 7.18%, #2fa371 92.34%);
--arrow: url('data:image/svg+xml,');
--arrow2: url('data:image/svg+xml,');
--tri: url('data:image/svg+xml,');
--link: url('data:image/svg+xml,');
--check: url('data:image/svg+xml,');
--person: url('data:image/svg+xml,');
--subtract: url('data:image/svg+xml,');
--map: url('data:image/svg+xml,');
/* ==== アニメーション easing関数 ==== */
--easeOutQuart: cubic-bezier(0.25, 1, 0.5, 1);
--easeOutExpo: cubic-bezier(0.87, 0, 0.13, 1);
--easeOutBack: cubic-bezier(0.34, 1.56, 0.64, 1);
--easeOutQuint: cubic-bezier(0.22, 1, 0.36, 1);
--easeInCirc: cubic-bezier(0.55, 0, 1, 0.45);
--easeInOutBack: cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
/* ==== テキスト選択時の色 ==== */
::selection {
background: #005aad99;
color: white;
}
/* ==== フォームのplaceholder 文字色 ==== */
::placeholder {
color: auto;
}
/* =====================
hover
===================== */
@media (any-hover: hover) {
.hover-op {
will-change: opacity;
transition: opacity 250ms ease 0s;
&:hover {
opacity: 0.6;
}
}
}
/* =====================
common
===================== */
html,
body {
color: var(--black);
font-family: 'Noto Sans JP', sans-serif;
font-size: var(--midium);
font-weight: 400;
line-height: 1.7;
}
/* PC */
@media print, screen and (min-width: 768px) {
body {
min-width: 1300px;
}
.sp {
display: none;
}
}
@media not all and (min-width: 768px) {
.pc {
display: none;
}
}
/* =====================
utility
===================== */
.fwb {
font-weight: bold;
}
.tac {
text-align: center;
}
.mt {
margin-top: 0.5em !important;
}
table.mt {
margin-top: 1.5em !important;
}