@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap&subset=japanese');


/* --- font --- */


html{ font-size: 62.5%; } /* 16px*/

body{
    font-size:1.8rem;
    line-height: 1.8;
    font-weight:300;
    letter-spacing: 0.08em;
    font-family: 'Noto Sans JP';
}


/* --- font-family / font-weight --- */

h1,h2,h3 {
   font-weight:400 !important;
   text-align:center;
   line-height: 2.0;
   letter-spacing: 0.09em;
   color:#5c071d;
   }

h4{
	font-weight:500;
    text-align:center;
    line-height: 1.4;
    margin:40px auto 15px;
    display:inline-block;
	}
    
h5 {
   font-family: 'Noto Sans JP', sans-serif;
   font-weight:400 !important;
   text-align:center;
   }
   
h2,h3 { 
   margin:5px auto 25px;
   }
   

/* --- font-size --- */


@media (min-width: 961px) {  /* 897px以上*/

    h1 { font-size: 2.4rem; } /* 24px*/
    h2 { font-size: 4.0rem; } /* 40px*/
    h3 { font-size: 3.6rem; } /* 36px*/
    h4 { font-size: 2.4rem; } /* 24px*/
    h5 { font-size: 2.0rem; } /* 24px*/
    
.txt_14 {  font-size: 1.4rem; }
.txt_18 {  font-size: 1.8rem; }
.txt_20 {  font-size: 2.0rem; }
.txt_24 {  font-size: 2.4rem; }

}


@media screen and (min-width: 481px) and (max-width: 960px) {

    body{
        font-size:1.6rem;
        letter-spacing: 0.04em;
    }
    h1 { font-size: 2.4rem; } /* 44px*/
    h2 { font-size: 3.0rem; } /* 60px*/
    h3 { font-size: 2.8rem; } /* 34px*/
    h4 { font-size: 2.4rem; } /* 24px*/
    h5 { font-size: 1.8rem; } /* 16px*/

.txt_14 {  font-size: 1.4rem; }
.txt_18 {  font-size: 1.4rem; }
.txt_20 {  font-size: 1.6rem; }
.txt_24 {  font-size: 1.8rem; }

}

@media screen and (max-width: 480px) { /* 896px以下*/

    body{
        font-size:1.3rem;
        letter-spacing: 0.03em;
    }
    h1 { font-size: 1.8rem; }  /* 18px*/
    h2 { font-size: 2.4rem; }  /* 28px*/
    h3 { font-size: 2.2rem; }  /* 28px*/
    h4 { font-size: 1.8rem; }  /* 18px*/
    h5 { font-size: 1.4rem; }  /* 14px*/

    h2,h3 {    margin:5px auto 15px;　 }
 
.txt_14 {  font-size: 1.4rem; }
.txt_18 {  font-size: 1.4rem; }
.txt_20 {  font-size: 1.4rem; }
.txt_24 {  font-size: 1.6rem; }

}