@charset "utf-8";
/*div,p,li,h1,h2,h3,h4,h5,span,header,footer {user-select: none;}*/

.hide {display:none !important}
.visible-hidden {visibility: hidden !important}
.relative {position:relative}
.fixed {position:fixed}
.absolute {position:absolute}
.absolute-center {top:50%; left:50%; transform: translate(-50%, -50%);}
.absolute-left-center {top:0; left:50%; transform: translate(-50%, 0);}
.absolute-right-center {top:50%; right:0; transform: translate(0, -50%);}
.absolute-left-corner {top:0; left:0; transform:translate(-50%,-50%)}
.absolute-top-center {top:50%;transform: translate(0,-50%);}
.absolute-bottom {bottom:0}

.inline-block {display:inline-block}
.inline {display:inline}
.block {display: block;}

.block-center {margin: 0 auto;}

.flex {display:flex}
.flex-column {flex-direction: column;}
.flex-row {flex-direction: row;}
.flex-column-reverse {flex-direction: column-reverse;}
.flex-row-reverse {flex-direction: row-reverse;}
.justify-spacebetween {justify-content: space-between;}
.justify-spacearound {justify-content: space-around;}
.justify-center {justify-content: center;}
.justify-end {justify-content: end;}
.align-center {align-items: center;}
.align-stretch {align-items: stretch;}
.align-flex-end {align-items: flex-end;}
.align-content-center {align-content: center;}
.flex-wrap {flex-wrap: wrap;}
.flex-wrap-reverse {flex-wrap: wrap-reverse;}
.flex-grow {flex-grow: 1;}

.auto-width {width:auto}
.half-width {width:50%}
.full-width {width:100%}

.full-height {height:100%}

.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.no-decoration {text-decoration:none ;}
.break-word {word-wrap: break-word;}

.thin {font-weight: 300;}
.regular {font-weight:400}
.bold {font-weight: bold;}
.bolder {font-weight: bolder;}
.bold-normal {font-weight: normal;}

.no-space {margin:0; padding:0}
.no-scroll {overflow: hidden;}
.scroll-x-auto {overflow-x: auto; white-space:nowrap;}

@media screen and (min-width:769px) {
    /* only pc reusable css */
    .hide-pc {display:none !important}
    .visible-hidden-pc {visibility: hidden !important}
    .relative-pc {position:relative}
    .fixed-pc {position:fixed}
    .absolute-pc {position:absolute}
    .absolute-center-pc {top:50%; left:50%; transform: translate(-50%, -50%);}
    .absolute-left-center-pc {top:0; left:50%; transform: translate(-50%, 0);}
    .absolute-right-center-pc {top:50%; right:0; transform: translate(0, -50%);}
    .absolute-left-corner-pc {top:0; left:0; transform:translate(-50%,-50%)}
    .absolute-top-center-pc {top:50%;transform: translate(0,-50%);}
    .absolute-bottom-pc {bottom:0}

    .inline-block-pc {display:inline-block}
    .inline-pc {display:inline}
    .block-pc {display: block;}

    .block-center-pc {margin: 0 auto;}

    .flex-pc {display: flex;}
    .flex-column-pc {flex-direction: column;}
    .flex-row-pc {flex-direction: row;}
    .flex-column-reverse-pc {flex-direction: column-reverse;}
    .flex-row-reverse-pc {flex-direction: row-reverse;}
    .justify-spacebetween-pc {justify-content: space-between;}
    .justify-spacearound-pc {justify-content: space-around;}
    .justify-center-pc {justify-content: center;}
    .justify-end-pc {justify-content: end;}
    .align-center-pc {align-items: center;}
    .align-stretch-pc {align-items: stretch;}
    .align-flex-end-pc {align-items: flex-end;}
    .align-content-center-pc {align-content: center;}
    .flex-wrap-pc {flex-wrap: wrap;}
    .flex-wrap-reverse-pc {flex-wrap: wrap-reverse;}
    .flex-grow-pc {flex-grow: 1;}

    .auto-width-pc {width:auto}
    .half-width-pc {width:50%}
    .full-width-pc {width:100%}

    .full-height-pc {height:100%}

    .text-center-pc {text-align:center}
    .text-left-pc {text-align: left;}
    .text-right-pc {text-align: right;}
    .no-decoration-pc {text-decoration:none ;}
    .break-word-pc {word-wrap: break-word;}

    .thin-pc {font-weight: 300;}
    .regular-pc {font-weight:400}
    .bold-pc {font-weight: bold;}
    .bolder-pc {font-weight: bolder;}
    .bold-normal-pc {font-weight: normal !important;}

    .no-space-pc {margin:0; padding:0}
    .no-scroll-pc {overflow: hidden;}
    .scroll-x-auto-pc {overflow-x: auto; white-space:nowrap;}
}
@media screen and (max-width:768px){
    
    .hide-sp {display:none !important}
    .visible-hidden-sp {visibility: hidden !important}
    .relative-sp {position:relative}
    .fixed-sp {position:fixed}
    .absolute-sp {position:absolute}
    .absolute-center-sp {top:50%; left:50%; transform: translate(-50%, -50%);}
    .absolute-left-center-sp {top:0; left:50%; transform: translate(-50%, 0);}
    .absolute-right-center-sp {top:50%; right:0; transform: translate(0, -50%);}
    .absolute-left-corner-sp {top:0; left:0; transform:translate(-50%,-50%)}
    .absolute-top-center-sp {top:50%;transform: translate(0,-50%);}
    .absolute-bottom-sp {bottom:0}

    .inline-block-sp {display:inline-block}
    .inline-sp {display:inline}
    .block-sp {display: block;}

    .block-center-sp {margin: 0 auto;}

    .flex-sp {display: flex;}
    .flex-column-sp {flex-direction: column;}
    .flex-row-sp {flex-direction: row;}
    .flex-column-reverse-sp {flex-direction: column-reverse;}
    .flex-row-reverse-sp {flex-direction: row-reverse;}
    .justify-spacebetween-sp {justify-content: space-between;}
    .justify-spacearound-sp {justify-content: space-around;}
    .justify-center-sp {justify-content: center;}
    .justify-end-sp {justify-content: end;}
    .align-center-sp {align-items: center;}
    .align-stretch-sp {align-items: stretch;}
    .align-flex-end-sp {align-items: flex-end;}
    .align-content-center-sp {align-content: center;}
    .flex-wrap-sp {flex-wrap: wrap;}
    .flex-wrap-reverse-sp {flex-wrap: wrap-reverse;}
    .flex-grow-sp {flex-grow: 1;}

    .auto-width-sp {width:auto}
    .half-width-sp {width:50%}
    .full-width-sp {width:100%}

    .full-height-sp {height:100%}

    .text-center-sp {text-align:center}
    .text-left-sp {text-align: left;}
    .text-right-sp {text-align: right;}
    .no-decoration-sp {text-decoration:none ;}
    .break-word-sp {word-wrap: break-word;}

    .thin-sp {font-weight: 300;}
    .regular-sp {font-weight:400}
    .bold-sp {font-weight: bold;}
    .bolder-sp {font-weight: bolder;}
    .bold-normal-sp {font-weight: normal !important;}

    .no-space-sp {margin:0; padding:0}
    .no-scroll-sp {overflow: hidden;}
    .scroll-x-auto-sp {overflow-x: auto; white-space:nowrap;}
}