@charset "UTF-8";

@media print, screen
{
:root
{

/* ==================== color ==================== */
--Cgray0: rgba(43, 43, 43, 1.0);
--Cgray1: rgba(113, 112, 113, 1.0);
--Cgray2: rgba(72, 72, 72, 1.0);

--Cblue1: rgba(11, 13, 47, 1.0);

/* ==================== site size ==================== */
--pageW: calc(1000 * var(--v));
--pageP: calc(40 * var(--v));
--headerH: 60px;

/* ==================== font family ==================== */
--FF: DIN Next W01 Regular,YuGothic,游ゴシック,ＭＳ Ｐゴシック,MS P Gothic,MS-PGothic,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Osaka,arial,helvetica,clean,sans-serif;

/* ==================== priority ==================== */
--priorityHeader: 9000;

/* ==================== transition ==================== */
--T03: 0.3s ease-in-out 0s;
--T05: 0.5s ease-in-out 0s;

/* ==================== shadow ==================== */
--shadow0: 0 0 20rem rgba(51, 51, 51, 0.3);

/* ==================== rem ==================== */
--v: 1px;

}
}
@media print, screen and (min-width: 768px) and (max-width: 1000px)
{
:root
{

/* ==================== rem ==================== */
--v: calc(100vw / 1000);

}
}
@media screen and (max-width: 767px)
{
:root
{

/* ==================== site size ==================== */
--pageW: 100vw;
--headerH: 18vw;

/* ==================== rem ==================== */
--v: calc(100vw / 750);

}
}



/* ======================================== end ======================================== */