@charset "UTF-8";
main{
	background: linear-gradient(to right, #ededed 0%,#ffffff 10%,#ffffff 90%,#ededed 100%);
	}
main i{
	margin-right:5px;
	}

.mb10{margin-bottom:10px;}
.mR10{margin-right:10px;}
.lh1_5{line-height:1.5;}

.img-wrap {
  animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1);
}
.list figure{
	overflow: hidden;
	}

.list img:hover{
  transform:scale(1.2,1.2);
}

.list22_c{width:22%;}
.list24_c{width:24%;}
.list27_c{width:27%;}
.list32_c{width:32%;}
.list32_k{width:32%;}
.list48_g{width:48%;}
.list48_c{width:48%;}
.list48_h{width:49%;}
.list48_h2{width:49%;}
#cost {
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
	padding: 0 5px;		/*上下、左右へのボックス内の余白*/
}



.gray1{color:#999;}

h4{
	color:#171C61;
	border-bottom:solid 2px #171C61;
	position:relative;padding: 0.2em 0.5em 0.2em 0.5em;/*[上][右][下][左]*/
	font-size:17px;	
	margin-bottom:5px;background: linear-gradient(0deg, #ededed 0%, #fff 100%);
	text-align:left;
	}

@keyframes img-wrap {
  0% {
    clip-path: circle(0 at 50% 50%);
    -webkit-clip-path: circle(0 at 50% 50%);
  }

  100% {
    clip-path: circle(100% at 50% 50%);
    -webkit-clip-path: circle(100% at 50% 50%);
  }
}

@media screen and (max-width:1300px) {
.list22_c{width:48%;}
.list24_c{width:48%;}
.list27_c{width:48%;}

}

@media screen and (max-width:1100px) {
.list48_h{width:100%;}

}

@media screen and (max-width:1000px) {
.list32_k{width:48%;}
.list48_h2{width:100%;text-align:center;}
.br-pc2{display:none;}
}

@media screen and (max-width:800px) {
.pc-only{display:none;}
.sp-only{display:none;}
}

@media screen and (max-width:625px) {
.list32_c{width:48%;}
.list48_c{width:100%;}
.mt20_s{margin-top:20px;}
}

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

.list48_g{width:100%;}

}

@media screen and (max-width:600px) {
.tab-only{display:none;}
.sp-only{display:block;}
}

@media screen and (max-width:550px) {
.list32_k{width:100%;}
}

@media screen and (max-width:500px) {
.mb10_m{margin-bottom:10px;}

.list22_c{width:100%;}
.list24_c{width:100%;}
.list27_c{width:100%;}

}
@media screen and (max-width:400px) {
.list32_c{width:100%;}
.br-pc3{display:none;}
}

@media screen and (min-width:801px) {
.tab-only{display:none;}
.sp-only{display:none;}
}

@media screen and (max-width:320px) {
.wrap div{width:100%;}

}