/*cssのリセット*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    background: transparent;
}

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

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

ul {
    list-style: none;
}

blockquote,q {
    quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none;
}

a {
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: transparent;
    color: #02A79E;
    transition: color 0.3s;
    text-decoration: none;
    cursor: pointer;
    transition: .4s;
}
a:hover{
    opacity: 0.7;
}

ins {
    text-decoration: none;
    color: #000;
    background-color: #ff9;
}

mark {
    font-weight: bold;
    font-style: italic;
    color: #000;
    background-color: #ff9;
}

del {
    text-decoration: line-through;
}

abbr[title],dfn[title] {
    cursor: help;
    border-bottom: 1px dotted;
}

hr {
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #ccc;
}

/*サイト全体の基準となるCSSを記述*/
body {
    animation: allfadeIn 2s ease 0s 1 normal;
    -webkit-animation: allfadeIn 2s ease 0s 1 normal;
}

@keyframes allfadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes allfadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

html {
    font-size: 10px;
}

body {
    /*フォントの指定*/
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    /*行間の指定*/
    line-height: 1;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    /*サイトのデフォルトとなる文字の色を指定*/
    color: #000000;
    overflow-x: hidden;
}

/*見出しを全て太字で表示 + 文字色を黒に*/
h1,h2,h3,h4,h5,h6 {
    font-weight: 500
}

p {
    line-height: 150%;
}

div {
    display: block;
}

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

@media screen and (max-width: 810px) {
    body {
        /*フォントの指定*/
        font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    }
}