/*
Theme Name: meditation
Theme URI: 
Description: meditation
Version: 1.1
Author: meditation
Author URI: 
*/

@charset "UTF-8";

* {margin:0;padding:0;}

body, input, textarea {
    font-family: 'Roboto','Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;font-size: 16px;color:#222;line-height:1.6em;background:#fff;word-break: break-all;
}
a:link,a:visited {color:#fff !important;text-decoration:none;}
a:hover,a:active {text-decoration:none;}
a img {border:none;}
/*a:hover img {opacity:0.6;filter:alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}
a:link,a:visited img {opacity:1;filter:alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}*/
/*a:hover {opacity:0.6;filter:alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}*/
 
a img:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}

/*---------------------------------------------------- header ----------------------------------------------------*/
header{width:100%;padding:10px 0;}
header .inner{width:1000px;height:auto;margin:0 auto;}
.logo{width:250px;float:left;}
.headerTxt{text-align:right;float:right;font-size:16px;line-height:1.7em;}
/*---------------------------------------------------- /header ----------------------------------------------------*/

/*---------------------------------------------------- common ----------------------------------------------------*/
.pc{display:block !important;}
.sp{display:none !important;}
.wrapGray{padding:80px 0;width:100%;height:auto;margin:0 auto;background:#eee;color:#444;font-size:23px;line-height:3em;}
.wrap{padding:60px 0 180px;width:100%;height:auto;margin:0 auto;background:#fff;}
.wrap_inner{width:850px;margin:0 auto;height:auto;padding:0;}
h2{color:#000;margin:0 auto 30px;text-align:center;padding:20px 0;font-weight:900;font-size:40px;line-height:1.8em;font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI bold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;}
h2 .blue{color:#00478b;font-size:70px;}
.blue{color:#01459e;}

h3{font-size:25px;color:#222;margin:30px auto 10px;text-align:left;}
a.moreBtn{background:#f2e6ce;color:#8f8266;display:block;text-decoration:none;width:78px;height:28px;text-align:center;font-size:12px;float:right;line-height:2.2em;display:block;}
a.moreBtn:hover{background:#eees;}
h2.subMidashi{width:100%;height:auto;background:#f1eee6;margin:0 auto;padding:0;padding-top:60px;}
.br-sp{display:none;}
.bold{font-weight:bold;}
.red{color:#e30012;font-weight:bold;}
.bgyellow{background:#ffee00;}
.yellow{color:#ffee00;}
.caution{font-size:20px;line-height:1.6em;}
/*---------------------------------------------------- /common ----------------------------------------------------*/



/*---------------------------------------------------- fv ----------------------------------------------------*/
h1{text-align:center;padding:15px 0;font-size:25px;color:#fff;background:url(images/h1Bg.jpg) center top;background-size:2500px auto;}
.fv{width:100%;height:1025px;margin:0 auto;background:url(images/fv_bg.png) center top no-repeat;background-size:2200px auto;}
.fvInner{margin:0 auto;width:1000px;padding:50px 0 0px;}
.fvInner .fvTxt{margin:-40px auto 0;width:1000px;}
.fvInner .btnArea a{position:absolute;right:0;top:0px;width:450px;display:block;}
/*---------------------------------------------------- /fv ----------------------------------------------------*/




/*----------------------------------- ボタンエリア -----------------------------------*/
.btnArea{margin:0px auto;padding:50px;background:#fff;}
.btnArea p{text-align:center;font-size:30px;text-align:center;font-weight:bold;line-height:1.4em;margin:10px auto;}
.btnArea p span{color:#dd784e;}
.btnArea a{display:block;margin:0px auto;width:600px;}
.btnArea a:hover{filter: alpha(opacity=80); -moz-opacity:0.80;opacity:0.80;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
.btnArea a img{display:block;width:100%;}
.btnTxt{width:100%;max-width:800px;margin:0 auto 30px;display:block;}
.btnTxt2Ttl{width:100%;max-width:800px;margin:0 auto 30px;display:block;}
/*----------------------------------- /ボタンエリア -----------------------------------*/




/*----------------------------------- こんなお悩みありませんか -----------------------------------*/
.trouble{background:#447c2e;}
.troubleTtl{width:100%;max-width:800px;margin:0 auto;display:block;}
.check{width:100%;margin:10px auto;}
.trouble p{color:#fff;font-size:25px;line-height:2em;width:100%;max-width:800px;margin:10px auto;}
.trouble p span{color:#efe300;font-weight:bold;}
.imagineTtl{margin:0 auto 50px;width:100%;max-width:600px;display:block;}
/*----------------------------------- /こんなお悩みありませんか -----------------------------------*/



/*----------------------------------- ご参加いただくと -----------------------------------*/
.joinTtl{width:100%;max-width:800px;margin:10px auto 80px;display:block;}
.join{width:100%;max-width:700px;margin:30px auto;display:block;}
.joinTxt{color:#222;font-size:25px;line-height:2em;width:100%;max-width:800px;margin:10px auto;}
.joinTxt span{color:#efe300;font-weight:bold;}
/*----------------------------------- /ご参加いただくと -----------------------------------*/





/*----------------------------------- サロンの内容 -----------------------------------*/
.salon{background:url(images/h1Bg.jpg) center top;background-size:2500px auto;}
.salonTtl{width:100%;max-width:800px;margin:10px auto 80px;display:block;}
.stepImage{width:100%;max-width:800px;margin:20px auto 50px;display:block;}
.salonTxt{width:100%;max-width:800px;margin:20px auto;;display:block;}
/*----------------------------------- /サロンの内容 -----------------------------------*/





/*----------------------------------- 金額 -----------------------------------*/
.price{width:100%;max-width:800px;margin:20px auto;display:block;}
/*----------------------------------- /金額 -----------------------------------*/





/*----------------------------------- プロフィール -----------------------------------*/
.teacherWrap{width:100%;height:auto;background:#fcf2ef;}
.teacherWrap .wrap_inner{width:1000px !important;margin:0 auto;padding:30px 0 !important;}
.teacherTtl{text-align:center;color:#fff;font-size:45px;padding:30px 0;background:#dd784e;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
.prfTtl{width:40%;margin:10px auto 20px;display:block;}
.prfInner{margin:80px auto 50px;width:800px;}
.teacherWrap .wrap_inner .prf{width:300px;display:block;margin:0 auto 30px;float:right;}
.teacherName{text-align:center !important;line-height:1.5em !important;margin:100px auto 100px;font-size:55px !important;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
.teacherName span{font-size:18px;}
.bar{display:block;width: 100%;height: 1px;border: 0;border-top: 1px solid #00478b;margin:-20px auto 5px;}
.companyName{font-size:18px !important;font-weight:900 !important;color:#00478b;margin-bottom:30px;}
.prfTxtInner{width:500px;float:left;}
.prfTxt{width:100%;font-size:16px !important;line-height:1.7em !important;}
.teacherWrap .wrap_inner p{font-size:18px;text-align:left;line-height:2em;}
.prfImage1{width:80%;margin:20px auto;display:block;}
.prfImage2{width:60%;margin:20px auto;display:block;}
/*----------------------------------- /プロフィール -----------------------------------*/




/*----------------------------------- FAQ -----------------------------------*/
.faqTtl{text-align:center;color:#24802a;font-size:65px;padding:30px 0;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
.faq li.green{color:#24802a;font-size:25px;list-style:none;margin:30px auto;line-height:2em;}
.faq li.green span{color:#fff;background:#24802a;padding:10px 13px;}
.faq li.orange{color:#dd784e;font-size:25px;list-style:none;margin:30px auto 50px;line-height:2em;}
.faq li.orange span{color:#fff;background:#dd784e;padding:10px 13px;}
/*----------------------------------- /FAQ -----------------------------------*/



/*----------------------------------- 特商 -----------------------------------*/
.serviceTbl,.serviceTbl td,.serviceTbl th {border-collapse: collapse;border:1px solid #666666;}
.serviceTbl{color:#0a0a0a;font-size:25px;width:100%;margin:20px auto 50px;}
.serviceTbl th{background:#fff8b5;padding:20px;width:70%;}
.serviceTbl td{background:#fff;text-align:center;padding:20px;width:30%;}
.pp{font-size:15px;text-align:center !important;margin:50px auto;}
.pp a{color:#00478b;font-size:15px;text-align:center;font-weight:normal;text-decoration:underline;line-height:2.3em;}
a.pp:hover{text-decoration:none;}
/*----------------------------------- /特商 -----------------------------------*/



/*---------------------------------------------------- footer ----------------------------------------------------*/
.footer{width:100%;height:auto;color:#fff;background:#0a0a0a;clear:both;margin:0 auto;padding:20px 0;}
.footer p{color:#fff;font-size:13px;text-align:center;font-weight:normal;line-height:2.3em;}
p.pagetop{position: fixed;bottom: 150px;margin-left: 95%;height:43px;width:43px;text-align:center;cursor:pointer;color:#FFF;z-index:5500;}
p.pagetop a{width:43px;height: 43px;display: block;}
p.pagetop a img{width:43px;height: 43px;display: block;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.spBtn{display:none;}
/*---------------------------------------------------- /footer ----------------------------------------------------*/




.clearfix:after {content:"";display:block;clear:both;} 
.clearfix {display: inline-block;}
/* Mac版IE除外 ＼*/
.clearfix {display: block;}





@media screen and (max-width: 760px){
/*---------------------------------------------------- header ----------------------------------------------------*/
header{width:100%;padding:10px 0;}
header .inner{width:95%;height:auto;margin:0 auto;}
.logo{width:130px;float:left;}
.headerTxt{text-align:right;float:right;font-size:11px;line-height:1.3em;}
/*---------------------------------------------------- /header ----------------------------------------------------*/

/*---------------------------------------------------- common ----------------------------------------------------*/
.pc{display:none !important;}
.sp{display:block !important;}
.wrapGray{padding:30px 0;width:100%;height:auto;margin:0 auto;background:#eee;color:#444;font-size:23px;line-height:3em;}
.wrap{padding:40px 0;width:100%;height:auto;margin:0 auto;background:#fff;}
.wrap_inner{width:90%;margin:0 auto;height:auto;padding:0;}
.voiceWrap h2 img{width:100%;}
a.moreBtn{background:#f2e6ce;color:#8f8266;display:block;text-decoration:none;width:78px;height:28px;text-align:center;font-size:12px;float:none;line-height:2.2em;margin:0 auto;}
.br-sp{display:block;}
.caution{font-size:16px;line-height:1.6em;}
/*---------------------------------------------------- /common ----------------------------------------------------*/


/*---------------------------------------------------- fv ----------------------------------------------------*/
h1{text-align:center;padding:15px 0;font-size:14px;color:#fff;background:url(images/h1Bg.jpg) center top;background-size:1500px auto;}
.fv{width:100%;height:420px;margin:0 auto;background:url(images/fv_bg.png) center top no-repeat;background-size:900px auto;}
.fvInner{margin:0 auto;width:100%;padding:50px 0 0px;}
.fvInner .fvTxt{margin:-40px auto 0;width:100%;}
.fvInner .btnArea a{position:absolute;right:0;top:0px;width:450px;display:block;}
/*---------------------------------------------------- /fv ----------------------------------------------------*/



/*----------------------------------- ボタンエリア -----------------------------------*/
.btnArea{margin:0px auto;padding:10px;background:#fff;}
.btnArea p{text-align:center;font-size:20px;text-align:center;font-weight:bold;line-height:1.4em;margin:10px auto;}
.btnArea p span{color:#dd784e;}
.btnArea a{display:block;margin:0px auto;width:100%;}
.btnArea a:hover{filter: alpha(opacity=80); -moz-opacity:0.80;opacity:0.80;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
.btnArea a img{display:block;width:100%;}
.btnTxt{width:100%;max-width:800px;margin:0 auto 30px;display:block;}
.btnTxt2Ttl{width:100%;max-width:800px;margin:0 auto 30px;display:block;}
/*----------------------------------- /ボタンエリア -----------------------------------*/



/*----------------------------------- こんなお悩みありませんか -----------------------------------*/
.trouble{background:#447c2e;}
.troubleTtl{width:100%;max-width:800px;margin:0 auto;}
.check{width:100%;margin:10px auto;}
.trouble p{color:#fff;font-size:18px;line-height:1.5em;width:100%;max-width:800px;margin:10px auto;}
.trouble p span{color:#efe300;font-weight:bold;}
.imagineTtl{margin:0 auto 30px;width:80%;max-width:600px;display:block;}
/*----------------------------------- /こんなお悩みありませんか -----------------------------------*/


/*----------------------------------- ご参加いただくと -----------------------------------*/
.joinTtl{width:100%;max-width:800px;margin:10px auto 50px;display:block;}
.join{width:100%;max-width:700px;margin:30px auto;display:block;}
.joinTxt{color:#222;font-size:18px;line-height:1.5em;width:100%;max-width:800px;margin:10px auto;}
.joinTxt span{color:#efe300;font-weight:bold;}
/*----------------------------------- /ご参加いただくと -----------------------------------*/



/*----------------------------------- サロンの内容 -----------------------------------*/
.salon{background:url(images/h1Bg.jpg) center top;background-size:1500px auto;}
.salonTtl{width:100%;max-width:800px;margin:10px auto 50px;display:block;}
.stepImage{width:100%;max-width:800px;margin:20px auto 30px;display:block;}
.salonTxt{width:100%;max-width:800px;margin:20px auto;;display:block;}
/*----------------------------------- /サロンの内容 -----------------------------------*/





/*----------------------------------- 金額 -----------------------------------*/
.price{width:100%;max-width:800px;margin:20px auto;display:block;}
/*----------------------------------- /金額 -----------------------------------*/



/*----------------------------------- プロフィール -----------------------------------*/
.teacherWrap{width:100%;height:auto;background:#fcf2ef;}
.teacherWrap .wrap_inner{width:100% !important;margin:0 auto;padding:30px 0 !important;}
.teacherTtl{text-align:center;color:#fff;font-size:35px;padding:20px 0;background:#dd784e;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
.prfTtl{width:40%;margin:10px auto 20px;display:block;}
.prfInner{margin:20px auto;width:100%;}
.teacherWrap .wrap_inner .prf{width:80%;display:block;margin:0 auto 30px;float:none;}
.teacherName{text-align:center !important;line-height:1.3em !important;margin:30px auto;font-size:45px !important;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
.teacherName span{font-size:18px;}
.companyName{font-size:18px !important;font-weight:900 !important;color:#00478b;margin-bottom:30px;}
.prfTxtInner{width:100%;margin:0 auto;float:none;}
.prfTxt{width:90%;font-size:16px !important;line-height:1.7em !important;margin:0 auto;}
.teacherWrap .wrap_inner p{font-size:18px;text-align:left;line-height:2em;}
.prfImage1{width:80%;margin:20px auto;display:block;}
.prfImage2{width:60%;margin:20px auto;display:block;}
/*----------------------------------- /プロフィール -----------------------------------*/




/*----------------------------------- FAQ -----------------------------------*/
.faqTtl{text-align:center;color:#24802a;font-size:55px;padding:30px 0;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
.faq li.green{color:#24802a;font-size:18px;list-style:none;margin:20px auto;line-height:2em;}
.faq li.green span{color:#fff;background:#24802a;padding:7px 10px;}
.faq li.orange{color:#dd784e;font-size:18px;list-style:none;margin:20px auto 40px;line-height:2em;}
.faq li.orange span{color:#fff;background:#dd784e;padding:7px 10px;}
/*----------------------------------- /FAQ -----------------------------------*/



/*---------------------------------------------------- footer ----------------------------------------------------*/
.message #footerImage{width:80%;display:block;margin-bottom:0px !important;}
.footer{width:100%;height:auto;clear:both;margin:0 auto;padding:20px 0;}
.footer a{color:#fff;font-size:14px;text-align:center;font-weight:normal;text-decoration:underline;display:block;line-height:2.3em;}
.footer p{color:#fff;font-size:12px;text-align:center;font-weight:normal;line-height:2.3em;}
p.pagetop{position: fixed;bottom:26px;margin-left: 85%;height:30px;width:30px;text-align:center;cursor:pointer;color:#FFF;}
p.pagetop a{width:30px;height: 30px;display: block;}
p.pagetop a img{width:43px;height: 43px;display: block;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.bold{font-weight:bold;}
.spBtn{display:block;}
/*---------------------------------------------------- /footer ----------------------------------------------------*/
	
	
.page p{font-size:13px;line-height:1.7em;text-align: justify;text-justify: inter-ideograph;}



.sp_br{display:block;}	
	


}