@charset "utf-8";

/* トップページ：デザインスタイル
 * **************************************************
  * mainImg [ メイン画像 ]  
 * troubleshooting [ こんなとき ]  
 * recommend [ 健康おすすめ情報 ] 
 * **************************************************
 */
 
 /* ======================================
　mainImg [ メイン画像 ]
====================================== */
/* Media Queries 切替 */
@media all and (max-width: 480px) {
	section div.mainTitle {
		background:#ffffff;
		border: none;
		padding:2%;		
	}
	div.mainImg {
		display:block;
		text-align:center;
	}
	div.mainImg img {
		height:auto;
		width:200px;
	}
}

/* Media Queries 切替 */
@media all and (min-width: 481px) {
	#index {
	background-image: url(../images/01common/bg_dot.gif);
	background-repeat: repeat-x;
	background-position: center top;
	}
	
	section div.mainTitle {
	background: url(../images/01common/mark_target.png) no-repeat 710px 0px;
	text-align: center;
	padding: 100px 0 0 0;
	}
	div.mainImg {
		display:none;
	}
}


 /* ======================================
　Img [ その他の画像 ]
====================================== */
/* Media Queries 切替 */
@media all and (max-width: 480px) {
	section div.mainTitle h1 img {
		height:auto;
		width: 98%;
		max-width: 98%;
	}
	section.service div.btnDetail img {
		height: auto;
		/*width: 80%;*/
	}
}

/* Media Queries 切替 */
@media all and (min-width: 481px) {
	section.service p img {
		text-align:center;
	}
}


/* ======================================
　 troubleshooting [ こんなとき ]  
====================================== */
section.service {
		/*margin: 2%;*/
	}

section.service p {
	text-align:left;
}


section.service p {
	margin: 5px 10px;
}

section.service div.columns {
	width: 98%;
	margin: 0 auto;
}

section.service div.dial {
	width: 98%;
	margin: 0 auto;
	padding:5px;
	background: #FFF;
	border:#F97493 1px solid;
}

section.service div.boxSp {
	margin-bottom:20px;
}



@media all and (max-width: 480px) {
	div.mainArticle{
		font-size: 100%;
		width:100%;
		margin:20px 0 20px 0;
	}
	section.service h2.markService::after,
	section.service h2.markMethod::after {
		width:100%;
		display: inline-block;
		content: attr(data-label);
		background: #F97493;
		padding:2px 5px;
		color:#ffffff;
		clear: both;
	}
	section.service h2.markService img,
	section.service h2.markMethod img {
		display: none;
	}
	section.service div.btnDetail {
		width:100%;
		text-align:center;
		float: left;
		margin: 0 0 0 0;
	}
	section.service div.btnDetail img {
		margin: 0 25px;
	}
	
	section.service div.dial {
		width: 100%;
		margin:0 0 0 0;
		padding:0;
		background: #FFF;
		border:#F97493 1px solid;
		float:left;
	}
	section.service dl.fukidashi {
		margin:10px;
	}
	
	section.service dl.fukidashi dt {
		width:130px;
		float:left;
	}
	section.service dl.fukidashi dd {
		font-size:15px;
		padding-top:5px;
	}
	section.service p.telNo {
		clear:left;
	}
	
	section.service span.flee {
	}
	section.service dl.telNo {
		margin:0;
		padding:5px 10px 0 10px;
		clear:both;
	}
	section.service dl.telNo dt {
		
	}
	section.service dl.telNo span.number {
		color:#E64876;
		font-family:"Arial Black", Gadget, sans-serif;
		font-size:30px;
		line-height:45px;
	}
	section.service dl.telNo dd {
		padding:0 0 0 0;
	}
	
	section.service p.explanation {
		margin:0;
		padding:5px 10px 5px 10px;
		border-top:#F97493 1px dotted;
		clear:both;
	}
	section.service div.dial2 {
		width: 98%;
		margin:20px 0 0 0;
		padding:0;
		background: #FFF;
		border: none;
		float:left;
		text-align:center;
	}
	section.service div.dial2 p {
		color:#FFF;
		text-align:center;
		font-size:12pt;
		padding:3px;
		margin: 6px auto;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	section.service div.dial2 p.family {
		width: 225px;
		background:#FF874C;
	}
	section.service div.dial2 p.mental {
		width: 225px;
		background:#7CC32A;
	}
	section.service div.dial2 p.doctor {
		width: 225px;
		background:#4AB3C1;
	}
}

/* Media Queries 切替 */
@media all and (min-width: 481px) {
	div.mainArticle{
		font-size: 18px;
		width:100%;
		margin:20px 0 20px 0;
	}
	section.service {
		zoom: 1;
		margin: 0 0 20px 0;
		padding: 25px 0 25px 25px;
		overflow: hidden;
		background: url(../images/01common/bg.gif) ;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	section.service h2.markService,
	section.service h2.markMethod {
		width:86px;
		display: inline;
		float: left;
		background:;
		color:;
		padding:0;
		clear:none;
	}
	section.service h2.markService img,
	section.service h2.markMethod img {
		display: inline;
	}
	section.service div.btnDetail {
		width:735px;
		text-align: center;
		float: left;
		margin: 0 0 0 10px;
	}
	section.service div.btnDetail img {
		margin: 0 5px 0 5px;
	}
	
	section.service p {
	text-align:left;
	}

	section.service div.consultation {
		width: 420px;
	}
	
	section.service p {
		margin: 5px 0;
	}
	section.service div.detailBox {
		width:716px;
		border: 2px solid #EE6677;
		padding:30px 80px;
		margin: 0;
	}
	section.service div.columns {
		width: 735px;
		margin:0 0 0 10px;
		padding:0;
		float:left;
	}
	
	section.service div.dial {
		width: 713px;
		margin:0 0 0 0;
		padding:0;
		background: #FFF;
		border:#F97493 1px solid;
		float:left;
	}
	section.service div.dial2 {
		width: 713px;
		margin:20px 0 0 0;
		padding:0;
		background: #FFF;
		border:#F97493 1px solid;
		float:left;
		text-align:center;
	}
	section.service div.dial2 div.push {
		float:left;
		width:260px;
		text-align:center;
		padding:30px 0;
	}
	section.service div.dial2 div.soudanLeft {
		margin-left:90px;
	}
	
	section.service div.dial2 p {
		color:#FFF;
		text-align:center;
		font-size:12pt;
		padding:3px;
		margin: 6px auto;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	section.service div.dial2 p.family {
		width: 225px;
		background:#FF874C;
	}
	section.service div.dial2 p.mental {
		width: 696px;
		background:#7CC32A;
	}
	section.service div.dial2 p.doctor {
		width: 225px;
		background:#4AB3C1;
	}
	section.service dl.fukidashi {
		margin:10px;
	}
	
	section.service dl.fukidashi dt {
		width:130px;
		float:left;
	}
	section.service dl.fukidashi dd {
		float:left;
		font-size:15px;
		padding-top:5px;
	}
	section.service p.telNo {
		clear:left;
	}
	
	section.service span.flee {
	}
	section.service dl.telNo {
		margin:0;
		padding:5px 10px 0 10px;
		clear:both;
	}
	section.service dl.telNo dt {
		float:left;
	}
	section.service dl.telNo span.number {
		color:#E64876;
		font-family:"Arial Black", Gadget, sans-serif;
		font-size:45px;
		line-height:45px;
	}
	section.service dl.telNo dd {
		padding:20px 0 0 0;
	}
	
	section.service p.explanation {
		margin:0;
		padding:5px 10px 5px 10px;
		border-top:#F97493 1px dotted;
		clear:both;
	}
	

}