@charset "UTF-8";
:root {
  --dark: #000;
  --black: #333;
  --light: #666;
  --white: #fff;
  --magenta:#DB03A8 ;
  --turquoise:#0BE1F7;
  --yellow:#FFE900;
  --blue: #4184F3;
  --shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
  
}

body{
	animation: bgchange 20s ease infinite;
} 

@keyframes bgchange{
      0%   {background:#0BE1F7;}
      25%  {background:#58eafa;}
      50%  {background:#f8f883;}
      75%  {background:#fae207;}
      90%  {background:#02d5ec;}
      100% {background:#0BE1F7;}
 }  


.background::before {
  background: url('../image/top.svg') no-repeat  center;
  background-size: cover;
  background-position-y: 70px;
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
} 

/* トップ */
.top {
  max-width: 1200px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0px 30px 30px;
  text-align: center;
  
}
/* secロゴ */
.top-box {
  margin: 100px 0 30px;
}
.logo-sec04 {
  width: 200px; 
}
/* ワンコネクション・ヒーリングサークルロゴ */
.logo-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 70px;
 
}
.logo-box img {
  width: 200px;
}



/* セクション共通項目 */
section {
  max-width: 800px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 30px 0;
  display: flex;
  gap: 30px;
 
}

/* テキスト項目 */
 .text {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px 0px;
  gap: 56px;
 
 }
 .title {
   text-align: center;
 }
 .text p {
  font-size: 1.6rem;
  font-family: a-otf-ryumin-pr6n,serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: .1;
  line-height: 1.5em;
 }
 .name {
   text-align: right;
 }

/* モバイル用メディアクエリ */

@media (max-width: 768px) {

  /* 背景 */
   .background {
    background-position: 50% 0;
  } 
  
  .text {
    width: 90%;
   }
 
}