@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/

#main .subInner > p {
	margin-bottom: 24px;
	line-height: 2
}

#main #conts .subInner > p:last-child {
	margin-bottom: 0;
}

#main .subInner {
	padding: 0 47px 15px;
	margin: 40px 16px 45px;
	border: 1px solid #ddd;
	border-radius: 5px;
	overflow: hidden;
}

#main .subInner .topTitle {
	margin: 0 -47px 19px;
	padding: 4px 16px 3px;
	color: #fff;
	font-size: 1.5rem;
	background-color: #1C3C34;
}

#main .subInner .sliderBox01  {
	margin: 0 auto 21px;
	width: 250px;
}

#main .subInner .sliderBox01 img {
	width: 100%;
}

#main .subInner .sliderBox02 .sub {
	margin-right: 32px;
	width: 120px !important;
	position: relative;
}

#main .subInner .sliderBox02 .sub:last-child {
	margin-right: 0;
}

#main .subInner .sliderBox02 img {
	width: 100%;
}

#main .subInner .sliderBox02 .sub::after {
	margin-top: -15px;
	width: 14px;
	height: 27px;
	position: absolute;
	right: -20px;
	top: 50%;
	background: url(../img/beaf/arrow.png) no-repeat left top;
	background-size: 100% auto;
	content: '';
	z-index: 2;
}

#main .subInner .foo {
	margin-bottom: 53px;
}

#main #conts .tableBox {
	margin: 0 16px 46px;
}

#main .tableBox .comTable01 .wid01 {
	width: 29%;
}

#main .tableBox .comTable01 .wid02 {
	width: 19%;
}

#main .tableBox .comTable01 .wid03 {
	width: 26%;
}

#main .tableBox .comTable01 .wid04 {
	width: 26%;
}

#main .tableBox tr .dis01{
	padding-left: 15px;
}

/*#main .tableBox tr td:last-child {
	padding-right: 40px;
}*/

#main .heading02.taCenter {
	margin: 0 16px 17px;
	padding: 7px 12px 5px;
}

#main .heading02.taCenter + .comTxtUl {
	margin: 0 16px 84px;
}

.num01 #main .tableBox tr .dis01 {
	padding-top: 20px;
	vertical-align: top;
}

.num01 #main .tableBox tr .dis02 {
	padding-left: 15px;
}

.beaf #main .heading {
	margin-bottom: 40px;
}

.beaf #main .subInner {
	min-height: 416px;
	position: relative;
	padding-bottom: 28px;
	margin: 0 16px 15px;
	box-sizing: border-box;
}

.beaf #main .subInner .topTitle {
	margin-bottom: 30px;
	padding: 7px 16px 2px;
	font-size: 1.4rem;
}


.beaf #main .heading02 {
	margin-bottom: 11px;
	padding: 9px 16px 7px;
	font-size: 1.2rem;
}

.beaf #main .heading02.taCenter {
	margin: 47px 17px 27px 0;
}

.beaf #main .heading02.taCenter + .comTxtUl {
	margin: 0 0 137px;
}

.beaf #main .heading02.taCenter + .comTxtUl li {
	line-height: 2;
}

.beaf #main .comTxtUl {
	margin-bottom: 0;
}

.beaf #main .comLink {
	margin: 0;
	width: 190px;
	position: absolute;
	right: 48px;
	bottom: 26px;
}

.beaf #main .comLink a {
	color: #333;
	background: url(../img/beaf/index/icon.png) no-repeat right 10px center #C5D7C6;
	background-size: 20px auto;
}

#main .tax_includedtxt {
    margin: 10px 0px !important;
}

@media all and (max-width: 767px) {
	
	#main .subInner > p {
		margin-bottom: 24px;
		line-height: 1.75;
	}
	
	#main .subInner {
		padding: 0 15px 54px;
		margin: 20px 0 41px;
		border-radius: 2px;
	}
	
	#main .subInner .topTitle {
		padding: 4px 8px;
		margin: 0 -15px 10px;
		font-size: 1.05rem;
		line-height: 1;
	}
	
	#main .subInner .sliderBox01 {
		margin: 0 auto 11px;
		width: 139px;
	}
	
	#main .subInner .sliderBox02 .sub {
		margin-right: 5.33%;
		width: 21% !important;
	}
	
	#main .subInner .sliderBox02 .sub::after {
		margin-top: -9px;
		width: 8px;
		right: -11px;
	}
	
	#main .subInner .foo {
		max-width: 540px;
		margin: 0 auto 26px;
	}
	
	#main .tableBox {
		margin: 0 8px 41px;
	}
	
	#main .tableBox .comTable01 .wid01 {
		width: 34%;
	}
	
	#main .tableBox .comTable01 .wid02 {
		width: 16%;
	}
	
	#main .tableBox .comTable01 .wid03 {
		width: 25%;
	}

	#main .tableBox .comTable01 .wid04 {
		width: 28%;
	}
	
	#main .tableBox tr .dis01 {
		padding-left: 7px;
	}
	
	#main .tableBox tr td:last-child {
		padding-right: 20px;
	}
	
	#main .tableBox .comTable01 tr.dis td:last-child {
		padding: 18px 20px 18px 10px;
	}
	
	#main .tableBox p {
		margin-top: 20px;
		text-align: right;
		font-size: 1rem;
		line-height: 1.4;
	}
	
	#main .heading02.taCenter {
		margin: 0 9px 15px;
		padding: 3px 12px 4px;
		font-size: 1.25rem;
	}
	
	#main .heading02.taCenter + .comTxtUl {
		margin: 0 8px 45px;
	}
	
	.num01 #main .tableBox tr .dis01 {
		padding-top: 6px;
		vertical-align: middle;
	}
	
	.num01 #main .tableBox tr .dis02 {
		padding-left: 7px;
		line-height: 1.2;
	}
	
	.beaf #main .heading {
		margin-bottom: 15px;
	}
	
	.beaf #main .subInner .topTitle {
		margin-bottom: 15px;
		padding: 4px 8px 3px;
		font-size: 1.05rem;
	}
	
	.beaf #main .heading02 {
		margin-bottom: 7px;
		padding: 3px 5px 1px;
		font-size: 0.85rem;
	}
	
	.beaf #main .comTxtUl li {
		line-height: 1.35;
		font-size: 0.85rem;
	}
	
	.beaf #main .comLink {
		width: 117px;
		right: 15px;
		bottom: 5px;
	}
	
	.beaf #main .comLink a {
		padding: 0 30px 0 8px;
		font-size: 0.7rem;
		max-width: 117px;
		background-size: 12px auto;
		background-position: right 5px center;
	}
	
	.beaf #main .comTxtUl {
		margin-bottom: -24px;
	}
	
	.beaf #main .subInner {
		padding-bottom: 6px;
		min-height: 216px;
	}
	
	.beaf #main .heading02.taCenter {
		padding: 2px 5px 1px;
		margin: 23px 17px 6px;
		font-size: 1.05rem;
	}
	
	.beaf #main .heading02.taCenter + .comTxtUl {
		margin: 0 17px 90px;
	}
	
	.beaf #main .heading02.taCenter + .comTxtUl li {
		line-height: 1.416;
	}
    
    #main .tax_includedtxt {
        text-align: left !important;
    }

}

@media all and (min-width: 385px) {
	.beaf #main .subInner {
		padding-bottom: 33px;
	}
}