body{
  font-family:"メイリオ","ヒラギノ明朝 Pro W6",serif;
  margin: 0;
  padding: 0;
  color: #063952;
}
/*背景全体画像*/
body{
  background-image: url(../image/backrepeat.png) ;
}

.l-page{
  background-image: url(../image/backrepeat2.jpeg) ;
}

/*.back-image{
  background-image: url(../image/backrepeat.png) ;
}*/

/* ヘッダー */
header{	
    color:#1E77A5;
}

header.l1-page{	
  color:#7b3c04;
}

header div.header-in div.header-logo img {
  width: 380px;
  height: 88px;
  float:left;
  margin-bottom: 0;
}

header div.header-in nav ul li{
	display:inline;
	/*color:#ffffff;*/
  padding-left: 10px;
  padding-right: 10px;
}
header div.header-in nav ul{
  text-align:right;
  padding-top:60px;
}
header div.header-in nav a{
  text-decoration:none;
  color:#1E77A5;
}
header div.header-in nav a:hover{
  color: #E0CA82;
}

header div.header-in{
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

/* メイン */

article{
  clear:both;
  width:960px;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
}
article div img.topangel{
  width: 968px;
  height: 646px;
}

article{
  position: relative;
}

/* さあ、どこからシフトチェンジ、していく？ */
article img.message{
  position: absolute;
  top:1px;
  left:1px;
  width: 870px;
  height: 123px;
  font-family:monospace;
  color: #1E77A5;
  padding:20px;
  font-size: 40px;
  text-shadow:1px 3px 5px #ffffff;
}

article{
  position: relative;
}

/* 恋愛結婚仕事… */
article img.jun{
  position: absolute;
  top: 200px;
  left:80px;
  width: 350px;
  height: 342px;
}
/* あなたの放つ波動が… */
article img.topcopy1{
  position: absolute;
  top: 510px;
  left: 100px;  
  width: 720px;
  height: 148px;
}

/*私の中のたくさんの意識*/
section div.main-message p.line1{
  text-align: center;
  font-size: 140%;
  line-height: 2.5;
  color: #063952;
}

/*あなたはどんなシフトチェンジをお望みですか*/
section div.top-container1{
  text-align: center;
  font-size: 150%;
}
section div.top-container1 h1.content1{
  background-color: #1E77A5;
  color: #ffffff;
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left:50px ;
  border-right: 50px;
  margin-top: 10px;
}

/*私たちは、意識をちょっと変化させるだけで、*/
section p.line2{
  text-align: center;
  font-size: 140%;
  line-height: 2.5;
}
section p.line2 span{
  color: #8e0d1c;
}

/* 私たちの人生は縁によって*/
section div.en2{
  text-align: center;
}
section div.en2 img{
  width: 768px;
  height: 193px;
}
/*縁▶︎円です。すべてつながっています。*/
section div.l5-container {
  text-align: center;
}
section div.l5-container p.line5 {
  font-size: 140%;
  line-height: 2.5;
}
/* 私たちの意識は常に周波数として周囲に発振し続けています。*/
section div.l6-container{
  text-align: center;
}
section div.l6-container p.line6{
  font-size: 140%;
  line-height: 2.5;
}

/*Ama.on宇宙音では…*/
section div.logo2{
  text-align: center;
}
section div.logo2 img{
  width: 1000px;
  height: 86px;
}

div.logo2{
  text-align: center;
}
div.logo2 img{
  width: 1000px;
  height: 86px;
}

/*div バナー*/
section div.banner{
  text-align: center;
}
section div.banner a img:hover{
  border-color: #E0CA82;
}
section div.banner img.click1{
border: #1E77A5 solid 1px;
}
section div img.click1:hover{
  border-color: #E0CA82;
}

/*フッター */
footer{
  width:1060px;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
}
footer img.footer-base{
  width: 1060px;
  height: 119px;
}

footer{
  position: relative;
}
footer img.footer-logo{
  position: absolute;
  left: 650px;
  bottom: 10px;
  width: 380px;
  height: 88px;
}
.footer-in{
  position: absolute;
  top:25px;
  left: 60px;
  color: #1E77A5;
}
.footer-in li{
  list-style-type: none;
  display: inline;
  font-size: 130%;
  padding-left: 15px;
  padding-right: 15px;
}
.footer-in a{
  text-decoration: none;
  color: #1E77A5;
}
.footer-in a:hover{
  color: #D4B572;
}
footer p.copy{
  position: absolute;
  font-style: italic;
  top: 65px;
  left: 76px;
  color: #1E77A5;
}
/*ここまでフッター */



/* ＊＊＊＊＊＊【２ページ　about us】＊＊＊＊＊＊*/

/*固定背景天使画像*/
article div.fixedtop{
  /*背景画像は高さをもたないためheightの指定が必要*/
  height:2750px;
  /*相対パスで画像ファイルを指定*/
  background-image:url(../image/top2.png) ;
  /*position:fixed;*/
  background-attachment: fixed;
  /*画像の位置を調整*/
  background-position: top;
  /*画像の調整*/
  background-size: contain;
  background-repeat: no-repeat;
}

article{
  position: relative;
}
/*本文一括り*/
article div.top-container{
  position: absolute;
  top: 10px;
  font-size: 135%;
  color: #1E77A5;
  line-height: 3.0;
  margin-left: 20px;
}
/*.philosophy1{
  position: absolute;
  top: 30px;
  left: 50px;
  color: #1E77A5;
  font-size: 125%;
  line-height: 2.0;
}*/

/*.banner2
{
  text-align: center;
}*/

/*バナーと「Ama.on宇宙音では…」div
section div.about1
{
  text-align: center;
}*/

/*バナー前の空白div
div.space1{
  height: 500px;
}*/

/*Ama.on宇宙音では… div*/
section div.about1 div.logo2a img{
  position: absolute;
  top: 2870px;
  left: 195px;
  width: 1000px;
  height: 86px;
  /*text-align: center;*/
  /*text-align: centerはきかない*/
}


/*バナーdiv*/
section div.about1 div.banner1{
  position: absolute;
  top: 2960px; 
  text-align: center;
}

/*div バナー*/
section div.about1 div.banner1{
  text-align: center;
}
section div.about1 div.banner1 a img:hover{
  border-color: #E0CA82;
}
section div.about1 div.banner1 img.click1{
border: #1E77A5 solid 1px;
}
section div.about1 div.banner1 img.click1:hover{
  border-color: #E0CA82;
}

/*フッター前の空白div*/
div.footer-front{
  margin-top: 290px;
}

/*フッター一括りdiv*/
footer div.footer-front1{
  margin-top: 10px;
}

/*＊＊＊＊＊＊＊＊【セッションメニューページ】＊＊＊＊＊＊＊＊*/
/*article class*/

/* セッションメニュー画像*/
article.application-guide div.session-menu img{
  width: 960px;
  height: auto;
}

article.application-guide{
  position: relative;
}
/*「お申し込みはこちら」
.application1{
  position: absolute;
  top: 178px;
  left: 674px;
  border: #D4B572 solid 1.5px;
}
.application2{
  position: absolute;
  top: 898px;
  left: 674px;
  border: #D4B572 solid 1.5px;
}
.application3{
  position: absolute;
  top: 1218px;
  left: 674px;
  border: #D4B572 solid 1.5px;
}
.application4{
  position: absolute;
  top: 2244px;
  left: 674px;
  border: #D4B572 solid 1.5px;
}
.application5{
  position: absolute;
  top: 2548px;
  left: 674px;
  border: #D4B572 solid 1.5px;
}
.application6{
  position: absolute;
  top: 3134px;
  left: 674px;
  border: #D4B572 solid 1.5px;
}*/
.application7{
  position: fixed;
  bottom: 5%;
  left: 60%;
  border: #D4B572 solid 1.5px;
}
/*.application8{
  position: absolute;
  top: 3840px;
  left: 674px;
  border: #D4B572 solid 1.5px;
}*/
.application9{
  position: fixed;
  bottom: 5%;
  left: 20%;
  border: #D4B572 solid 1.5px;
}
/*セミナーのご案内*/
#seminar-hom{
  position: absolute;
  top: 3841px;
  left: 100px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #99995c;
  color: #ffffff;
  font-size: 120%;
  padding-top: 3px;
  padding-left: 10px;
  padding-right: 400px;
  letter-spacing: 3px;
}

/* 　　　　ホメオパシーのページ　　　　　　　*/

article img.homoeopathy{
  width: 960px;
  height: auto;
}

/*「もっと詳しいことが知りたい方はこちら」
.seminar-guide1{
  position: absolute;
  top: 1270px;
  right: 64px;
  font-family: sans-serif;
  background-color: #a8315f;
  font-size: 150%;
  font-weight: 350;
  padding-top: 3px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 3px;
  
}
.seminar-guide1 a{
  text-decoration: none;
  color: #ffffff;
}

.seminar-guide2{
  position: absolute;
  top: 2611px;
  right: 64px;
  font-family: sans-serif;
  background-color: #a8315f;
  font-size: 150%;
  font-weight: 350;
  padding-top: 3px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 3px;
  
}
.seminar-guide2 a{
  text-decoration: none;
  color: #ffffff;
}
.seminar-guide3{
  position: absolute;
  top: 3746px;
  right: 64px;
  font-family: sans-serif;
  background-color: #a8315f;
  font-size: 150%;
  font-weight: 350;
  padding-top: 3px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 3px;
  
}
.seminar-guide3 a{
  text-decoration: none;
  color: #ffffff;
}*/
.seminar-guide4{
  position: fixed;
  bottom:5%;
  left: 36%;
  font-family: sans-serif;
  background-color: #a8315f;
  font-size: 150%;
  font-weight: 450;
  padding-top: 5px;
  padding-left: 13px;
  padding-right: 13px;
  padding-bottom: 5px;
  border-radius: 10px;
  
}
.seminar-guide4 a{
  text-decoration: none;
  color: #ffffff;
}

/*準備中画像*/
.under-preparation{
  text-align: center;
}

/* ウインドウ幅が768px以下の場合*/
@media (max-width:768px){
  /*screen andをつけるとNG*/
  /* ヘッダー*/
  header div.header-in div.header-logo img{
  float:none;
}
header div.header-in{
  max-width: 90%;
  text-align:center;
  /*これ外すとロゴのみ左寄りに*/
}
header{
  width:auto;
  font-size: 85%;
}
header div.header-in div.header-logo img{
  max-width: 100%;
  height: auto;
  margin-top: 0%;
  /*ここにtext-align:center;は不要*/
}
header div.header-in nav ul{
  text-align:center;
   /*これ外すとナビのみ右寄りに*/
  padding:0;
}
/*　　　　　　　　　ヘッダーここまで　　　　　　*/

article{
  width: auto;
}
article div img.topangel{
  max-width: 100%;
  height: auto;
  text-align: center;
}
article img.message{
  max-width: 92%;
  height: auto;
  top: -10px;;
}
article img.jun{
  max-width: 42%;
  height: auto;
  top: 64px;
  left:30px;
}
article img.topcopy1{
  max-width: 90%;
  height: auto;
  top: 210px;
  left:20px;
}

/*私の中のたくさんの意識*/
section div.main-message p.line1{
  /*text-align: center;*/
  font-size: 100%;
  /*line-height: 2.5;*/
}

/*あなたはどんなシフトチェンジをお望みですか*/
section div.top-container1{
  /*text-align: center;*/
  font-size: 120%;
}
/*section div.top-container1 h1.content1{
  background-color: #1E77A5;
  color: #ffffff;
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left:50px ;
  border-right: 50px;
  margin-top: 10px;
}*/

/*私たちは、意識をちょっと変化させるだけで、*/
section p.line2{
  font-size: 100%;
}
section p.line2 span{
  color: #8e0d1c;
}

section div.en2 img{
  max-width: 100%;
  height: auto;
}
section div.en2 {
text-align: center;
}
/*縁▶︎円です。すべてつながっています。
section div.l5-container {
  text-align: center;
}*/
section div.l5-container p.line5 {
  font-size: 100%;

}
/* 私たちの意識は常に周波数として周囲に発振し続けています。
section div.l6-container{
  text-align: center;
}*/
section div.l6-container p.line6{
  font-size: 100%;
}

section div.logo2 img{
  max-width: 100%;
  height: auto;
}

div.logo2{
  text-align: center;
}
div.logo2 img{
  max-width: 100%;
  height: auto;
}


/* 　　　ここからフッター　　　*/
footer{
  width: auto;
}
footer img.footer-base{
  max-width: 100%;
  height: auto;
}
footer img.footer-logo{
  max-width: 0%;
  height: auto;
}
footer img.footer-logo{
  position:initial;
  text-align: center;
}
footer ul div.footer-in li{
    font-size: 100%;
  padding-left: 5px;
  padding-right: 5px;
}
footer ul div.footer-in{
  /*position:initial;
  text-align: center;*/
  position: absolute;
  top:13px;
  left:46px;
}
footer p.copy{
  position: initial;
  text-align: center;
  font-size: 80%;
  
}

/* ＊＊＊＊＊＊【２ページ　about us】＊＊＊＊＊＊*/

/*固定背景天使画像*/
article div.fixedtop{
  /*背景画像は高さをもたないためheightの指定が必要*/
  height:2750px;
  /*相対パスで画像ファイルを指定*/
  background-image:url(../image/top2.png) ;
  /*position:fixed;*/
  background-attachment: fixed;
  /*画像の位置を調整*/
  background-position: top;
  /*画像の調整*/
  background-size: contain;
  background-repeat: no-repeat;
}

article{
  position: relative;
}
/*本文一括り*/
article div.top-container{
  position: absolute;
  top: 10px;
  font-size: 105%;
  color: #1E77A5;
  line-height: 3.0;
  margin-left: 20px;
  margin-right:20px ;
}

/*Ama.on宇宙音では… div*/
section div.about1 div.logo2a img{
  position: absolute;
  top: 3250px;
  left: 110px;
  max-width: 100%;
  height:auto;
  /*text-align: center;*/
  /*text-align: centerはきかない*/
}
/*バナーdiv*/
section div.about1 div.banner1{
  position: absolute;
  top: 3370px; 
  text-align: center;
}

/*フッター前の空白div*/
div.footer-front{
  margin-top: 290px;
}

footer{
  position: relative;
}

/*フッター一括りdiv*/
footer div.footer-front1{
  position: absolute;
  top:3500px;

  margin-top: 10px;
}

/* 　　　　ホメオパシーのページ　　　　　　　*/

article img.homoeopathy{
  max-width: 100%;
  height: auto;
}
/*「もっと詳しいことが知りたい方はこちら」
.seminar-guide1{
  position: absolute;
  top: 528px;
  right: 30px;
  /*font-family: sans-serif;
  background-color: #a8315f;
  font-size: 100%;*/
  /*font-weight: 350;
  padding-top: 3px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 3px;
  
}
.seminar-guide2{
  position: absolute;
  top: 1113px;
  right: 30px;
  font-size: 100%; 
}
.seminar-guide3{
  position: absolute;
  top: 1600px;
  right: 30px;
  font-size: 100%;
}*/
.seminar-guide4{
  /*position: absolute;
  top: 1945px;
  right: 30px;*/
  font-size: 110%;
  font-weight: 400;
}

/* 　　　　　　　　　　セッションメニュー　　　　　　　　　*/

article.application-guide{
  width: auto;
}

article.application-guide div.session-menu img{
  max-width: 100%;
  height: auto;
}

/*「お申し込みはこちら」*/
article.application-guide img.application1{
  position: absolute;
  top: 76px;
  left: 275px; 
  max-width: 90px;
  height: auto;
}
.application2{
  position: absolute;
  top: 380px;
  left: 275px;
  max-width: 90px;
  height: auto;
}
.application3{
  position: absolute;
  top: 520px;
  left: 275px;
  max-width: 90px;
  height: auto;
}
.application4{
  position: absolute;
  top: 950px;
  left: 275px;
  max-width: 90px;
  height: auto;
}
.application5{
  position: absolute;
  top: 1089px;
  left: 273px;
  max-width: 90px;
  height: auto;
}
.application6{
  position: absolute;
  top: 1335px;
  left: 275px;
  max-width: 90px;
  height: auto;
}
.application7{
  position: absolute;
  top: 1424px;
  left: 275px;
  max-width: 90px;
  height: auto;
}
.application8{
  position: absolute;
  top: 1640px;
  left: 273px;
  max-width: 90px;
  height: auto;
}
.application9{
  position: absolute;
  top: 1940px;
  left: 244px;
  max-width: 90px;
  height: auto;
}
/*セミナーのご案内*/
article div h1 #seminar-hom{
  position: absolute;
  top: 1633px;
  left: 42px;
  font-size: 80%;
  padding-top: 3px;
  padding-left: 20px;
  padding-right: 40px;
  padding-bottom: 3px;
  /*letter-spacing: 3px;*/
}
}

/* 　　　　扉のページ　　　　　　　*/
article img.tobira1{
  max-width: 100%;
  height: auto;
}

.seminar-guide5{
  position: fixed;
  bottom:5%;
  left: 36%;
  font-family: sans-serif;
  background-color: #f0c645;
  font-size: 100%;
  font-weight: 450;
  padding-top: 5px;
  padding-left: 13px;
  padding-right: 13px;
  padding-bottom: 5px;
  border-radius: 10px;
  
}
.seminar-guide5 a{
  text-decoration: none;
  color: #ffffff;
}

article.tobira1 img{
  width: 960px;
  height: auto;
}