@charset "utf-8";

/* メインエリア
------------------------------------------------------------*/
#main_area{
	width: 98%;
	height: calc(100vh - 130px);
	background: url("../images/main.webp") 68% / cover no-repeat;
	margin: 30px auto 0;
	border-radius: 10px;
	position: relative;
}
#main_area > p{
	position: absolute;
	top: 50%;
	left: 25%;
	transform: translate(-50%,-50%);
}

/* トップページコンテンツ
------------------------------------------------------------*/
/* 導入 */
.intro .btn{background-image: url("../images/icon_form2.webp");}

/* 業務内容 */
.service_li img{
	width: 100%;
	margin-bottom: 30px;
}
.service_li .num{margin-bottom: 20px;}
.service_li > li > div > p{
	font-size: 18px;
	line-height: 1.6;
}

/* こんなお悩みございませんか？ */
.worries .imgL_box > div{padding: 70px 0;}

/* 見本税理士事務所の強み */
.point_li li img{margin-bottom: 35px;}
.point_li li > div > div{margin-bottom: 25px;}
.point_li li h3{font-size: clamp(20px,1.6vw,22px);}
.point_li li > div > p{line-height: 1.8;}

/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){

	/* メインエリア
	------------------------------------------------------------*/
	#main_area{
		height: calc(100vh - 115px);
		margin-top: 15px;
	}
	#main_area > p{width: 200px;}
	
	/* トップページコンテンツ
	------------------------------------------------------------*/
	/* 業務内容 */
	.service_li img{margin-bottom: 20px;}
	.service_li .num{margin-bottom: 15px;}
	.service_li > li > div > p{font-size: 14px;}
	
	/* こんなお悩みございませんか？ */
	.worries .imgL_box > div{padding: 45px 0;}
	
	/* 見本税理士事務所の強み */
	.point_li li img{margin-bottom: 25px;}
	.point_li li > div > div{margin-bottom: 15px;}
	.point_li li h3{font-size: 16px;}
}

/* 750px以下から
------------------------------------------------------------*/
@media only screen and (max-width:750px){
	
	/* 見本税理士事務所の強み */
	.point_li{justify-content: center;}
	.point_li > li{
		width: 100%!important;
		max-width: 450px;
		margin: 0!important;
	}
	.point_li > li:not(:last-child){margin-bottom: 20px!important;}
}

/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){

	/* メインエリア
	------------------------------------------------------------*/
	#main_area > p{
		width: 160px;
		transform: translateX(-50%);
		bottom: 20px;
		top: auto;
	}
	
	/* トップページコンテンツ
	------------------------------------------------------------*/
	/* 業務内容 */
	.service_li > li{width: 100%!important;}
	.service_li > li:last-child{margin: 0!important;}
	.service_li > li:not(:last-child){margin: 0 0 15px!important;}
	
	/* こんなお悩みございませんか？ */
	.worries .title > p{font-size: 60px;}
}