/* ----------------------------------------------------------------------
	Base Colors
-------------------------------------------------------------------------*/
/*Background colors*/
/*Typography*/
/*Font*/
/*Header*/
/*Side Panel*/
/*Page Titile*/
/*Margins*/
/*Transitions*/
/* ------------------------------------------------------------------------ Fonts - Find/Replace your website fonts with your custom font name.
-------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&family=Noto+Serif+JP:wght@300;400;500;600;700;900&family=Roboto+Slab:wght@700;800;900&family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,300;1,700;1,900&display=swap');

.NotoSansJP {
    font-family: "Noto Sans JP";
}

.NotoSerifJP {
    font-family: "Noto Serif JP";
}

.Roboto {
    font-family: "Roboto";
}

.RobotoSlab {
    font-family: "Roboto Slab";
}
.w300{
    font-weight: 300;
}
.w400{
    font-weight: 400;
}
.w500{
    font-weight: 500;
}
.w600{
    font-weight: 600;
}
.w700{
    font-weight: 700;
}
.w800{
    font-weight: 800;
}
.w900{
    font-weight: 900;
}
.letter15{
    letter-spacing: 3.5rem;
}
:root {
    --font-family-sans-serif: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
    --font-family-monospace: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
    font-weight: 300;
}
[lang=ja] body {
    font-family: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
}

/*Body*/
body {
    font-size: 1rem;
    font-family: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
}



/*Headings*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p,
li,
dd,
dl,
dt,
.navbar,
.brand,
a,
.td-name,
td,
button,
input,
select,
textarea {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: unset;
    font-feature-settings: "palt";
}

img {
    max-width: 100%;
    height: auto;
}

/*Paragraphs*/
p {
    font-family: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
    text-align: left;
}

a,
a:focus,
a:active,
a:link,
img {
    outline: none;
    text-decoration: none;
}

@media all and (-ms-high-contrast: none) {
    html {
        font-family: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
    }
}

@media all and (-ms-high-contrast: active) {
    html {
        font-family: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
    }
}

@media screen and (max-width: 375px) {
    p {
        font-size: 16px;
        font-size: 1.3rem;
        line-height: 1.5;
        font-weight: 300;
        color: #181818;
        font-family: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
    }

    small {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.5;
    }

    h6 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
    }

    h5 {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.5;
    }

    h4 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
    }

    h3 {
        font-size: 23px;
        font-size: 1.4375rem;
        line-height: 1.5;
    }

    h2 {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 1.5;
    }

    h1 {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1.5;
    }
}

@media screen and (min-width: 376px) {
    p {
        font-size: 16px;
        font-size: 1.25rem;
        line-height: 1.6;
        font-weight: 300;
        color: #181818;
        letter-spacing: 0.06em;
        font-family: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
    }

    h6 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.25;
    }

    h5 {
        font-size: 21px;
        font-size: 1.3125rem;
        line-height: 1.25;
    }

    h4 {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1.25;
    }

    h3 {
        font-size: 37px;
        font-size: 2.3125rem;
        line-height: 1.25;
    }

    h2 {
        font-size: 49px;
        font-size: 3.0625rem;
        line-height: 1.25;
    }

    h1 {
        font-size: 65px;
        font-size: 4.0625rem;
        line-height: 1.25;
    }
}

.palt {
    font-feature-settings: "palt";
}

a {
    cursor: pointer;
    text-decoration: none;
    color: #6d6d6d;
    transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
}

/*Main Menu*/
#mainMenu nav>ul>li>a {
    --font-family-sans-serif: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.6px;
}

#mainMenu nav>ul>li .dropdown-menu>li>a,
#mainMenu nav>ul>li .dropdown-menu>li>span,
#mainMenu nav>ul>li .dropdown-menu>li [class*="col-"]>ul>li>a {
    --font-family-sans-serif: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
}

#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title {
    --font-family-sans-serif: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
    font-size: 13px;
    font-weight: 600;
}

.header-extras>ul>li>a:not(.btn),
.header-extras>ul>li .topbar-dropdown>.title {
    --font-family-sans-serif: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
    font-size: 12px;
    font-weight: 700;
}

/*Page Menu*/
.page-menu nav>ul>li {
    --font-family-sans-serif: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
}

.page-menu nav>ul>li .dropdown-menu {
    --font-family-sans-serif: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
}

/*Sidebar Menu*/
.sidebar-menu {
    --font-family-sans-serif: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
}

/*Buttons*/
button,
a.btn:not([href]):not([tabindex]),
.btn {
    --font-family-sans-serif: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
}

/*slider*/
.inspiro-slider .slide .slide-captions .strong {
    --font-family-sans-serif: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
}

/*Page Title*/
#page-title .page-title>h1 {
    --font-family-sans-serif: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
    font-size: 44px;
    line-height: 56px;
    font-weight: 400;
}

/*Footer*/
#footer {
    font-size: 14px;
    font-weight: 400;
    --font-family-sans-serif: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
}

#footer p {
    --font-family-sans-serif: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
}

#footer .widget .widget-title,
#footer .widget h4 {
    --font-family-sans-serif: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
}

#footer .widget .widget-title ul li a,
#footer .widget h4 ul li a {
    --font-family-sans-serif: -apple-system, "BlinkMacSystemFont", "Roboto", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
    font-size: 15px;
}