@charset "UTF-8";

html{
    font-size: 16px;
    font-family: sans-serif;
    background-color: rgb(255, 255, 255);
    margin: 0 auto 0 auto;	/* 中央揃え */
    background-position: center; /* 中央に配置 */
}

*{
    box-sizing: border-box;
}

body{
    height: 100%;
    margin: 0 0 0 0;
}

main{
    margin: 0px auto 0px auto;
    max-width: 2000px;
    padding: 0 4% 0 4%;
    min-height: 75vh; 		/*最低表示のサイズ(表示画面75%のサイズでmainを表示)*/
}

img{
    max-width: 100%;
}

.hedder-logo{
  text-align: center;
}

.nav{
  text-align: center;
  border-bottom: 5px solid #ffd501;
  margin:25px;
}

#map { 
  height: 200px;       /* 高さを200ピクセルにする */
  width: 50%;          /* 横幅を画面（親要素）の半分のサイズにする */
  margin-left: auto;   /* 左側の余白を自動調整する */
  margin-right: auto;  /* 右側の余白を自動調整する */
}

/*main内*/
form{
  text-align: center;
}

.box{
  border-radius: 4px;
  border-color: #ffd501;
  background-color: #fffdce;
}

.email{
  position: relative;  /*場所調整*/
  right: 30px;    /* 左に動く */
}

.pass{
  position: relative;
  right: 45px;
}

.prefecture{
  position: relative;
  right: 55px;
}
.prefectureA{
  font-size: 80%;
  position: relative;
  right: 15px;
}

#prefectureBox{
	width:11rem;
}

/* 最初はコンテンツを非表示にしておく */
.content-area {
	display: none;
	border-radius: 4px;
	border-color: #ffd501;
	background-color: #fffdce;
}
/* アクティブなコンテンツだけを表示 */
.content-area.is-active {
	display: block;
	max-width: 50%;
	margin-left:auto;	/*block化したものを中央に*/
	margin-right:auto;
	text-align: left;		/*block内の文字を左寄せ*/
}

.info{
  margin: 10px;
  border-radius: 4px;
  border-color: #ff4f34;
  color: #ff4f34; 
  background-color: #ffc6bd;
}

.reg{
  border-radius: 4px;
  border-color: #ffd501;
  color: #ffd501;  
  background-color: rgb(133, 133, 236);
  
  position: relative;  
  left: 65px;
}

.backLogin{
  position: relative;  /*場所調整*/
  right: 8rem;
}

/*フッター*/
/*ページ上部に飛ぶ*/
.gotop{
    text-align:right;
    position: fixed;    /*右下へ*/
    bottom: 20px; 
    right: 20px;  
    width: 60px;
    cursor: pointer;
    z-index: 999;       /* 他の要素の下に隠れないようにする(Z軸 奥行操作) */
}
.copyright{
    margin-top: 20px;
    margin-bottom: 0;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #ffd501;
    color: rgb(0, 0, 0);
    text-align: center;
    font-size: 14px;
}


/* モバイル対応 */
@media(max-width:767px){

}