@charset 'UTF-8';/*  */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');

/* Base
------------------------------------------------------------*/
html {
    font-size:1vw;
}

body {
    font-family: serif;
    font-size:20px;
    font-style: lighter;
    line-height: 1.6;
    letter-spacing: .1em;
    color: #000;
    font-weight: 200;
    text-align: left;
    text-decoration: none;
    margin:0vw;
    background-color: #fff;
    }

p{
  font-size: 12.5px;
}
h4{
  margin:0.5vh 0vh;
}
.center{
  text-align: center;
}

#glass1{
  width: 80vw;
  background-color: rgba(255, 255, 255, 0.2); /* 半透明な背景色 */
  backdrop-filter: blur(10px); /* 背景のぼかし効果 */
  border-radius: 10px; /* 角丸の形状 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* 影の演出 */
  margin:auto;
  padding:5vw;
  margin-bottom: 2vh;
}

.flex{
}
section{
  margin:3vh 10vw;
}
svg{
  width:16px;
  height:16px;
}
.btn {
  padding: 12px 24px;
  background-color: rgba(255, 255, 255,);
  backdrop-filter: blur(10px);
  border: none;
  border-radius:6px; /* 角を丸くする */
  font-size: 16px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s;
}

.btn2 {
  padding: 12px 12px;
  background-color: rgba(255, 255, 255,);
  backdrop-filter: blur(10px);
  border: none;
  border-radius:100px; /* 角を丸くする */
  font-size: 16px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s;
}

.btn:hover {
  background-color: rgba(255, 255, 255, 0.6);
}

.w100{
  width:80vw;
}
.mleft{
  margin-left: 2vw;
}