@charset "utf-8";
.contents.kuchikomi-area .over_box h3,
.contents.kuchikomi-area h3.small{
	border: none;
}
@media screen and (min-width: 1025px) {
	form input[type="text"].short.pc_shorter,
	form input[type="text"].error.pc_shorter{
		width: 18vw;
		min-width: 270px;
	}
	form input[type="text"].short.pc_shortest{
		width: 12vw;
		min-width: 180px;
	}
	form select.pc_select_short{
		width: 16vw;
		min-width: 270px;
	}
	form .select_wrapper.pc_select_short_wrapper{
		width: 16vw;
		min-width: 270px;
	}
	#drag-and-drop-area,.drop_area {
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px dotted #A6A6A6;
		width: 100%;
		height: 120px;
		cursor: pointer;
		background: #fff;
		text-align: center;
		color: #A6A6A6;
		font-weight: bold;
	}
	#drag-and-drop-area p,.drop_area p{
		padding-bottom: 0;
	}
	.pc_ml0 {margin-left: 0 !important;}
	.pc_mr0 {margin-right: 0 !important;}

	.border_box.inner_padding2.kuchikomi .grid_box.fit_colum2.kuchikomi_twocols {
		display: grid;
		grid-template-columns: 1fr;
		gap: 22px 15px;
		grid-template-columns: 3fr 7fr;
		min-height: 120px;
	}
	.border_box.inner_padding2.kuchikomi .grid_box.fit_colum2.kuchikomi_twocols .kuchikomi_twocols_button_area {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
	#drag-and-drop-area,.drop_area {
		display: flex;
	}
	#drag-and-drop-area.active,.drop_area.active {
		background-color: lightyellow;
	}
	.regist_heading .regist_heading_column2 {
		display: grid;
		grid-template-columns: 5fr 2fr;
	}
	.regist_heading .regist_heading_box {
		background: #FADAD0;
		border: 1px solid #EA8768;
		margin-top: 2em;
		padding: 0 8%;
		max-height: 90px;
	}
	.regist_heading .regist_heading_box .regist_heading_item-l {
		position: relative;
	}
	.regist_heading .regist_heading_box .regist_heading_item-l p {
		font-size: 24px;
		font-weight: bold;
		color: #E54816;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		display: table;
	}
	.regist_heading .regist_heading_box .regist_heading_item-l p span {
		font-size: 18px;
	}
	.regist_heading .regist_heading_box .regist_heading_item-r img {
		max-height: 80px;
		margin-top: 5px;
	}
}
@media not screen and (min-width: 1024px) {
	form input[type="text"].short.pc_shorter,
	form input[type="text"].error.pc_shorter{
		width: 100%;
		min-width: auto;
	}
	form input[type="text"].short.pc_shortest{
		width: 100%;
		min-width: auto;
	}
	form select.pc_select_short{
		width: 100%;
		min-width: auto;
	}
	form .select_wrapper.pc_select_short_wrapper{
		width: 100%;
		min-width: auto;
	}
	.border_box.inner_padding2.kuchikomi .grid_box.fit_colum2.kuchikomi_twocols{
		display: block;
	}
	.border_box.inner_padding2.kuchikomi .grid_box.fit_colum2.kuchikomi_twocols .kuchikomi_twocols_button_area {
		position: unset;
	}
	#drag-and-drop-area ,.drop_area{
		display: none;
	}
		.regist_heading .regist_heading_column2 {
		display: block;
	}
	.regist_heading .regist_heading_box {
		background: #FADAD0;
		border: 1px solid #EA8768;
		margin-top: 2em;
		padding: 0 8%;
	}
	.regist_heading .regist_heading_box .regist_heading_item-l {
		position: relative;
	}
	.regist_heading .regist_heading_box .regist_heading_item-l p {
		font-size: 24px;
		font-weight: bold;
		color: #E54816;
		margin: 0 auto;
		text-align: center;
		padding: 1em 0;
	}
	.regist_heading .regist_heading_box .regist_heading_item-l p span {
		font-size: 18px;
	}
	.regist_heading .regist_heading_box .regist_heading_item-r {
		display: none;
	}
}
.grid_box.pc_star_box{
	display: grid;
	grid-template-columns: repeat(auto-fit, 175px);
	grid-row-gap: 20px;
	justify-content: left;
	width: 100%;
}
.grid_box.pc_star_box .check_star.result{
	max-width: 100%;
}
p.zero.pc_star_text{
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.border_box.inner_padding2.kuchikomi .grid_box.fit_colum2.kuchikomi_twocols .kuchikomi_twocols_l img,
.border_box.inner_padding2.kuchikomi .grid_box.fit_colum2.kuchikomi_twocols .kuchikomi_twocols_l picture source {
	border-radius: 4px;
}
.border_box.inner_padding2.kuchikomi .grid_box.fit_colum2.kuchikomi_twocols .kuchikomi_twocols_r {
	position: relative;
}
#drag-and-drop-area,.drop_area {
	justify-content: center;
	align-items: center;
	border: 1px dotted #A6A6A6;
	width: 100%;
	height: 120px;
	cursor: pointer;
	background: #fff;
	text-align: center;
	color: #A6A6A6;
	font-weight: bold;
}
  .hidden {
	display: none;
  }
  
  #previews {
	min-height: 10px;
	margin-top: 1em;
	margin-bottom: 1em;
  }
  #previews img {
	max-width: 300px;
  }
  .consent_area {
	width: 300px;
	text-align: center;
	margin: 0 auto;
  }