@charset "utf-8";
/* CSS Document */

/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
pre,
textarea {
    overflow: auto
}

[hidden],
audio:not([controls]),
template {
    display: none
}

details,
main,
summary {
    display: block
}

ul{
    list-style: none;
}

input[type=number] {
    width: auto
}

input[type=search] {
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type='submit'] {
    -webkit-appearance: none
}

progress {
    display: inline-block
}

small {
    font-size: 75%
}

textarea {
    resize: vertical
}

[unselectable] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

*,
::after,
::before {
    box-sizing: inherit;
    border-style: solid;
    border-width: 0
}

* {
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

::after,
::before {
    text-decoration: inherit;
    vertical-align: inherit
}

:root {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    box-sizing: border-box;
    cursor: default;
    font: 16px/1.5 sans-serif;
    text-rendering: optimizeLegibility
}

a {
    text-decoration: none;
    color: #000;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

button,
input,
select,
textarea {
    background-color: transparent;
    color: inherit;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace
}

nav ol,
nav ul {
    list-style: none
}
nav ul li{
    list-style: none
}

select {
    -moz-appearance: none;
    -webkit-appearance: none
}

select::-ms-expand {
    display: none
}

select::-ms-value {
    color: currentColor
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

::-moz-selection {
    background-color: #B3D4FC;
    text-shadow: none
}

::selection {
    background-color: #B3D4FC;
    text-shadow: none
}

@media screen {
    [hidden~=screen] {
        display: inherit
    }

    [hidden~=screen]:not(:active):not(:focus):not(:target) {
        clip: rect(0 0 0 0) !important;
        position: absolute !important
    }
}


/*-------------------------------------------------------------------------------
追加クラス
-------------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}


.ro {
    transition: all 0.3s;
}

.ro:hover {
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
    transition: opacity 0.3s;
}

.roBright:hover {
    -webkit-filter: brightness(1.2);
    -moz-filter: brightness(1.2);
    -o-filter: brightness(1.2);
    -ms-filter: brightness(1.2);
    filter: brightness(1.2);
    transition: filter 0.3s;
}

.roZoom {
    transition: transform 0.3s;
}

.roZoom:hover {
    transform: scale(1.3);
}


.ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.ellipsisMulti2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ellipsisMulti3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}


.listIndent {
    padding-left: 1em;
    text-indent: -1em;
}

.noEvent {
    pointer-events: none;
    cursor: inherit;
}

.verdana {
    font-family: Verdana;
}

.serif {
    font-family: serif;
}


.imgFit {
    max-width: 100%;
    height: auto;
}

.imgMax {
    width: 100%;
    height: auto;
}

.visible{
    visibility:visible !important;
    opacity: 1 !important;
}

@media print {

    /* 印刷無効化 */
    .noPrint {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media print,
screen and (min-width:768px) {
    .visible-xs {
        display: none !important;
    }
}


@media screen and (min-width: 1201px) {
    .visible-1200 {
        display: none !important;
    }
}

@media screen and (max-width: 1200px) {
    .hidden-1200 {
        display: none !important;
    }
}

@media screen and (min-width: 1151px) {
    .visible-1150 {
        display: none !important;
    }
}

@media screen and (max-width: 1150px) {
    .hidden-1150 {
        display: none !important;
    }
}


@media screen and (min-width: 1080px) {
    .visible-1080 {
        display: none !important;
    }
}

@media screen and (max-width: 1079px) {
    .hidden-1080 {
        display: none !important;
    }
}


@media screen and (min-width: 1001px) {
    .visible-1000 {
        display: none !important;
    }
}

@media screen and (max-width: 1000px) {
    .hidden-1000 {
        display: none !important;
    }
}





@media screen and (min-width: 1101px) {
    .visible-1100 {
        display: none !important;
    }
}

@media screen and (min-width: 1100px) {
    .hidden-1100 {
        display: none !important;
    }
}

@media screen and (min-width: 900px) {
    .visible-900 {
        display: none !important;
    }
}

@media screen and (max-width: 899px) {
    .hidden-900 {
        display: none !important;
    }
}

@media screen and (min-width: 800px) {
    .visible-800 {
        display: none !important;
    }
}

@media screen and (max-width: 799px) {
    .hidden-800 {
        display: none !important;
    }
}

@media screen and (min-width: 601px) {
    .visible-600 {
        display: none !important;
    }
}

@media screen and (max-width: 600px) {
    .hidden-600 {
        display: none !important;
    }
}
@media screen and (min-width: 501px) {
    .visible-500 {
        display: none !important;
    }
}
@media screen and (max-width: 500px) {
    .hidden-500 {
        display: none !important;
    }
}


/*
reCAPTCHAロゴ非表示
※代わりにフォーム下部に利用規約説明を入れること
*/
.grecaptcha-badge {
    visibility: hidden;
}


.is-hidden {
    pointer-events: none !important;
    opacity: 0 !important;
}

.none{
    display: none;
}