@charset "UTF-8";

#mainbt{
	padding-bottom:50px;
}

#mainbt .mbt{
	width:50%;
	float:left;
}

#about{
	padding-bottom:50px;
  text-align:center;
}

#about h2{
  font-size: 32px;
  color:#00CCCC;
  margin-bottom:20px;
}

#about .aboutImg{
	width:31%;
	float:left;
	text-align:left;
	padding:1%;
}

#about .aboutImg dt{
	font-size:20px;
	margin-bottom:12px;
	font-weight:bold;
}
#about .aboutImg dd{
	font-size:16px;
	margin-bottom:0;
}

#reason{
	padding-bottom:180px;
	padding-top:30px;
	text-align:center;
	background:#B9E7EE;
	background-image: url(../images/top/bg_reason.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#reason h2{
  font-size: 32px;
  margin-bottom:20px;
  color:#333;
}

#reason2{
	padding-bottom:50px;
}
#reason2 .reasonImg{
	width:31%;
	float:left;
	text-align:left;
	padding:1%;
}

#reason2 .reasonImg h3{
	font-size:20px;
	border-bottom:2px solid #00A8E1;
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:center;
}


#worries{
	padding-bottom:30px;
	padding-top:30px;
	text-align:center;
	background:#EEE;
}
#worries h2{
  font-size: 32px;
  margin-bottom:20px;
  color:#333;
}
#worries .box3{
	text-align:center;
	background-color:#DD5A00;
	color:#FFF;
	width:25%;
	float:left;
	margin:0 1% 20px;
	border-radius: 20px;
	padding:3%;
}
#worries .box3 dt{
	font-size:24px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin-bottom:12px;
	font-weight:bold;
}
#worries .box3 dd{
	font-size:16px;
	margin-bottom:0;
}

#worries .solution{
	text-align:center;
}
#worries .solution h2{
	color:#CC0000;
}
#worries .solution h3{
	color:#DD5A00;
	padding-top:210px;
	font-size:24px;
}
#worries .solution h3.sol01{
	background-image: url(../images/about/solution01.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#worries .solution h3.sol02{
	background-image: url(../images/about/solution02.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#news {
	padding:30px 220px 50px;
  text-align:center;
}
#news h2{
  font-size: 32px;
  margin-bottom:20px;
}
#news ul{
  margin-bottom:50px;
}
#news li{
	padding:8px;
	border-bottom:1px dotted #999;
}
#news li strong{
	margin-right:12px;
	color:#666;
}

#column{
	padding-bottom:50px;
	padding-top:30px;
	background-color: #EEE;
}
#column h2{
  text-align:center;
  font-size: 32px;
  margin-bottom:20px;
}
#clList{
  display: -webkit-box;
  display: -ms-flexbox;
 /* display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;*/
}
#clList .clBox{
	width:23%;
	padding:0 1%;
	margin-bottom:20px;
}

#clList .clBox dt{
	font-size:12px;
}

#column p.bt{
	 clear:both;
}

#tool{
	padding-bottom:30px;
	padding-top:30px;
}
#tool h2{
  text-align:center;
  font-size: 32px;
  margin-bottom:20px;
}
#tList{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#tList .LinkBox{
	width:23%;
	padding:0 1%;
	margin-bottom:20px;
}

@media (max-width: 750px) {
#worries h2 strong{
  display:block;
}
#mainbt .mbt{
	width:98%;
	float:none;
	margin:0 auto 10px;
}
#about h2{
  font-size: 24px;
}
#about h2 strong{
  display:block;
}
#about .aboutImg{
	width:100%;
	float:none;
}

#reason{
	 background-size:contain;
	padding-bottom:60px;
}
#reason h2{
  font-size: 24px;
}
#reason h2 strong{
  display:block;
}

#worries h2{
  font-size: 24px;
}
#reason2 .reasonImg{
	width:98%;
	float:none;
	padding:1%;
}

#worries .box3{
	width:96%;
	float:none;
	margin:0 auto 20px;
	border-radius: 20px;
	padding:10px;
}
#worries .solution h2{
  font-size: 22px;
}

#news {
	padding:20px 10px 20px;
  text-align:center;
}
#news h2{
  font-size: 24px;
}
#news ul{
  margin-bottom:20px;
}

#column h2{
  font-size: 24px;
}

#clList{
  display: block;
}
#clList .clBox{
	float:left;
	width:48%;
	padding:0 1%;
	margin-bottom:20px;
}

#tool{
	padding-bottom:10px;
	padding-top:10px;
}

}