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

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


main.error {}

main.error > h1 {
	font-size: 4.5rem;
	margin: 4rem auto;
}
main.error > .errorBody {}
main.error > .errorBody > p {
	margin: 2em auto;
	line-height: 2;
	font-size: 2.3rem;
}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■[[---// MO //---]]*/
@media screen and (max-width: 767px) {
/*============================================================================*/
	main.main {
		width: 90.7767%;
		margin: 5rem auto 14rem;
	}
	main.main > .inner.inner--pc_p {
		padding: 0;
		width: auto;
	}
	main.error > h1 {
		font-size: 3.5rem;
	}
	main.error > .errorBody > p {
		font-size: 1.7rem;
	}
	
/*---2024/05/28 変更---*/
	/*MO時に表示の画像*/	
	.main_img_sp{
		margin-bottom: 20px;
	}

	/* search2検索窓　ヘッダと別*/	
	#search2{
		margin-top: 30px;
		margin-bottom: 30px;
	}	

	#search2 .search_box form {
	/*  font-size: 16px;*/
	  font-size: 100%;
	  width: 100%;
	  margin-top: 0px;
	  margin-right: 0px;
	  margin-bottom: 0px;
	  margin-left: 0px;
	  padding-top: 0px;
	  padding-right: 0px;
	  padding-bottom: 0px;
	  padding-left: 0px;
	  border-radius: 60px;
	  height: 50px;
	  border: 1px solid #F6F7F8;
	  background-color: #F6F7F8;
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	}
	#search2 .search_box form .input {
		width: 88.7701%;
		padding-left: 20px;
	}
	body.black #search .search_box form .input {
		color: var(--black_back);
	}

	/*	
	  #search2 .search_box .search_area {
		display: flex;
		flex-wrap: wrap;
		height: 100%;
	  }
	*/


	#search2 .search_box form .inputBB {
	  width: 11.2299%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	#search2 .search_box form .inputBB input {
	  width: 16px;
	}
	#search2 .search_box a {
	/*  font-size: 20px;*/
	  font-size: 130%;
	  width: 100%;
	  height: 100%;
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  padding-left: 4.8309%;
	  padding-right: 4.8309%;
	}
	#search2 .search_box a .arrow_box {
	  width: 20px;
	}
	#search2 .search_box a .arrow_box:after {
	  width: 50%;
	}

	#search2 .search_box .block1 {
		width: calc(100%);
	}
	
/*============================================================================*/
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■[[---// PC //---]]*/
@media screen and (min-width: 768px) {
/*============================================================================*/
	main.main {
		width: 86.25%;
		margin: 15.3rem auto 19.7rem;
	}
	main.main > .inner.inner--pc_p {
		padding: 0;
		width: auto;
	}
	
/*---2024/05/28 変更---*/
	/*PCの際背景に表示*/
	
	/* search2検索窓　ヘッダと別*/	
	#search2{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	.main_img{
		padding: 50px;
		background-image: url("/-/media/Project/globeride/daiwa_com_jp/error/img/err2.jpg");
		background-size: 100%;
		aspect-ratio: 24 / 13;
		/*display: flex;*/
		/*flex-direction: column;*/
		/*justify-content: center;*/
		color: white;
	}
	
	.main_img_sp{
		display: none;
	}
	
	.pc_txt{
	    font-size: 2.3rem;	
	}
	
	/* search2検索窓　ヘッダと別*/	
	#search2 .search_box form {
	/*  font-size: 16px;*/
	  font-size: 160%;
	  width: 100%;
	  margin-top: 0px;
	  margin-right: 0px;
	  margin-bottom: 0px;
	  margin-left: 0px;
	  padding-top: 0px;
	  padding-right: 0px;
	  padding-bottom: 0px;
	  padding-left: 0px;
	  border-radius: 60px;
	  height: 50px;
	  border: 1px solid #F6F7F8;
	  background-color: #F6F7F8;
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	}
	#search2 .search_box form .input {
		width: 88.7701%;
		padding-left: 20px;
	}
	body.black #search .search_box form .input {
		color: var(--black_back);
	}

	  #search2 .search_box .search_area {
		display: flex;
		flex-wrap: wrap;
		height: 100%;
	  }

	#search2 .search_box form .inputBB {
	  width: 11.2299%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	#search2 .search_box form .inputBB input {
	  width: 16px;
	}
	#search2 .search_box a {
	/*  font-size: 20px;*/
	  font-size: 200%;
	  width: 100%;
	  height: 100%;
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  padding-left: 4.8309%;
	  padding-right: 4.8309%;
	}
	#search2 .search_box a .arrow_box {
	  width: 20px;
	}
	#search2 .search_box a .arrow_box:after {
	  width: 50%;
	}
	
	#search2 .search_box .input{
		color: #000000;
	}

	#search2 .search_box .block1 {
		width: calc(100%);
	}
	
/*============================================================================*/
}


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