@charset "UTF-8";
/* A Modern CSS Reset */

*{
  margin: 0;
  padding: 0;
  color:#ffffff;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  list-style: none;
  line-height:  140%;
  letter-spacing: 0.47px;
}


a{
  text-decoration: none;
}

a:hover{
  opacity: .8;
}

input[type="submit"]:hover{
  opacity: .8;
}

img{
  width: 100%;
  max-width: 100%;
  vertical-align: bottom;
}

.wrapper {
  margin: 0 auto;
}

section{
  padding:80px 40px;
  box-sizing: border-box;
  width: 100%;
  margin:0px auto;
}

/*color*/
.white{
  color: white;
}

.bg_white{
  background-color: white;
}

.bg_gray{
  background-color: rgb(147 147 147 / 0.43);
}


/*font*/
.f32 {
    font-size: 32px;
}

.f20 {
    font-size: 20px;
}



.main{
  margin-top: 68px;
}


.line{
  border: solid 1px #ffffff;
}



/*announce*/
.announce{
  background-image: url(img/pc.png);
  background-size: cover;
  height: 100vh;
}

.inner{
  width: 640px; 
  max-width: 90%;
  margin: 0 auto; 
  padding: 80px 0;
}


.announce .logo{
  width:80% ;
  max-width:200px ;
  margin: 0 auto;
}

dl{
  width: 100%;

}

dt{
  border-bottom: solid 2px #ffffff;
  width: 30%;

}

dd{
  border-bottom: solid 1px #ffffff;
  width: 70%;
}





@media screen and (max-width: 1199px) {
   /*480px以下に適用されるCSS（スマホ用）*/ 
  .pc_only{
    display: none!important;
  }


  *{
    font-size: 14px;

  }

  

.f32 {
    font-size: 20px;
}


.f20 {
    font-size: 16px;
}

.announce{
  background-image: url(img/sp.png);
  background-size: cover;
  height: 100vh;
}

.gap-5{
  gap: 32px;
}

dt , dd{
  font-size: 14px!important;
}

dt{
  width: 40%;
}

dd{
  width: 60%;
}


}

@media screen and (min-width: 1200px) {
  
  .sp_only{
    display: none!important;
  }



}