/*-------------------------------------
common
-------------------------------------*/
:root {
    --_base-font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'BIZ UDPGothic', Meiryo, sans-serif;
    --_base-font-family__serif: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;;

    /* --font_gothic__en: Montserrat, var(--_base-font-family); */

    --easing-a: cubic-bezier(.77, 0, .18, 1);
    --easing-b: cubic-bezier(.19,1,.22,1);
    --easing-c: cubic-bezier(.165, .84, .44, 1);

    --radius-s: 4px;
    --radius-m: 8px;
    --radius-l: 16px;

    --unitone--color--accent__pink: #e79abb;
    --unitone--color--accent__aqua: #7fcbd8;
    --unitone--color--accent__green: #a5cc31;
    
    --unitone--color--accent__pale: #edf5fc;
    --unitone--color--accent__light: #c9e2f6;
    --unitone--color--accent__demidark: #63aee5;
    --unitone--color--accent__dark: #4f8bb7;
    --unitone--color--accent__heavy: #3b6889;

    --color--gradient: linear-gradient(to bottom, 
    var(--unitone--color--accent__pink),
    var(--unitone--color--accent__aqua),
    var(--unitone--color--accent__green)
);

}

body {
    overflow-x: hidden;
}

.height-100 {
    height: 100%;
}
.width-100 {
    width: 100%;
}
.padding-top-0,
.padding-top-0>[data-unitone-layout="gutters"] {
    padding-top: 0;
}
.padding-bottom-0,
.padding-bottom-0>[data-unitone-layout="gutters"] {
  padding-bottom: 0;
}

.non-disp {
    display: none !important;
    visibility: hidden !important;
}

@media screen and (min-width:1024px) {
    .pc-hidden {
      display: none !important;
      visibility: hidden !important;
    }
}
@media screen and (min-width:600px) and (max-width:1023px) {
    .tb-hidden {
      display: none !important;
      visibility: hidden !important;
    }
}
@media screen and (max-width:599px) {
    .sp-hidden {
      display: none !important;
      visibility: hidden !important;
    }
}