/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

.footer-map .map-info div.phones {
    font: 900 21px/37px Roboto, sans-serif;
}

.logo .logo_tagline {
color:#FFF;
}

.service-box .service-box_txt {
    font: 18px/24px Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #000;
    margin: 0;
	max-width: 500px;
}

.service-box .title {
    color: #FF5722;
    margin: 0 0 10px;
	letter-spacing: 2px;
}

@media screen and (min-width: 1200px) {
	
#wrapper{
	width:750px;
	margin:0 auto;
	padding:0;
}

.lp01_01{
	width:750px;
	margin:30px auto 0 auto;
	padding:0;
	font-size:2.3em;
	text-align:center;
	font-weight:normal;
	line-height:1.5em;
}

#lp01_02{
	width:750px;
	margin:30px auto;
	padding:0;
}

#lp01_02 img{
	width:100%;
	margin:0;
	padding:0;
}

.lp01_03{
	width:700px;
	margin:0 auto 20px auto;
	padding:10px;
	border-left:10px #dd0202 solid;
	font-size:2em;
	line-height:2.2em;
}

#lp01_04{
	width:750px;
	margin:0 auto;
	padding:0;
	font-size:1.3em;
	color:#333333;
	line-height:1.8em;
}

.lp01_05{
	width:750px;
	margin:30px auto;
	padding:0;
}

.lp01_05 ul{
	width:750px;
	margin:0 auto;
	padding:0;
}

.lp01_05 ul li{
	width:375px;
	margin:0 auto;
	padding:0;
	float:left;
	list-style:none;
}

.lp01_05 img{
	width:100%;
	margin:0;
	padding:0;
}

.lp01_05 a:hover{
	opacity:0.5;
}

.lp01_06{
	clear:both;
	width:750px;
	margin:0 auto;
	padding:50px 0;
	font-size:2em;
	color:#dd0202;
	text-align:center;
	line-height:2.1em;
}

.lp01_07{
	width:750px;
	margin:0 auto;
	padding:30px 0;
	font-size:2em;
	color:#dd0202;
	text-align:center;
}

.lp01_08{
	width:690px;
	margin:0 auto;
	padding:30px;
	font-size:1.3em;
	color:#333333;
	border:1px #333333 solid;
}

#lp01_09{
	width:690px;
	margin:50px auto;
	padding:30px;
	background:#f8b430;
	font-size:2em;
	color:#333333;
	text-align:center;
	line-height:2.1em;
}

}

@media screen and (max-width: 1200px) {
	
#wrapper{
	width:100%;
	margin:0 auto;
	padding:0;
}

.lp01_01{
	width:90%;
	margin:3% auto 0 auto;
	padding:0;
	font-size:1.8em;
	text-align:center;
	font-weight:normal;
	line-height:1.3em;
}

#lp01_02{
	width:90%;
	margin:30px auto;
	padding:0;
}

#lp01_02 img{
	width:100%;
	margin:0;
	padding:0;
}

.lp01_03{
	width:80%;
	margin:0 auto 20px auto;
	padding:3%;
	border-left:10px #dd0202 solid;
	font-size:1.8em;
	line-height:2.2em;
}

#lp01_04{
	width:90%;
	margin:0 auto;
	padding:0;
	font-size:1.2em;
	color:#333333;
	line-height:1.8em;
}

.lp01_05{
	width:90%;
	margin:30px auto;
	padding:0;
}

.lp01_05 ul{
	width:90%;
	margin:0 auto;
	padding:0;
}

.lp01_05 ul li{
	width:90%;
	margin:0 auto;
	padding:0;
	float:none;
	list-style:none;
}

.lp01_05 img{
	width:100%;
	margin:0;
	padding:0;
}

.lp01_05 a:hover{
	opacity:0.5;
}

.lp01_06{
	width:90%;
	margin:0 auto;
	padding:5% 0;
	font-size:1.8em;
	color:#dd0202;
	text-align:center;
	line-height:2.1em;
}

.lp01_07{
	width:90%;
	margin:0 auto;
	padding:5% 0;
	font-size:2em;
	color:#dd0202;
	text-align:center;
}

.lp01_08{
	width:80%;
	margin:0 auto;
	padding:5%;
	font-size:1.3em;
	color:#333333;
	border:1px #333333 solid;
}

#lp01_09{
	width:80%;
	margin:5% auto;
	padding:5%;
	background:#f8b430;
	font-size:2em;
	color:#333333;
	text-align:center;
	line-height:2.1em;
}

}