@charset "utf-8";
@media screen and (max-width: 769px){
br.for-sp{
	display:inline!important;
}
#side_nav ul li a{/**/
	padding-left: 60px;
}

#side_nav ul li:nth-child(2) a{
	background: #fff url(../img/icon_nav_point.png) no-repeat 15px 15px scroll;
	background-size: 30px 30px;
}
#side_nav ul li:nth-child(4) a{
	background: #fff url(../img/icon_nav_afterservice.png) no-repeat 15px 15px scroll;
	background-size: 30px 30px;
}

/*-------- common ----------*/


section.inner_content div h4{
	font-size: 18px;
	color:#019984;
}
section.inner_content div h4 > span{
	text-indent: 0;
}
.wiht_img_right{
	padding-right: 0;
}
.wiht_img_right figure{
	position: static;
	display: block;
	width: auto;
	padding-bottom: 20px;
	text-align: center;
}
.wiht_img_right figure img{
	width:70%;
	max-width: 300px;
}
.layout_with_chart_l{
	display: block;
	margin-top: 0;
}
.layout_with_chart_l div{
	display: block;
}
.layout_with_chart_l p{
	display: block;
	width: auto;
	padding: 0 0 20px;
}
.layout_with_chart_l figure img{
	width:100%;
}
#sharebtn_area{
	top: 130px;
	right: 10px;
}
/*-------- main ----------*/
#main_visual{
	height: auto;
	margin-top: 50px;
	background: url(../img/bg_gradation.png) repeat-x 0 0 scroll;
	background-size: contain;
}
#main_visual > div{
	width: auto;
	padding: 0;
}
#top_visual{
	width: auto;
	height: auto;
	padding: 0;
	margin: 0 auto;
}
#main_visual h1{
	width: 100%;
	padding: 25px 0 20px;
	text-align: center;
}
#main_visual h1 a{
	display: block;
	width: 109px;
	height: 7px;
	margin: 0 auto;
	background: url(../img/logo_h1.png) repeat 0 0 scroll;
	background-size: 109px 7px;
}
#main_visual h2{
	display: block;
	width: 290px;
	height: 83px;
	margin: 40px auto 0;
	background: url(../img/logo_h2_sp.png) no-repeat 0 0 scroll;
	background-size:290px 83px;
}
#main_visual figure{
	margin-top: 40px;
}
#main_visual figure img{
	width: 80%;
	margin: 0 auto;
}
#main_visual ul{
	position: static;
	left: auto;
	bottom: auto;
	width: auto;
	margin-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	margin-left: 0;
}
#main_visual li{
	width: 148px;
	height: 60px;
	margin: 0 3px 5px 0;
	padding: 10px 0 0 40px;
	background: url(../img/bg_mainvisual_list01_sp.png) repeat 0 0 scroll;
	text-align: left;
	font-size:12px;
	color:#fff;
}
#main_visual li:nth-child(4n){
	margin-right: 3px;
}
#nav_scroll{
	display:none;
}

/*-------- wp_point ----------*/

#wp_point{
	height: auto;
	background: none
}
#wp_point h4{
	height:auto;
	background: none;
}
#wp_point > div{
	width: auto;
}
#wp_point div ul{
	margin-top:20px;
}


#wp_point div ul li{
	display: block;
	height:240px;
	width: 300px;
	margin: 0 auto 10px;
	padding: 20px;
}

#wp_point div ul li h5{
	margin:0;
	padding:10px 0;
	font-size: 16px;
}
/*-------- introduction_effects ----------*/
#introduction_effects{;
}
#introduction_effects div{
}
#introduction_effects h4,
#introduction_effects h4.works{
	height:auto;
	background: none;
}
#introduction_effects p{
	margin-top: 30px;
}
#introduction_effects  figure{
	margin-top: 25px;
	padding-bottom: 20px;
	text-align:center;
}
#introduction_effects  figure img{
	width: 100%;
}
/*-------- after_service ----------*/
#after_service{
}
#after_service h4{
	height:auto;
	background: none;
}
#introduction_effects p.txt_large{
	font-size:16px;
}
#after_service figre{
	padding-bottom: 20px;
	text-align: center;
}
#after_service img{
	width: 80%;
	max-width:392px;
}
#after_service  p{
	margin-top: 0;
	text-align: left;
}
#after_service li{
	padding: 0 0 15px 25px;
	font-size:16px;
}
/*-------- price_plan ----------*/
#price_plan{
	background-size:contain;
}

#price_plan h4{
	height:auto;
	background: none;
	color:#fff;
}
#price_plan p.lead{
	margin-top: 0;
	text-align: left;
}
#price_plan div.price_list{
	display: block;
	margin: 20px auto 0;
}
#price_plan div.price_list > p{
	display: block;
	width: auto;
	padding: 30px 0;
	
}
#price_plan div.price_list > p .text{
	padding: 5px 10px;
	color: #0883b2;
	font-size: 11px;
}
#price_plan div.price_list > p .price{
	font-size: 24px;
}
#price_plan div.price_list > div{
	display: block;
	width: auto;
	padding: 15px;
	border-left: none;
	font-size: 16px;
}
.notation_list{
	width: auto;
}
/*-------- q_a ----------*/
#q_a{}
/*-------- contact_exp ----------*/
#contact_exp > div > p{
	text-align:left;
}
#contact_exp .flow_chart{
	padding-top: 30px;
}
/*-------- contact_form ----------*/
#form_panel > div{
	padding-top:30px;
}
#contact_form h3{
	position: static;
	font-size: 18px;
}
}