@charset "utf-8";
.section_achielist{
	background-color:#F1F2ED;
}
.section_achielist .inner {
    max-width: 1200px;
    margin: 0 auto;
    width: 90%;
}

.section_achielist .bukken{
	display: block;
	display: flex;
	/* position: absolute; */
	padding-bottom: 3em;
	/* left: 200%; */
	width: 100%;
	justify-content: space-between;
	margin-top: 2vw;
	flex-wrap: wrap;
}
.section_achielist .bukken:after{
	
	display:block;
	clear:both;
}
.section_achielist .bukken .one{
	backdrop-filter: blur(12px);
	background-color: #FFF;
	margin-right: 60px;
	padding: 0 0%;
	width: 300px;
	width: calc(30% - 1em);
	margin: 1em 20px;
	font-size: 1.45vw;
	/* max-width: 300px; */
}

.section_achielist .bukken .one:first-child{
	/* margin-left: 0%; */
	clear: both;
}
.section_achielist .bukken .one figure{
  }
.section_achielist .bukken .one figure img{
  width: 100%;
  }
.section_achielist .bukken .one .b_title{
  text-align: center;
  margin: 1em 0;
  font-size: 1.5em;
  font-weight: bold;
  letter-spacing: 0.05em;
  font-size: 1em;
  text-align: left;
  padding: 0 25px;
}
.section_achielist .bukken .one .b_about{
  text-align: center;
  font-size: 1.1em;
  font-size: 0.62em;
  padding: 0 25px;
  text-align: left;
}
.section_achielist .bukken .one .b_viewmore{
	text-decoration: none;
	color: #000;
	background-color: #ffffff;
	padding: 0.4em 0;
	display: block;
	text-align: center;
	margin: 2em 2em 1em 2em;
	border-radius: 3em;
	letter-spacing: 0.1em;
	position: relative;
	border: 1px solid #CCC;
	transition-duration:0.3s;
	font-size: 0.65em;
}
.section_achielist .bukken .one .b_viewmore:hover{
	text-decoration: none;
	color: #FFF;
	background-color: #CCAE62;
	display: block;
	text-align: center;
	border-radius: 3em;
	letter-spacing: 0.1em;
	position: relative;
}
.section_achielist .bukken .one .b_annai{
	padding: 0.4em 0;
	margin: 0em 2em 2em 2em;
	border: 1px solid #CCC;
	transition-duration:0.3s;
	font-size: 0.6em;
	text-decoration: none;
	color: #FFF;
	background-color: #CCAE62;
	display: block;
	text-align: center;
	border-radius: 3em;
	letter-spacing: 0.1em;
	position: relative;
	background-image: url(../img/svg/room.svg);
	background-position-x: 1em;
	background-repeat: no-repeat;
	background-position-y: center;
}
.bukkendiv{
	aspect-ratio: 1 / 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 99;
	background-color: #d04f6e;
	color: #FFF;
	width: 200px;
	height: 200px;
	height: auto;
	font-size: 2.1em;
	letter-spacing: 0.2em;
	vertical-align: middle;
}

.bukkendiv p{
	margin: auto auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

@media (max-width: 1400px){
		.bukkendiv{
		max-width: 150px;
		font-size: 1.6em;
	}
}
@media (max-width: 1100px){
	.section_achielist .bukken .one{
	font-size: 2.3vw;
	width: calc(30%);
	margin: 0.5em 0px;
	}
		.bukkendiv{
		max-width: 13vw;
		font-size: 2.2vw;
	}
}

@media (max-width: 768px){
	.section_achielist .bukken .one{
	font-size: 6.8vw;
	width: 100%;
	margin: 0.5em auto;
	}
}


@media (max-width: 600px){
		.bukkendiv{
		max-width: 40vw;
		font-size: 6.2vw;
	}
}