@charset "utf-8";

@media print, screen and (min-width: 768px) {
	.inBlock {
		width: 800px;
	}
}
/* ------------------------------
 メインイメージ
------------------------------ */
.heading{
	background: url(../img/akiya/akiya_main.jpg) no-repeat center center / cover;
}
.heading h1{
	width: 100%;
	padding:  45px 0 95px;
	background: url(../img/akiya/deco_txt_akiya.svg) no-repeat center center  / 415px auto;
}
@media screen and (max-width: 767px) {
	.heading{
		background: url(../img/akiya/akiya_main_sp.jpg) no-repeat center center / cover;
	}
	.heading h1{
		padding: 30px 0 40px;
		background: url(../img/akiya/deco_txt_akiya_sp.svg) no-repeat center center / 244px auto;
	}
}
/* ------------------------------
 コンテンツ
------------------------------ */
/* チェックブロック */
.check-block li{
	padding-left: 20px;
	background: url(../img/icon_check.svg) no-repeat 0 2px / 15px auto;
}

/* フレームボックス */
.frame-box h3{
	font-size: 2.2rem;
	color: #fff;
	background: #595858;
	line-height: 60px;
	padding-left: 20px;
	border-bottom: solid 1px #251e1c;
}
.frame-box h3 .option{
	width: 72px;
	line-height: 22px;
	font-size: 1.3rem;
	border: solid 1px #fff;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -5px;
}
.frame-box{
	border: solid 1px #251e1c;
}
.frame-box-in{
	padding: 20px;
}
.photo-block {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 30px 25px;
}
.photo-block img{
	margin-bottom: 5px;
}
.photo-block .f14{
	line-height: 1.42;
}
@media screen and (max-width: 767px) {
	.frame-box h3{
		font-size: 1.8rem;
		line-height: 50px;
		padding-left: 10px;
	}
	.frame-box h3 .option{
		width: 70px;
		font-size: 1.2rem;
		margin-right: 5px;
	}
	.frame-box-in{
		padding: 10px 20px;
	}
	.photo-block {
		grid-template-columns: 1fr 1fr ;
		grid-gap: 30px 13px;
	}
	.f20.sp_f18 { font-size: 1.8rem; }
}
@media screen and (max-width: 320px) {
	.frame-box h3{
		font-size: 1.7rem;
	}
	.f20.sp_f18 { font-size: 1.6rem; }
}