@charset "utf-8";

body{
	background-color:#fff;
}

h4.title{
	margin-top:50rem;
}

/*--------------------------------------
select_area
----------------------------------------*/
#select_block{
	padding-bottom:60rem;
}

#select_area{
	display:flex;
	justify-content:flex-end;
	align-items:center;
	gap:50rem;
	padding-bottom:0rem;
}

#year_select,
#month_select{
	display:table;
	position:relative;
	font-size:var(--fs-15);
	color:var(--color-gray);
}

#year_select::after,
#month_select::after{
	content:"";
	position:absolute;
	right:0;
	top:15rem;
	width:17rem;
	height:17rem;
	background:url(../img/common/arrow_bottom.svg) no-repeat center center;
	background-size:cover;
	pointer-events:none;
}

#year_select select,
#month_select select{
	appearance:none;
	-webkit-appearance:none;
	width:fit-content;
	min-width:9em;
	padding:0 80rem 0 0;
	height:3em;
	border:none;
	border-bottom:2px solid var(--color-light_gray);
	background-color:#fff;
	font-size:1em;
	cursor:pointer;
}

#year_select select:focus,
#month_select select:focus{
	outline:none;
}

#year_select select,
#year_select select option,
#month_select select,
#month_select select option{
	color:var(--color-gray);
}

#month_select select option:disabled {
	color:var(--color-light_gray);
}

.btn_submit{
  display:flex;
  align-items:center;
  justify-content:center;
  width:140rem;
  height:40rem;
  border:none;
  background:var(--color-orange);
  color:#fff;
  cursor:pointer;
  font-size:15rem;
	line-height:1.0;
  transition:.3s;
	border-radius:5rem;
	position:absolute;
	right:0;
	bottom:0;
}

.btn_submit:hover{
	opacity:0.6;
}

/*--------------------------------------
review_block
----------------------------------------*/
#review_block{
	width:100%;
	background-color:var(--color-bg);
	position:relative;
	padding:20rem 0 100rem;
}

#review_block h5{
	font-size:var(--fs-22);
	color:var(--color-base);
	font-weight:500;
	padding-bottom:20rem;
}

ul.review{
	display:block;
	margin-top:50rem;
}

ul.review li{
	font-size:var(--fs-16);
	color:var(--color-gray);
	background-color:#fff;
	display:flex;
	flex-direction:column;;
	padding:25rem;
	box-sizing:border-box;
	border: 1px solid var(--color-orange);
	box-shadow: 0 2rem 8rem 0 rgba(28, 20, 16, 0.1);
	text-align:left;
	line-height:1.6;
	margin-bottom:30rem;
}

ul.review li:last-child{
	margin-bottom:0;
}

ul.review li span{
	font-size:var(--fs-13);
	display:block;
	padding-bottom:20rem;
}

@media screen and (max-width:1200px){
	.container{
		padding:0 0.5vw 0 0.5vw;
	}

	.btn_submit{
		right:0.5vw;
	}
}


@media screen and (max-width: 767px) {
 #page_title {
    width: 100%;
    position: relative;
    padding: 50rem 0 20rem;
  }

	.container{
		padding:0;
	}

	#select_block{
		padding-bottom:60rem;
	}

	#select_area{
		display:flex;
		justify-content:flex-end;
		align-items:center;
		gap:30rem;
		padding-bottom:0rem;
	}

	#year_select select,
	#month_select select{
		appearance:none;
		-webkit-appearance:none;
		width:fit-content;
		min-width:10em;
		padding:0 80rem 0 0;
		height:3em;
		border:none;
		border-bottom:2px solid var(--color-light_gray);
		background-color:#fff;
		font-size:1em;
		cursor:pointer;
	}

	#review_block{
		width:100%;
		background-color:var(--color-bg);
		position:relative;
		padding:10rem 0 120rem;
	}

	#review_block h5{
		font-size:var(--fs-20);
		color:var(--color-base);
		font-weight:500;
		padding-bottom:20rem;
	}
}