@charset "UTF-8";
/* CSS Document */


/*infoエリアをはじめは非表示*/
#info{
	display: none;
}

/*モーダルの横幅を変更したい場合*/
.modaal-container{
    max-width: 600px;
}

/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

.modaal-container{
	color:#545454;
  }
  
  .modaal-container h1{
		  padding-bottom: 20px;
	  font-weight: normal;
	  font-size: 17px;
	  text-align: center;
	  padding-top:30px ;
  
  }
  
	  .modaal-container h2{
		  border-bottom:#d7d7d7 solid 1px;
		  padding-bottom: 20px;
		  margin-bottom: 2rem;
	  font-weight: normal;
	  font-size: 14px;
	  }
	  .modaal-container p{
	  font-size:12px;
	  line-height:1.8;
	  margin-bottom: 1.7rem;
	}

	.modaal-container {
		max-width: 640px !important;
	}

	.modaal-close:after, .modaal-close:before{
		width: 2px !important;
		height: 42px !important;
	}

	.modaal-close:focus, .modaal-close:hover{
		background: none !important;
	}

	.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before{
		color: #fff !important;
	}

	.modalBtn {
		margin-bottom: 2rem;
		border-top: solid 1px #ebebeb;
		padding: 17px 0 15px 0;
		border-bottom: solid 1px #ebebeb;
	}

	.modalBtn a::before{
		background: url(https://eldchic.itembox.design/item/assets/img/eld2023/question.svg) no-repeat center center;
		background-size: contain;
		content: "";
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: -2px 12px 0 0;
		vertical-align: middle;
	
	}



@media only screen and (max-width: 600px) {

	.modaal-container h1{
		line-height: 1.7;
	}

	.modaal-close:after, .modaal-close:before{
		height: 26px !important;
	}
	.modaal-close{
		right: 10px !important;
		top: 10px !important;
		color: #545454 !important;
	}
	.modalBtn{
		margin-bottom:2rem;
	}
	.modaal-close:after, .modaal-close:before{
		color: #545454 !important;
	}
	.modaal-inner-wrapper{
		padding: 10px !important;
	}
	.modaal-content-container{
		padding: 24px !important;
	}
}