@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

html, body {
    font-family:"Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic Pro","Meiryo",sans-serif !important;
    font-size: 62.5%;
    line-height: 1.65;
    margin: 0; }

    html {
        scroll-behavior: smooth;
        scroll-padding-top: 77px;
    }
          
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, pre, div {
    color: black;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.6rem; 
    box-sizing: border-box;
}
h1, h2, h3, h4 {
    font-weight: bold;
}
div {
    display: block;
}

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

ul {
    margin: 0;
    padding: 0;}

ul li {
    list-style-type: none;}

dl, dt, dd {
    margin: 0;
}

figure {
    line-height: 0;
    margin: 0;
    padding: 0;}

img {
    border: 0;
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}

.container {
    width: 90%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    /* TeachableでのCSSを打ち消す */
    padding: 0;
    display: block;
}

.font-Montserrat {
    font-family: "Montserrat" !important;

}

.pc { display: block !important; }
.tb { display: none !important; }
.sp { display: none !important; }

@media only screen and (max-width: 1100px) {
    .pc { display: none !important; }
    .tb { display: block !important;}
    .sp { display: none !important; }
}

@media only screen and (max-width: 420px) {
    .pc { display: none !important; }
    .tb { display: block !important;}
    .sp { display: block !important; }
}