.sectiontit{
	color:#82d3f0;
	text-align: center;
	font-size:30px;
	margin-bottom:30px;
	line-height:35px;
	font-weight:700;
}
.subtit{
	color:white;
	text-align:center;
	font-size:20px;
	line-height:25px;
	font-weight:bold;
}
.txt{
	color:white;
	text-align:center;
	font-size:15px;
	font-weight:normal;
	line-height:20px;
}
.itmcontainer{
	padding:120px 0;
}
.itmwrap{
	max-width: 95vw;
	width: 1200px;	
}
.sayu{
	display:flex;
	justify-content: center;
	align-items: center;
}
.sadiv{
	width:48%;
	margin:0 1%;
}
@media screen and (max-width: 767px) {
	.sectiontit{
		font-size:20px;
		line-height:25px;
	}
	.subtit{
		font-size:15px;
		line-height:18px;
	}
	.txt{
		font-size:13px;
		line-height:18px;
	}
	.itmcontainer{
		padding:50px 0;
	}
	
	.txtwrap{
		width:95vw;
	}
	.sayu{
		flex-wrap:wrap;
	}
	.sadiv{
		width:95%;
		margin:30px auto;
	}
}
#main-container {
	padding:150px 0;
	margin-bottom: 120px;
background:url(/wp/wp-content/themes/appletree/images/page/mscan-l15/main_bg.jpg) no-repeat center;
	background-size:cover;
}
.main-wrap {
	max-width: 90vw;
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.main-logo-img {
	width: 30vw;
	float:left;
	margin-bottom:30px;
}
.maintxtwrap {
	width:48%;
	margin:0 1%;
}
.maintxtwrap .ttl {
	margin: 20px 0 10px;
	font-size: 25px;
	font-weight: normal;
	line-height:35px;
	color:black;
	text-align:left;
}
.main-btn {
	float:left;
	width: 370px;
}
.main-btn a {
	display: inline-block;
	max-width: 22vw;
	width: 170px;
	margin: 0 10px 10px 0;
	padding: 0;
	font-size: clamp(14px, 1vw, 18px);
	text-align: center;
	font-weight:bold;
	color: white;
	border:solid 3px #1b242d;
	background: #1b242d;
	transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
}
.main-btn a:hover {
	color: #1b242d;
	background: white;
	text-decoration: none;
}
.mainimgwrap {
	width:48%;
	margin:0 1%;
}
@media screen and (max-width: 1199px) {
	#main-container {
		margin-bottom: 80px;
	}
}
@media screen and (max-width: 767px) {
	#main-container {
		padding:60px 0;
		background:url(/wp/wp-content/themes/appletree/images/page/mscan-l15/main_bg_sp.jpg) no-repeat center;
	background-size:cover;
		aspect-ratio: 10 / 15; 
	}
	.main-wrap {
		padding: 20px 0;
		justify-content: center;
		flex-wrap: wrap;
	}
	.maintxtwrap{
		width:100%;
	}
	.main-btn {
		width: 100%;
		justify-content: center;
		display: flex;
	}
	.main-btn a {
		width: 46%;
		margin:0 2%;
		max-width:40vw;
	}
	.main-img {
		max-width: 90%;
		margin: 0 0 30px 0;
	}
	.main-logo-img {
		width:80%;
		float:none;
	}
	.maintxtwrap .ttl{
		text-align:center;
		font-size:20px;
		line-height:20px;
		font-weight:300;
		width:90%;
		margin:0;
	}
}

#sys-container {
}
.sysimgwrap {
	margin:50px 0;
}
.systxtwrap{
	margin-bottom:50px;
}
.sysbtnwrap{
	display:flex;
	width:60%;
	gap:10%;
}
.sysbtnbox{
	width:30%;
}
.sysbtnbox img{
	width:60%;
	margin-bottom:15px;
}
@media screen and (max-width: 767px) {
.sysbtnwrap{
	width:85%;
}
}

#spec-container {
	padding: 120px 0 60px;
	max-width: 95vw;
	width: 1200px;
}
#spec-container table{
	width:100%;
}
#spec-container th{
	margin-left:2px;
	border-bottom:white 1px solid;
	width:15%;
	padding:5px;
	font-size:13px;
	border-collapse:collapse;
	font-weight:bold;
	vertical-align: middle;
	color:white;
}
#spec-container .midline{
	border-bottom:white 1px solid;
}
#spec-container td{
	margin-right:2px;
	border-bottom:#999999 1px solid;
	padding:5px;
	font-size:13px;
	width:50%;
	vertical-align: middle;
	color:white;
}
#spec-container td.space{
	width:1%;
	border:none;
}
@media screen and (max-width: 767px){
	#spec-container{
		padding:50px 0;
	}
	#spec-container td, .addtxt{
		font-size: clamp(12px, 2.5vw, 18px);
		}
	#spec-container th{
		margin-left:0;
		width:20%;
	}
	#spec-container td{
		margin-right:0;
		width:60%;
	}
}
.foot-container {
	background:url(/wp/wp-content/themes/appletree/images/page/mscan-l15/foot_back.jpg) no-repeat center;
	background-size:cover;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	padding: 50px 0 80px;
	overflow: hidden;
}
.foot-wrap {
	width: 95vw;
	max-width:1200px;
}
.foot-wrap .logo-img{
	width:60%;
}
.foot-wrap .img{
	width:60%;
}
.foot-wrap .txt{
	margin:40px 0;
	font-size: clamp(30px, 2vw, 40px);
	font-weight:bold;
	line-height:50px;
	color:black;
	text-align:center;
}
.foot-wrap .btn-box {
	width:40%;
}
.foot-wrap .btn-box li{
	float: left;
	width: 48%;
	margin: 1%;
}
.foot-wrap .btn-box li a {
	display:block;
	width:100%;
	padding:8px 20px;
	font-weight:bold;
	font-size: 15px;
	text-align: center;
	color: white;
	border:solid 3px #1b242d;
	background: #1b242d;
	transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
}
.foot-wrap .btn-box li a:hover {
	background: white;
	color:#1b242d;
	text-decoration: none;
}
@media screen and (max-width: 1199px) {
	.foot-container {
		padding-bottom: 30px;
	}
}
@media screen and (max-width: 767px) {
	.foot-container {
		padding:50px 0 0;
	}
	.foot-wrap {
		max-width: 90%;
		text-align: center;
		display:block;
	}
	.foottxtwrap, .footimgwrap{
		width:95%;
	}
	.foot-wrap .logo-img {
		width: 90%;
	}
	.foot-wrap .txt{
		font-size:25px;
		text-align:center;
		line-height:22px;
		width:100%;
	}
	.foot-wrap .btn-box {
		width:100%;
		justify-content: space-between;
		margin-bottom: 30px;
	}
	.foot-wrap .btn-box li {
		width: 40%;
		margin: 5px 5%;
		float:left;
	}
	.foot-wrap .btn-box li a {
		max-width: inherit;
		width: 100%;
		margin: 0;
	}
	.foot-img {
		width: 60%;
	}
}