@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1300px) {	
.TopContact {
	height: 28%;
}
}

@media only screen and (max-width: 1180px) {	
.TopContact {
	height: 33%;
}
}
	
@media only screen and (max-width : 768px ){

body {
	font-size:15px !important;
	line-height:1.8 !important;
	background:#FFF;
	-webkit-text-size-adjust: 100%;
	word-wrap:break-word;
	letter-spacing: 1px;
}
	
	.TopContactSP {
		background: url("../images/btn_bg_sp.jpg") no-repeat top center;
		background-size:cover;
	}
	
.ContactBtn {
	width: 90%;
	margin: 0 auto;
	padding: 30px 0;
}
	
#ProblemBox,
#QABox {
	background: #d4edea;
	padding: 50px 0;
}

.ProblemList {
	display: block;
}

.ProblemList li {
	width: 100%;
}

.ProblemText {
	margin: 30px 0 0;
}

.Title {
	font-size: 1.5em;
}
	
.Title:before {
  bottom: -20px;   
  height: 10px;
background: url("../images/line_sp.png") center bottom no-repeat;
}
	
.TitleWht:before {
  bottom: -20px;
  height: 10px;
background: url("../images/line_wht_sp.png") center bottom no-repeat;
}
	
.SolutionA {
	background: url("../images/topleft_logo_sp.jpg") no-repeat top left;
	padding-top: 50px;
}
	
.SolutionB {
	background: url("../images/topright_logo_sp.jpg") no-repeat top right;
	margin-top:-100px;
	padding-top: 200px;
}
	
.SolutionListA li {
	display: block;
	margin-top: 50px;
}
	
.SolutionListA figure {
	width: 100%;
}
.SolutionListText {
	width: 100%;
}

.MeritBox {
	padding: 30px;
	margin: 50px auto 0;
	font-size: 1.1em;
	text-align: left;
}
	
.Number {
	line-height: 1.2;
}
	
.ListATitle {
	margin-top: 30px;
}

.Add {
	position: absolute;
	display: block;
	top: -55px;
	left: -30px;
	width: 130px;
}
	
.SixList {
	margin-top: 20px;
}
	
.SixList  li {
	margin-top: 30px;
	width: 48%;
}
	
#ReasonBox {
	margin-top: 50px;
	padding: 50px 0;
}
	
.ReasonList {
	display: block;
	margin-top: 50px;
}

.ReasonList li {
	width: 100%;
	margin-top: 30px;
}

	.ReasonText {
		width: 90%;
		margin: 0 auto;
	}
	
#CompanyBox {
	padding: 50px 0;
}
	
.table{
	margin-top: 50px;
	font-size: 1em;
}
	
.table td,
.table th {
	padding: 10px;
}
	
	.table th {
		line-height: 1.2;
	}
	
#VisualizationBox {
	padding: 5%;
}
	
.FreeList {
	padding-top: 40px;
}
	
.FreeList li {
	margin-top: 10px;
}
	
.LastContact {
	margin-top: 50px !important;
	padding: 15px 0;
}
}/* デバイスの横幅が768px以下の場合 */