@charset "UTF-8";

html {
    font-size: 62.5%;
}

body {
    min-width: 320px;
    background-color: #fff;
    color: #000;
    font-size: 1.6rem;
    font-family: "Noto Sans JP";

    -webkit-font-smoothing: antialiased;
    -webkit-print-color-adjust: exact;
}

_:-ms-fullscreen,
:root body {
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo UI, 'Meiryo', sans-serif;
}

h1,
h2,
h3,
h4 {
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
}


/* link */

a {
    color: #000;
}

a:link {
    overflow: hidden;
    outline: none;
    color: #000;
    text-decoration: none;
}

a:visited {
    overflow: hidden;
    outline: none;
    color: #000;
    text-decoration: none;
}

a:hover {
    overflow: hidden;
    outline: none;
    color: #000;
    text-decoration: none;
    opacity: 0.7;
}

a:active {
    overflow: hidden;
    outline: none;
    color: #000;
    text-decoration: none;
    opacity: 0.7;
}


/*noscript*/

noscript {
    display: block;
    background: #000;
    color: #fff;
    text-align: center;
}

.break-before {
    page-break-before: always;
}


/*マウスオーバー*/

.mouse-over:hover,
.btn:hover {
    opacity: 0.7;
}


/*フォーム要素にズームインするのを回避*/

input[type="text"],
input[type="number"],
select,
textarea {
    font-size: 16px;
}


/*文字色*/
.img-fluid {
    display: block;
    width: 100%;
}

/*1文字インデント*/

.attention-txt {
    margin-left: 1em;
    text-indent: -1em;
}



@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 800px) {}