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

html{
    font-size: 62.5%;
    overflow-y: scroll; 
    overflow-x: hidden;
    font-family: 'ヒラギノ角ゴ ProN', 'メイリオ', 'Meiryo', "メイリオ", 'YuGothic', 'Yu Gothic', '游ゴシック', "ＭＳ Ｐゴシック", "MS PGothic", 'DIN 2014', sans-serif;
    background-color: #FFF;
}
body{
    width: 100%;
    /*min-width: 980px;*/
}
@media screen and (max-width: 767.98px) {
    html {
        /*SP時の指定なしでも程よいフォントサイズになるように指定*/ 
        /*font-size: calc(10.5 / 750 * 100vw);*/  
    }

    body {
        min-width: 0;
    }
}
* {
    box-sizing: border-box;
    line-height: 1.5;
}
img{
    width: 100%;
}
a{
    color: inherit;
    text-decoration: none;
    transition: 0.2s;
}
a:hover{
    text-decoration: underline;
    /*color: #ccc;*/
    cursor: pointer;
    opacity: 0.7;
}

.base-width{
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}
.outer-base-width{
    padding-left: 7px;
    padding-right: 7px;
}

.flexbox{
    display: flex;
}
.pc{
    display: block;
}
.sp{
    display: none;
}
.mt1{
    margin-top: 1rem !important;
}
.mt2{
    margin-top: 2rem !important;
}
.mt3{
    margin-top: 3rem !important;
}
.mt4{
    margin-top: 4rem !important;
}
.mt5{
    margin-top: 5rem !important;
}
.mt6{
    margin-top: 6rem !important;
}
.mt7{
    margin-top: 7rem !important;
}
.mt8{
    margin-top: 8rem !important;
}
.mt9{
    margin-top: 9rem !important;
}
.mt10{
    margin-top: 10rem !important;
}
.hide{
    display: none !important;
}
.ojct-fit{
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
}
.xroll{
    overflow-x: scroll;
}
.txt-r{
    text-align: right;
}
button{
    border: 0;
    color: #FFF;
    cursor: pointer;
}
button:active{
    border: none;
}
:focus {
    outline: none;
}


@media screen and (min-width:980px) {
    [data-visible="sp979"] {
        display: none !important;
    }
}
@media screen and (max-width:979px) {
    [data-visible="pc979"] {
        display: none !important;
    }
}

@media screen and (max-width:767.98px) {
    [data-visible="pc"] {
        display: none !important;
    }
}
@media screen and (min-width:768px) {
    [data-visible="sp"] {
        display: none !important;
    }
}