@charset "utf-8";

/* google font */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,600,700&display=swap');
.gf_NSJ{ font-family: 'Noto Sans JP'; font-weight: 400;}
.gf_QSD{ font-family: 'Quicksand'; font-weight: 400;}

*,::after,::before { box-sizing: border-box;}
html,body { width: 100%; height: 100%; word-break: break-all;}

html {
 font-family: 'Noto Sans JP'; font-weight: 400; /* google font | Noto Sans JP */
 font-size: 62.5%;
 color: #444;
}

body {
 font-size: 1.5rem; /*=15px*/
 line-height: 1.7;
 text-align: left;
 /*background: #f8fbf8;*//*白磁 はくじ*/
 background: #433d3c;/*檳榔子染 びんろうじぞめ*/
 position: relative;
}

.oneSet1 {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 100%;
}
.oneSet1 h1 {
 display: flex;
 justify-content: center;
 align-items: center;

 width: calc(100% - 30px);
 height: calc(100% - 30px);
 margin: 10px auto;
 
 background: #3f3938;/*檳榔子染 びんろうじぞめ - 4(rgb)*/
 font-family: 'Quicksand'; font-weight: 300;
 font-size: 2.5em;
 color: #fff;
 line-height: 1;
}

small{
 position: absolute; bottom: 5px; right: 5px;
 color: #fff; font-size: 1.1rem;
}


@media screen and (min-width: 480px) {/*
 --------------------------------------*/
.oneSet1 h1 {
 display: block;

 width: 90%; max-width: 800px;
 height: 50%; max-height: 500px;

 margin: 0 auto;
 padding: 20px 0 0 20px;
}
/**/}/**/