html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: baseline;

}

body{

}

ol,ul {
    list-style: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,main {
    display: block
}

a {
    color: inherit;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    cursor: pointer
}

a:link,a:visited,a:hover,a:active {
    text-decoration: none
}

a:visited {
    color: inherit
}

[tabindex]:focus,a:focus,button:focus,input:focus,select:focus,textarea:focus,a img:focus {
    outline: 3px solid #c4d700
}

img {
    max-width: 100%;
    border: 0;
    vertical-align: bottom
}

svg {
    fill: #fff
}

picture,picture img {
    display: inline-block
}

*,*::before,*::after {
    box-sizing: border-box
}

html {
    text-size-adjust: 100%
}

html body {
    font-family: "noto-sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",meiryo,osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    font-feature-settings: "palt","kern";
    font-kerning: normal;
    line-height: 2;
    color: #004831;
    background-color: #fff
}

@media screen and (min-width: 769px) {
    html body {
        font-size:16px;
        font-size: 1rem
    }
}

img,picture {
    width: 100%;
    height: auto
}

.c-inner {
    width: 90%;
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width: 769px) {
    .c-inner {
        width:86%
    }
}

.l-header img {
    display: block
}

.l-header__inner {
    max-width: 1200px
}

@media screen and (max-width: 991px) {
    .l-header__inner {
        width:90%
    }
}

.l-header__logoMark {
    padding: 10px 0;
    background: #004831;
    border-bottom: 3px solid #c4d700
}

@media screen and (max-width: 991px) {
    .l-header__logoMark img {
        width:56px
    }
}

@media screen and (min-width: 769px) {
    .l-header__logoMark img {
        width:80px
    }
}

@media screen and (min-width: 992px) {
    .l-header__logoMark {
        padding:7px 0
    }
}

@media screen and (max-width: 991px) {
    .l-header__logo {
        padding:16px 0 11px
    }
}

@media screen and (min-width: 992px) {
    .l-header__logo {
        padding:34px 0
    }
}

.l-header__logo a {
    width: 100px;
    transition: .3s opacity;
    display: flex
}

.l-header__logo a:hover {
    opacity: .8
}

@media screen and (min-width: 992px) {
    .l-header__logo a {
        width:213px
    }
}

.l-footer {
    background: #f5f5f5
}

.l-footer img {
    display: block
}

.l-footer__inner {
    max-width: 1200px
}

.l-footer__main {
    font-size: 12px;
    font-size: 0.75rem;
    padding: 40px 0;
    display: flex
}

@media screen and (max-width: 991px) {
    .l-footer__main {
        flex-direction:column
    }
}

@media screen and (max-width: 991px) {
    .l-footer__main>* {
        padding:20px 0;
        border-top: 1px solid #2b2b2b
    }

    .l-footer__main>*:first-child {
        border: none;
        padding-top: 0
    }

    .l-footer__main>*:last-child {
        padding-bottom: 0
    }
}

@media screen and (min-width: 992px) {
    .l-footer__main>* {
        padding:0 30px;
        border-left: 1px solid #2b2b2b
    }

    .l-footer__main>*:first-child {
        border: none;
        padding-left: 0
    }
}

.l-footer__nav {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .5em
}

@media screen and (min-width: 992px) {
    .l-footer__nav {
        gap:.8em
    }
}

.l-footer__nav a {
    transition: .3s opacity
}

.l-footer__nav a:hover {
    opacity: .8
}

.l-footer__sns {
    display: flex;
    flex-direction: column;
    gap: 25px
}

@media screen and (min-width: 992px) {
    .l-footer__sns {
        gap:20px
    }
}

.l-footer__sns>div {
    display: flex;
    align-items: center;
    gap: 8px 20px
}

@media screen and (max-width: 991px) {
    .l-footer__sns>div {
        flex-wrap:wrap
    }
}

.l-footer__sns dt {
    color: #141d1d;
    margin-right: 15px
}

@media screen and (max-width: 991px) {
    .l-footer__sns dt {
        width:100%
    }
}

.l-footer__sns a {
    transition: .3s opacity
}

.l-footer__sns a:hover {
    opacity: .8
}

.l-footer__sns a img {
    display: inline-block;
    font-size: 0
}

.l-footer__bottom {
    padding: 20px 0;
    background: #004831
}

.l-footer__bottom .l-footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width: 991px) {
    .l-footer__bottom .l-footer__inner {
        flex-direction:column;
        align-items: center
    }
}

.l-footer__copy {
    font-size: 10px;
    font-size: 0.625rem;
    color: #fff
}

@media screen and (max-width: 991px) {
    .l-footer__copy {
        text-align:center;
        line-height: 1.4;
        margin-top: .5em
    }
}

canvas{
    border-image-width:0 !important;
    border-width:0 !important;
    border:0 !important;
}