html {
    scroll-behavior: smooth;
}

li {list-style-type: none;}

.floating-banner {
  position: fixed; /* バナーを追従させる */
  z-index: 99999; /* 他の要素の下に隠れないように */
  bottom: 30px; /* バナーの上下の位置 */
  right: 0px; /* バナーの左右の位置 */
  width: 280px; /* バナーの横幅 */
}
.floating-banner__image {
  max-width: 100%; /* 画像の最大幅 */
}

@media screen and (max-width: 990px) { /* タブレット用のブレイクポイントを指定 */
  .floating-banner {
    display: none; /* タブレットサイズ以下でPC用のバナーを非表示に */
  }
}

@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
  .floating-banner {
   display: none; 
  }
}

.floating-banner2 {
  position: fixed; /* バナーを追従させる */
  z-index: 99999; /* 他の要素の下に隠れないように */
  bottom: 0px; /* バナーの上下の位置 */
  right: 0px; /* バナーの左右の位置 */
  width: 100vw; /* スマホの画面幅いっぱいにバナーを表示 */
}

.normal{
font-size:16px;
line-height:normal;
}
p.small{
line-height:90%;
}
p.big{
line-height:200%;
}

.sample {
	font-size: 25px;
　 line-height: 5em;
	text-align: center;
	display: block;
}
.sample .text {
	text-align: left;
   line-height: 1.5em;
	display: inline-block;
}

@media screen and (max-width: 560px) {
    .text {
        font-size: 15px;
    }
}

.marker-border-1{
    background:linear-gradient(transparent 50%, #e1a0be 0%);
}

.sample .text2 {
    	font-size: 25px;
	text-align: center;
   line-height: 1.5em;
	display: inline-block;
}
@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
.sample .text2 {
   font-size: 15px; /* スマホの画面 */
  }
}

.box {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
}

.flex1 {
}

.image {
width: 300px; 
}

.text {
   	font-size: 25px;
	text-align: center;
   line-height: 1.5em;
	display: inline-block;
}
@media screen and (max-width: 990px) { /* タブレット用のブレイクポイントを指定 */
.text {
    font-size: 16px; /* タブレットサイズ以下 */
  }
}
@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
.text {
   font-size: 15px; /* スマホの画面 */
  }
}


.text4 {
   	font-size: 25px;
	text-align: left;
   line-height: 1.5em;
	display: inline-block;
}
@media screen and (max-width: 990px) { /* タブレット用のブレイクポイントを指定 */
.text4 {
    font-size: 16px; /* タブレットサイズ以下 */
  }
}
@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
.text4 {
   font-size: 15px; /* スマホの画面 */
  }
}

.text5 {
   	font-size: 34px;
	text-align: left;
   line-height: 1.5em;
	display: inline-block;
}
@media screen and (max-width: 990px) { /* タブレット用のブレイクポイントを指定 */
.text2 {
    font-size: 16px; /* タブレットサイズ以下 */
  }
}
@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
.text2 {
   font-size: 15px; /* スマホの画面 */
  }
}



.profile{
text-align: center;
}

.profile_img{
        width: 500px;
      margin-bottom: 2rem;
}
@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
.profile_img {
   display: none; 
  }
}


.profile_text1{
        font-size: 25px;
}
@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
.profile_text1 {
  font-size: 15px;
padding-top: 2rem;
  }
}


.profile_text2{
        font-size: 34px;
}
@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
.profile_text2 {
  font-size: 20px;
  }
}


.profile_snsurl{
        width: 200px;
}

.profile_sns{
        width: 80px;
          margin-bottom: 2rem;
}

@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
.profile_sns {
        width: 50px;
  }
}





.grid {
  display: grid;
  margin-bottom: 1.5rem;
}

.menu{
          color: #3D3A39;
                 margin: 0 auto;
}

.footer {
    　color: #3D3A39;
             margin: 0 auto;
    width: 70%;
  font-size: 20px;
}

.footer__navi-heading {
  font-weight: 600;
    
}

.footer__logo {
                 margin: 0 auto;
        width: 250px;
  display: inline-block;
}
@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
.footer__logo  {
         margin: 0 auto;
        width: 150px;
  display: inline-block;
  }
  }


a {
　color: #3D3A39;
  text-decoration: none;
 
}

.footer__navi1 {
 margin-bottom: 20px;
padding:0;
}

.footer__navi1 li {
         margin: 0 auto;
      color: #3D3A39;
       line-height: 2.2em;
  list-style:none;
    color:inherit;
}
@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
.footer__navi1 li  {
   font-size: 15px; /* スマホの画面 */
  }
  }


.footer__navi2{
padding:0;
     list-style:none
}

.footer__navi2 li {
       margin: 0 auto;
    width: 180px;
      padding-bottom:20px;
  list-style:none;
}
@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
.footer__navi2 li  {
       margin: 0 auto;
    width: 150px;
  list-style:none;
   padding-bottom:10px;
  }
  }


.md-flex {
  }
 @media screen and (min-width: 900px) {
     .md-flex {
             display: flex;
  }

  .md-justify-between {
          grid-template-columns: repeat(3, 1fr);
  }