/*------------------------------

ベースになる要素

------------------------------*/

* {
	margin: 0;
	padding: 0;
	font-size: 18px;
	overflow-y: none;
	line-height: 1.8em;
		max-height: 100%; 

}

p{
	font-size: 18px;
	line-height: 1.8em;
	color:#003;
	}
	
u{
	font-size:17px;
	}
h1{
	font-size:12px;
	clear:both;
	color:#333;
	}

h2{
	font-size:22px;
	color:#000;
	margin:10px 10px 10px 20px;}
	
h3{
	font-size:22px;
	color:#F36;
	margin:10px 10px 10px 20px;}

img{
	border:0;
	margin:0;
	}

body{
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align:left;
	background:#f0f8fa ;}

#wrap{
	width:1000px;
	height:auto;
	margin:0 auto;
	text-align:left;
	background-image:url(../image/home/background_frame.jpg);
	background-repeat:repeat-y;
	}

#container{
		width:900px;
	margin:0 auto;
}
#contents{
	width:900px;
	margin:0 auto;
	}
	
	
#talking{
	width:600px;
	margin:10px auto;
}


a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);}
	
	
/*------------------------------

装飾
------------------------------*/


span.red{
	color:#F00;
	font-weight:bold;
	font-size:1.1em;
}

span.big{
	font-size:1.0em;
	font-weight:bold;
}
span.yellow{
	background-color:#FF9;
}
	

/*------------------------------

ファーストビュー・ロゴ・電話番号・問い合わせフォーム

------------------------------*/
#firstview
{
	width:900px;
	height:500px;
	margin:0;
	}
	
#hedder{
	width:900px;
	height:auto;
	margin:0 auto;
	clear:both;
	}
	
#hedder a{
	width:220px;
	height:100px;
	padding:0 auto;
	}

#hedder img{
	float:left;
	}
	
#topimg{
	width:900px;
	padding:0 auto;}
	
#topimg p{
	font-size:12px;
	margin:20px 0px;
	float:none;}

.youtube{
	margin:20px 0;}
	
/*------------------------------

メディア掲載情報

------------------------------*/
	
#media{
	background:#002855;
	text-align:center;
	padding:0 0 10px 0;
}


#media01{
	width:425px;
	float:left;
	padding:10px 10px 0px 15px;}

#media02{
	width:425px;
	float:right;
	padding:10px 10px 0px 15px;
}

#media03{
	width:425px;
	float:left;
	padding:10px 10px 0px 15px;
}

#media04{
	width:425px;
	float:right;
	padding:10px 10px 0px 15px;
}

.media_detail{
	float:right;
	width:280px;
}

.media_detail03{
	float:right;
	width:450px;
}

.media_detail h2{
	font-size:18px;
	color:#fff;
	margin:0 0 5px 0;
	text-align:center;
}

.media_detail03 h2{
	font-size:18px;
	color:#fff;
	margin:0 0 2px 0;
	text-align:left;
}

.media_detail03 p{
	font-size:18px;
	color:#ccc;
	text-align:left;
	line-height:1.3em;
}
.media_detail p{
	font-size:16px;
	color:#ccc;
}

#media a{
	color:#fff;
	padding:0 0 10px 0;
}
/*------------------------------

グローバルナビ

------------------------------*/
	
#grovalnavi{
	width:900px;
	height:55px;
	/*background:url(../images/lp/bk_gnavi.jpg) no-repeat;*/
	margin:0 auto;
	clear:both;
	}
	
#grovalnavi li{
	list-style: none;
	float:left;
	width:145px;
	height:55px;
	margin:0 2px;
	}	
	
#grovalnavi a{
	width:145px;
	height:55px;
	list-style-position:none;
	}
#grovalnavi img{
	margin:0 2px;}

.sumaho p{
	clear:both;
	font-size:18px;
	}
	

/*------------------------------

イントロダクション

------------------------------*/

#introduction{
	clear:both;
	margin:50px auto;
	text-align:center;
	
	}
#introduction p{
	text-align:left;
	padding:15px 110px 0 110px;
	line-height:2.3em;
	}
	
	#introduction h1{
		margin:10px 0;
	}
/*------------------------------

topic1~チェックリスト~

------------------------------*/

#introduction1{
	width:900px;
	height:auto;
	margin:0 auto;
	}

#topic1 ul{
	width:900px;
	margin:30px 0 40px 0;
	}

#topic1 li{
	list-style-image:url(../image/home/check.jpg);
	font-size:21px;
	line-height:2.5em;
	margin:0 0 0 100px;
	text-align:left;
	}
	
#topic1 p{
	font-size:18px;
	line-height:1.5em;
	text-align:center;
	margin:0 0 40px 0;
	} 
	
/*------------------------------

five_point

------------------------------*/

#five_point{
	clear:both;
	margin:60px auto;
}

#five_point h2{
	text-align:center;
}

#five_point .five_point_img{
	text-align:center;
	width:500px;
	margin:0 auto;
	padding:10px;
	
}

#five_point .five_point_img img{
	width:500px;

}
/*------------------------------

topic3~自律神経失調症~

------------------------------*/
#topic3{
	width:830px;
	height:auto;
	border:1px solid #CCC;
	margin:0 auto 60px auto;
	clear:both;
	}
	
#topic3 p{
	font-size:18px;
	text-align:left;
	line-height:1.8em;
	padding:10px 20px;
	}
#sakebi{
	float:right;
	width:320px;
	height:297px;
	margin:160px 0 0 10px;
	}
#topic3 b{
	font-size:28px;}	


/*------------------------------
service
------------------------------*/

#service_wrap{
	width:800px;
	margin:20px auto;	
}

#service_wrap h2{
	text-align:center;
	margin:0;
}


#service_wrap .service {
	border:2px solid #003;
	width:779px;
	margin:20px auto 50px;
}

#service_wrap .service02 {
	width:680px;
	margin: 40px auto 50px;
	line-height:2.0em;
}

#service_wrap .service02 h3{
	text-align:center;
}

#service_wrap .service02 p{
	padding:10px 0;
	
}

#service_wrap .service02 .inquery_button{
	margin:30px auto 40px;
	display:block;
	text-align:center;
	}

#service_wrap .service h3{
	margin:0;
	padding:0;
	height: 49px;
	text-align:center;
	font-size: 22px;
}

#service_wrap .service p{
	text-align:center;
	padding:10px 0 10px 0;
}

#service_wrap .service_contants_title{
		width:768px;
		margin:0 auto 30px;
	border-right:2px solid #003;
	height:560px;
}

#service_wrap .service_contants_title h3{
	margin:0;
	padding:0;
	height: 49px;
}

#service_wrap .service_contants{
	width:254px;
	border-left:2px solid #003;
	border-bottom:2px solid #003;
	
	float:left;
	height:510px;
	
}
.one_consulting{
    width: 768px;
    border: 2px solid;
    margin: 20px auto;

}

.one_consulting h3{
	margin:0;

}
.one_consulting p{
	padding:20px;
}

#service_wrap .service_contants p{
	padding:20px 10px 0 10px;
	font-size:17px;
	
}
#
#topic4 p{
	font-size:18px;
	text-align:left;
	padding:10px 20px 20px 20px;
	}


/*------------------------------

あげまん妖精コンサルタと内容

------------------------------*/

#five_point_wrap{
	width:760px;
	margin:40px auto 0 auto;
}

#five_point_wrap p{
	font-size:18px;
	text-align:left;
	padding:10px 20px 20px 20px;
	}
#five_point_wrap ul{
	margin:0 0 0 50px;}
	
#shop{
	float:right;
	margin:0 0 0 10px; }
	
	
/*------------------------------

topic6~プロフィール~

------------------------------*/

.topic6{
	width:760px;
	height:auto;
	padding:10px 10px;
	margin:0px auto;
	}
	
.smilephoto{
	float:right;
	margin:0 0 0 20px;
	}
	
.topic6 p{
	text-align:left;
	padding:10px 20px 20px 20px;
	font-size:18px;
	}
	
.profimg{
	margin:0 0 20px 0;}
	
	.topic6 ul {
		padding-left:20px;
	}

/*------------------------------

yakusoku~宮からの約束[話を聴く7か条]~

------------------------------*/	

#yakusoku{
	width:760px;
	margin:10px auto 60px auto;
	clear:both;
	}

#yakusoku p{
	width:900px;
	height:auto;
	margin:0 40px 0 60px;
	font-size:20px;
	line-height:2.5em;
	}
	
#yakusoku ol{
	margin:30px 0 30px 90px;}
	
#yakusoku li{
	margin:20px 0;
	font-size:18px;
	}
#yakusoku h2{
	margin:20px 0 0 10px;}
	
/*------------------------------

messege
------------------------------*/	

#message_wrapper{
	width:760px;
	height:auto;
	margin:0 auto 60px auto;
	padding:20px 10px;
	}
#message_wrapper h2{
	margin:30px 0 ;
	padding:0;
	text-align:center;
}

#message_wrapper #message_wrapper_text{
	padding:0 15px;
}
#message_wrapper #message_wrapper_text p{
	margin:2px 10px;
	padding:10px 5px;
	
	}
#message_wrapper .message_img{
	float:right;
	padding-left:15px;
}

	
/*------------------------------
talking

------------------------------*/		
	
#talking{
	width:760px;
	margin:20px auto;
}

#talking p{
	margin:0 0 20px 20px;
	font-size:18px;
	line-height:1.5em;
	}


#talking ul{
	margin:0 0 20px 20px;
	font-size:18px;
	line-height:1.5em;
}
/*------------------------------

nagare~流れ~

------------------------------*/	
#inquery_wrapper{
	width:760px;
	height:auto;
	margin:0 auto 60px auto;
	}
	
#inquery_wrapper h2{
	text-align:center;
	margin:20px 0;

	}
#inquery_wrapper .inquery_button{
	margin:40px auto;
	display:block;
	text-align:center;
	}


/*------------------------------

ryoukin~料金~

------------------------------*/

#ryoukin{
	margin:0 0 80px 0;
	}
	
#ryoukin p{
	text-align:left;
	}
	
.text p{
	margin:30px 30px;
	padding:0 40px;
	font-size:18px;
	
	}
	
/*------------------------------

phone~お電話でのお問い合わせ~

------------------------------*/

.phone{
	width:760px;
	margin:20px auto 60px auto;}

.phone p{
	font-size:17px;}	
	
	

/*------------------------------

topic9~ご利用上の注意~

------------------------------*/

#topic9{
	width:830px;
	margin:0 auto;
	border:1px solid #CCC;
	padding:0 15x;
	}

#topic9 ul{
	margin:0 50px 20px 50px;}

#topic9 li{
	margin:0 15px 20px 30px;
	}
	
#topic9img{
	width:830px;
	padding:0 0 20px 0;
	}
#topic9 p{
	padding:0 30px;}


/*------------------------------

topic11~お断り~

------------------------------*/
#topic11{
	width:759px;
	margin:60px auto 30px auto;
	border:1px solid #CCC;
}

#topic11 ul{
	margin:20px 20px;
	}
	
#topic11 li{
	font-size:18px;
	margin:0 0 0 40px;
	}

/*------------------------------

qanda~よくある質問~

------------------------------*/

#qanda{
	width:840px;
	margin:10px 40px;
	}
	
#qanda p{
	margin:0 0 0 20px;
	font-size:18px;
	line-height:1.5em;
	}
#qandaimg{
	padding:20px 0 40px 0;
	}
.qandanakami{
	padding:15px 70px 30px 20px;
}
#qandanakami h2{
	font-size:19px;
	margin:0 0 0 30px;}


/*------------------------------

voice~お客さまの声~

------------------------------*/

#voice{
	margin:5px 0 0 30px;
	}
#voiceimg{
	margin:0 auto;
	}
	
.voicebox{
	width:900px;
	height:2665px;
	margin:0 auto;
	}
	
.voicebox p{
	width:700px;
	height:185px;
	}
	
.voicebox1{
	width:800px;
	height:210px;
	padding:32px 120px 5px 90px;
	margin:0 auto;
	background:url(../image/home/voice_1.jpg) no-repeat;}
	
.voicebox2{
	width:800px;
	height:290px;
	padding:40px 120px 5px 90px;
	margin:0 auto;
	background:url(../image/home/voice_2.jpg) no-repeat;}
	
.voicebox3{
	width:800px;
	height:610px;
	padding:40px 120px 5px 90px;
	margin:0 auto;
	background:url(../image/home/voice_3.jpg) no-repeat;}
	
.voicebox4{
	width:800px;
	height:200px;
	padding:42px 10px 5px 90px;
		margin:0 auto;
	background:url(../image/home/voice_1.jpg) no-repeat;}
	
.voicebox5{
	width:800px;
	height:190px;
	padding:60px 120px 5px 90px;
	margin:0 auto;
	background:url(../image/home/voice_1.jpg) no-repeat;}

.voicebox6{
	width:800px;
	height:225px;
	padding:50px 120px 5px 90px;
	margin:0 auto;
	background:url(../image/home/voice4.jpg) no-repeat;}
	
.voicebox7{
	width:800px;
	height:250px;
	margin:0 100px 0 0;
	background:url(../image/home/voice_1.jpg) no-repeat;}
	
.voicebox7 p{
	padding:30px 120px 5px 90px;}

.voicebox8{
	width:800px;
	height:230px;
	padding:30px 120px 5px 90px;
	margin:0 auto;
	background:url(../image/home/voice_1.jpg) no-repeat;}




/*------------------------------

クロージング~最後に…~

------------------------------*/

	
	
#close{
	width:780px;
	margin:0 auto;
	padding:10px 0 40px 0;
	}
#close p{
	padding:10px 40px;
	}
	
#close h2{
	padding:30px auto;}
	
#closeimg{
	margin:30px 0 30px 80px;}

/*------------------------------

footer

------------------------------*/
	
#footer_wrapper{
	width:760px;
	margin:0 auto;
	border-top:1px solid #ccc;
	padding:20px 0;
	}
#footer_wrapper ul{
	margin:0 auto;
	width:727px;
	}
	
#footer_wrapper li{
	float:left;
	padding:0 15px 15px 0;
	}

.modoru{
	margin:0 70px; 
	}
	
.mororu p a{
	font-size:16px;
	}


/*------------------------------

毎日傾聴キャンペーン~mainichi~

------------------------------*/

.mainichi{
	width:760px;
	margin:20px auto;
	border:1px solid #CCC;
}

.mainichi p{
	font-size:18px;
	text-align:left;
	padding:10px 20px 20px 20px;
	}
	
	
	
	
	
	
	
	
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/;
}
	

@media screen and (max-width: 900px) {
	
p{
	font-size:16px;
}
	
#wrap{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:left;
	background-image:none;
	background-repeat:repeat-y;
	}
	
	#container{
	width:100%;
	margin:0 auto;
}
#contents{
	width:100%;
	margin:0 auto;
	}
	
	
#talking{
	width:60%;
	margin:10px auto;
}


#firstview
{
	width:100%;
	height:auto;
	margin:0;
	}
	
#hedder{
	width:100%x;
	height:auto;
	margin:0 auto;
	clear:both;
	}
	
#hedder a{
	width:220px;
	height:100px;
	padding:0 auto;
	}

#hedder img{
	float:left;
	}
	
#topimg{
	width:900px;
	padding:0 auto;}
	
#topimg p{
	font-size:12px;
	margin:20px 0px;
	float:none;}


#media{
	background:#002855;
	text-align:center;
	padding:0 0 10px 0;
}


#media01{
	width:42%;
	float:left;
	padding:10px 5px 0px 10px;}

#media02{
	width:42%;
	float:right;
	padding:10px 10px 0px 10px;
}

#media03{
	width:42%;
	float:left;
	padding:10px 10px 0px 10px;
	display:none;
}

#media04{
display:none;
}

.media_detail{
	float:right;
	width:100%;
}

.media_detail03{
	float:right;
	width:42%;
}

.media_detail h2{
	font-size:15px;
	color:#fff;
	margin:0 0 0px 0;
	text-align:left;
}

.media_detail03 h2{
	font-size:16px;
	color:#fff;
	margin:0 0 2px 0;
	text-align:left;
}


#grovalnavi {
	display:none;
}


#introduction p {
    text-align: left;
    padding: 5px ;
    line-height: 2.3em;
}

#five_point_wrap {
    width: 100%;
    margin: 20px auto 0px;
}

#five_point .five_point_img {
    text-align: center;
    width: 90%;
    margin: 0px auto;
    padding: 10px;
}

#five_point .five_point_img img{
    width: 100%;
}

#service_wrap {
    width: 100%;
    margin: 20px auto 0;
}

#service_wrap .service h3 {
    margin: 0px;
    padding: 0px;
    height: auto;
    text-align: center;
    font-size: 22px;
}

#service_wrap .service {
    border: none;
    width: 100%;
    margin: 0px auto 0px;
}


#service_wrap .service p {
    text-align: center;
    padding: 0px 0px;
}


#service_wrap .service_contants_title {
    width: 100%;
    margin: 0px auto 30px;
    border-right: 1px solid #003;
    height: auto;
}

#service_wrap .service_contants {
    width: 48%;
    border-left: 1px solid #003;
    border-bottom: 1px solid #003;
    border-right: 1px solid #003;
    float: left;
    height: 539px;
}

#service_wrap .service02 {
    width: 90%;
    margin: 40px auto 50px;
    line-height: 2em;
}

#nagare h2 img{
	width:100%;
}

.topic6 {
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px auto;
}

#message_wrapper {
    width: 98%;
    height: auto;
    margin: 0px auto 60px;
    padding: 0px 5px;
}

#nagare img{
	width:5%;
}


#inquery_wrapper {
    width: 98%;
    height: auto;
    margin: 0px auto 60px;
    padding: 0px 5px;
}

#footer_wrapper {
    width: 100%;
    margin: 0px auto;
    border-top: 1px solid #CCC;
    padding: 20px 0px;
}

.smilephoto {
    float: none;
    width: 76%;
    margin: 0 auto;
}

#footer_wrapper ul {
    margin: 0px auto;
    width: 90%;
}
.youtube{
	margin:20px 0;}
	
	img{
		width:100%;
		height:auto;
	}
	
	p{
		font-size:18px;
	}

	.one_consulting{
    width: 100%;
    border: 1px solid;
    margin: 20px auto;

}

.one_consulting h3{
	margin:0;

}
.one_consulting p{
	padding:10px;
}

.youtube iframe{
	width:320px;
	height:auto;
}
}