body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}
html{
  height:100%;
  padding:0; /*　追加*/
   margin:0; /*　追加*/
}
body{
  height:100%;
  padding:0; /*　追加*/
   margin:0; /*　追加*/
 }


body{font: 25px/10 'Noto Sans JP', Arial, Arial Black, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	   font-weight: 300;
	   -webkit-text-size-adjust:100%;
     overflow-x: hidden;
		}
.name{
      color:#666;
	    display: block;
			position: relative;
      height: 100%;
      min-height: 100%;
	   	width:100%;
      margin-top: 10%;
      }
.suga p{
       display:block;
       width: 100%;
       height: auto;
       padding-top:20%;
       font-size:3vw;
  font-family: sans-serif;
  font-weight: lighter;
  line-height: 2em;
  text-align: center;}

.suga h1{
	      display:block;
        width: 100%;
	      height: auto;
        font-size:5vw;
	      font-family: serif;
      	font-weight: lighter;
        line-height: 2.5em;
        text-align: center;
        }

.pr p{
       display:block;
       width: 50%;
       height: auto;
       padding-left: 30%;
       white-space: nowrap;
	      font-size:2vw;
			  line-height: 2.5em;
			  letter-spacing: 0.5em;
        text-indent: 0.5em;
			  text-align:left;}
.pr span{letter-spacing: 0.2em;}

.ad{
     display:block;
     width: 100%;
     height: auto;
     padding-top: 3%;
     white-space: nowrap;
     font-size:2.5vw;
     line-height: 5em;
     letter-spacing: 0.5em;
     text-indent: 0.5em;
     text-align: center;
		 }
     .ad1{
          display:block;
          width: 100%;
          height: auto;
          padding-top: 15%;
          white-space: nowrap;
          font-size:2vw;
          line-height: 2em;
          letter-spacing: 0.5em;
          text-indent: 0.5em;
          text-align: center;
     		 }

.contact span{
	           white-space: nowrap;
             font-size:1.5vw;
             line-height: 3em;
             color:#666}

a{text-decoration: none;}

a :hover{
          opacity: 0.5;
          }
.home{
      display:block;
      width: 100%;
      height: auto;
      padding-top: 10%;
      white-space: nowrap;
      font-size:1.5vw;
      line-height: 3em;
      letter-spacing: 0.5em;
      text-indent: 0.5em;
      text-align:center;
      }

  .home p{ color:#666;}



.footer{position:flex;
        bottom: 0;
        background:overlay;
        display: block;
        width: 40%;
        height:3%;
        padding-left: 2%;
        margin-top: 90%;
				text-decoration:none;
				font-family: sans-serif ;
				font-size:1.5vw;
				line-height:2em;
				text-align: left;
        letter-spacing: 0em;
        color:#666;}


@media screen and (max-width: 1280px) {
  .name{margin-top: 0%;}
}
@media screen and (max-width: 768px) {
  .name{margin-top: 0%;}
}
@media screen and (max-width: 480px) {
.name{margin-top: 5%;}

}
@media screen and (orientation: landscape) and (max-width: 812px){