@charset "utf-8";

.contentsLeft p.contentsLink02{
	margin:0 0 0 10px;
	padding:10px 0 0 15px;
	background:transparent url(/common/images/arrow02.gif) no-repeat 0 13px;
	clear:both;
	}
.contentsIndent{
	margin:20px 0 0 10px;
	padding:0;
	clear:both;
	}

/* 三協フロンテアが選ばれる理由
=========================================================================*/
p.whyLead{
	margin:0 0 40px 2px;
	}
p.whyTxt01{
	margin:20px 0 0 0;
	padding:0;
	font-size:120%;
	font-weight:bold;
	line-height:180%;
	}
p.whyTxt02{
	margin:20px 0 0 0;
	padding:0;
	}

.whyContentsBox{
	margin:20px 0 0 10px;
	padding:0;
	width:671px;
	overflow:hidden;
	}
.whyContentsBox .Txt{
	float:left;
	margin:0;
	padding:0;
	width:400px;
	}
.whyContentsBox .Img{
	float:right;
	margin:0;
	padding:0;
	width:240px;
	}

.whyContentsBox02{
	margin:20px 0 0 10px;
	padding:12px 0 12px 13px;
	width:658px;
	background:#F7F7F7;
	}
.whyContentsBox02 ul{
	margin:0;
	padding:0;
	overflow:hidden;
	list-style:none;
	}
.whyContentsBox02 li{
	float:left;
	margin:0 11px 0 0;
	padding:0;
	width:153px;
	}

.whyContentsBox03{
	margin:20px 0 0 10px;
	padding:0;
	width:671px;
	overflow:hidden;
	}
.whyContentsBox03 .Txt{
	float:left;
	margin:0;
	padding:0;
	width:183px;
	}
.whyContentsBox03 .Txt a{
	margin:0 0 0 0;
	padding:0 0 0 15px;
	background:transparent url(/common/images/arrow02.gif) no-repeat 0 center;
	}
.whyContentsBox03 .Img{
	float:right;
	margin:0;
	padding:0;
	width:467px;
	}

.whyContentsBox04{
	margin:20px 0 0 10px;
	padding:0;
	width:671px;
	overflow:hidden;
	}
.whyContentsBox04 .Txt{
	float:left;
	margin:0;
	padding:0;
	width:330px;
	}
.whyContentsBox04 .Img{
	float:right;
	margin:0;
	padding:0;
	width:316px;
	}
.whyContentsBox04 .Img p{
	float:left;
	margin:0 10px 10px 0;
	padding:0;
	}
.whyContentsBox04 .Img p.right{
	float:left;
	margin:0;
	padding:0 0 10px 0;
	}

.whyContentsBox04 p.contentsLink02{
	margin:0;
	padding:0 0 0 15px;
	background:transparent url(/common/images/arrow02.gif) no-repeat 0 center;
	width:316px;
	clear:both;
}

.spOnly {
	display: none;
}

@media screen and (max-width: 750px) {
	.pcOnly {
		display: none;
	}
	.spOnly {
		display: block;
	}

	.spTtl {
		padding: 35px 20px;
		background: #fff;
		border-top: solid 3px #1B558C;
		border-bottom: solid 1px #d9d9d9;
		font-size: 20px;
		font-weight: bold;
	}

	.mainBox {
		padding: 0 10px;
	}
	.productNavi,
	.contentsImg,
	.contentsLeft,
	.contentsBox,
	.footstepBox {
		width: 100%;
	}
	.contentsImg {
		overflow: hidden;
	}
	.contentsImg img {
		width: 550px;
	}

	p.whyLead img {
		width: 100%;
	}

	.whyContentsBox,
	.whyContentsBox02,
	.whyContentsBox03,
	.whyContentsBox04 {
		width: 94%;
	}
	.whyContentsBox .Txt,
	.whyContentsBox03 .Txt,
	.whyContentsBox03 .Img,
	.whyContentsBox04 .Txt,
	.whyContentsBox04 .Img {
		float: none;
		width: 100%;
	}
	.whyContentsBox .Img {
		float: none;
		margin-top: 10px;
	}
	.whyContentsBox02 {
		padding: 10px;
	}
	.whyContentsBox02 ul {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 10px;
		row-gap: 5px;
	}
	.whyContentsBox02 li {
		float: none;
		margin: 0;
	}

	.contentsLeft p img {
		width: 100%;
	}

	.bottomTel-sp {
		margin: 0 15px 40px;
	}
}