@charset "UTF-8";


/* ヘッダー ---------------------------------- */
.navbar{
	width: 100vw;
	margin-bottom: 0px;
}

/* コンテンツ（Greeting）---------------------------------- */
		
	.greeting
    .resizeimage{ 
	position: relative;/* 画像を背面に置く */
	width: 100%;/* 画像をフルスクリーン */ 
	}
	.resizeimage img{
    width: 100vw;/* 画像をフルスクリーン */
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}


    .pcenter  {text-align:center;}



	/* guide-textのフォントサイズ 
	スマートフォン:横幅480px以下 PC:横幅1024px以上*/

	/*480px以下の場合*/
	@media screen and (max-width: 480px) {
	.guidetext{
    font-size: 10px;
    top: 86vw;
    left: 6vw;
	display: inline;}
	.guidetext2{
	font-size: 10px;
    top: 107vw;
    left: 6vw;
	display: inline;}
	.guidetext7{
    font-size: 9px;
    top: 55vw;
    left: 6vw;
	display: inline;}
	.guidetext3{
    font-size: 10px;
    top: 60vw;
    left: 6vw;
	display: inline;}
	.guidetext4{
	font-size: 10px;
    top: 120vw;
    left: 6vw;}
	.guidetext5{
    font-size: 10px;
    top: 55vw;
    left: 6vw;
	display: inline;}
	.guidetext6{
    font-size: 14px;
    top: 55vw;
    left: 6vw;
	display: inline;}
		
	.resizetext img{
    position: absolute;
    width: 70%;
    top: 15vw;
    left: 5vw;
}
		
	.resizetextabout img{
    position: absolute;
    width: 70%;
    top: 15vw;
}
		
	.resizetextcontact img{
      position: absolute;
	  width: 70%;
	  top: 40vw;
	  left: 15vw;}
		
    .footer{
    width: 100vw;
	font-size: 8px;
    display: inline-block;
	bottom: 0;}}


	/*481~800pxの場合*/
	@media screen and (min-width:481px) and (max-width:800px) {
	.guidetext{
		position: absolute;/* 文字を前面に置く */
        color: #000000;/* 文字の色 */
		font-size: 10px;
		top: 20vw;
		left: 10vw;}
	.guidetext2{
		position: absolute;/* 文字を前面に置く */
	    color: #000000;/* 文字の色 */
		font-size: 10px;
        top: 20vw;
	    left: 45vw;}
	.guidetext7{
		position: absolute;/* 文字を前面に置く */
        color: #000000;/* 文字の色 */
		font-size: 14px;
		top: 16vw;
		left: 10vw;}
	.guidetext3{
		position: absolute;/* 文字を前面に置く */
        color: #000000;/* 文字の色 */
		font-size: 10px;
		top: 18vw;
		left: 10vw;}
	.guidetext4{
		position: absolute;/* 文字を前面に置く */
	    color: #000000;/* 文字の色 */
		font-size: 10px;
        top: 18vw;
	    left: 10vw;}
	.guidetext5{
		position: absolute;/* 文字を前面に置く */
        color: #000000;/* 文字の色 */
		font-size: 10px;
		top: 21vw;
		left: 10vw;}
	.guidetext6{
		position: absolute;/* 文字を前面に置く */
        color: #000000;/* 文字の色 */
		font-size: 10px;
		top: 27vw;
		left: 11vw;}
		
	.resizetext img{
      position: absolute;
	  width: 25%;
	  top: 2vw;
	  left: 9vw;}
		
	.resizetextabout img{
      position: absolute;
	  width: 25%;
	  top: 2vw;
	  left: 9vw;}
	.resizetextcontact img{
      position: absolute;
	  width: 25%;
	  top: 2vw;
	  left: 9vw;}}

	/*801~1030pxの場合*/
	@media screen and (min-width:801px) and (max-width:1030px) {
	.guidetext{
		position: absolute;/* 文字を前面に置く */
        color: #000000;/* 文字の色 */
		font-size: 12px;
		top: 21vw;
		left: 10vw;}
	.guidetext2{
		position: absolute;/* 文字を前面に置く */
		color: #000000;/* 文字の色 */
	    font-size: 12px;
        top: 21vw;
	    left: 45vw;}
	.guidetext7{
		position: absolute;/* 文字を前面に置く */
        color: #000000;/* 文字の色 */
		font-size: 12px;
		top: 16vw;
		left: 10vw;}
	.guidetext3{
		position: absolute;/* 文字を前面に置く */
        color: #000000;/* 文字の色 */
		font-size: 12px;
		top: 25vw;
		left: 10vw;}
	.guidetext4{
		position: absolute;/* 文字を前面に置く */
		color: #000000;/* 文字の色 */
	    font-size: 12px;
        top: 25vw;
	    left: 45vw;}
	.guidetext5{
		position: absolute;/* 文字を前面に置く */
        color: #000000;/* 文字の色 */
		font-size: 12px;
		top: 20vw;
		left: 10vw;}
	.guidetext6{
		position: absolute;/* 文字を前面に置く */
        color: #000000;/* 文字の色 */
		font-size: 12px;
		top: 26vw;
		left: 11vw;}
		
	 .resizetext img{
      position: absolute;
	  width: 25%;
	  top: 2vw;
	  left: 9vw;}
		
	.resizetextabout img{
      position: absolute;
	  width: 25%;
	  top: 2vw;
	  left: 9vw;}
	.resizetextcontact img{
      position: absolute;
	  width: 25%;
	  top: 2vw;
	  left: 9vw;}}


	/*1031以上の場合：18px*/
	@media screen and (min-width: 1031px){
	.guidetext{
		position: absolute;/* 文字を前面に置く */
        color: #000000;/* 文字の色 */
		font-size: 16px;
		top: 18vw;
		left: 10vw;}
    .guidetext2{
		position: absolute;/* 文字を前面に置く */
		color: #000000;/* 文字の色 */
	    font-size: 16px;
        top: 18vw;
	    left: 40vw;}
	.guidetext7{
		position: absolute;/* 文字を前面に置く */
        color: #000000;/* 文字の色 */
		font-size: 21px;
		top: 18vw;
		left: 10vw;}
	.guidetext3{
		position: absolute;/* 文字を前面に置く */
        color: #000000;/* 文字の色 */
		font-size: 16px;
		top: 24vw;
		left: 10vw;}
    .guidetext4{
		position: absolute;/* 文字を前面に置く */
		color: #000000;/* 文字の色 */
	    font-size: 15px;
        top: 24vw;
	    left: 40vw;}
	.guidetext5{
		position: absolute;/* 文字を前面に置く */
        color: #000000;/* 文字の色 */
		font-size: 16px;
		top: 17vw;
		left: 10vw;}
	.guidetext6{
		position: absolute;/* 文字を前面に置く */
        color: #000000;/* 文字の色 */
		font-size: 16px;
		top: 25vw;
		left: 11vw;}
		
	.resizetext img{
      position: absolute;
	  width: 25%;
	  top: 2vw;
	  left: 9vw;}

	.resizetextabout img{
      position: absolute;
	  width: 25%;
	  top: 2vw;
	  left: 9vw;}
	.resizetextcontact img{
      position: absolute;
	  width: 25%;
	  top: 2vw;
	  left: 9vw;}}
		
/* フッター ----------------------------------  */
		.footer{
    width: 100vw;
    display: inline-block;
    bottom: 0;
}
        .footerlogo{
	color: #000000;
}