@charset "utf-8";

/*==============================


==============================*/
html {
    width: 100%;
    height: 100%;
    font-size: 62.5%;
}
body {
    color: #000000;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    font-family: 'Noto Sans JP', sヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif;
    font-size: 1.5rem;
    line-height: 1.8;
    /*  viewport
    ------------------------------*/
    -webkit-text-size-adjust: 100%;
}
a {
    color: #000;
    text-decoration: none;
}
img {
    vertical-align: top;
    display: block;
    width: 100%;
}
*{ 
    box-sizing: border-box;
    word-wrap:break-word;
}


/*==============================
        flex
==============================*/

.fbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
	width:100%;
}
.fbox.nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.fbox.bxstart {
  -webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
}
.fbox.bxend {
  -webkit-box-pack: end;
     -ms-flex-pack: end;
   justify-content: flex-end;
}
.fbox.bxcenter {
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}
.fbox.alstart {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    align-content: flex-start;
}
.fbox.alend {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    align-content: flex-end;
}
.fbox.alcenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-content: center;
}
.fbox.albt {
  -ms-flex-line-pack: justify;
       align-content: space-between;
}
.fbox.linedist {
  -ms-flex-line-pack: distribute;
       align-content: space-around;
}
.pos0 {
  -webkit-box-ordinal-group: 1;
             -ms-flex-order: -1;
                      order: -1;
}


body {
    padding:30px 15px;
    height:100vh;
    text-align:center;
}
body > div {
    width:100%;
    max-width:500px;
}
h1 {
  width:100%;
  font-size:3.0rem;
  line-height:1.5;
  margin:0 0 .5em;
  color:#7fb63f;
  font-weight:600;
}
h1 span {
  font-size:.5em;
  display:block;
  
}
body > div img {
    display:block;
    width:100px;
    margin:0 auto;
}
body > div p {
  font-size:1.8rem;
  width:100%;
  padding:2em 0;
}
body > div a {
  font-size:1.8rem;
  line-height:1;
}

@media screen and (min-width: 641px){
    .spOnly {
        display: none !important
    }
}
@media screen and (max-width: 640px){
    .pcOnly {
        display: none !important
    }
}
/*==============================
        content
==============================*/

}
@media screen and (max-width: 640px){

}