@charset 'utf-8';

@import url('normalize.css');
@import url('slick.css');
@import url('master.css') screen and (min-width: 641px),print;
@import url('block.css') screen and (min-width: 641px),print;
@import url('sp_master.css') screen and (max-width: 640px);
@import url('sp_block.css') screen and (max-width: 640px);

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&family=Noto+Sans+JP:wght@100..900&family=Oooh+Baby&family=Roboto:wght@700&display=swap');

:root {
    --primary: #09A5C0;
    --secondary: #9ADCE7;
        --link: #05343F;
    --accent: #FFFA73;
    --black: #05343F;
    --gray40: #f5f5f5;
    --gray80: #ebebeb;
    --gray150: #d9d9d9;
    --gray400: #999;
    --gray600: #666;
    --bg1: #F5F9F9;
    --bg2: #C1EBF1;
}

.color_primary {color: var(--primary)!important;}
.color_accent {color: var(--accent)!important;}
.color_black {color: var(--black)!important;}

.fw_normal {font-weight: normal!important;}
.fw_medium {font-weight: medium!important;}
.fw_bold {font-weight: bold!important;}

.line_accent {background: linear-gradient(transparent 1em, var(--accent) 1em);}

.roboto {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.montserrat {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.ooohbaby {
    font-family: "Oooh Baby", cursive;
    font-weight: 400;
    font-style: normal;
}