@font-face {
  font-family: "myFont";
  src: url("KozGoPr6N-Regular.woff") format('woff2'),
       url("KozGoPr6N-Regular.woff2")  format('woff');
}

*{margin:0; padding:0; box-sizing: border-box; 
   font-family: "myFont", sans-serif;

 }





body {background:#c5e1ed;
color:#38424a;

letter-spacing: 0.2em;
}




img {width:100%;}

a {text-decoration: none; color:#38424a;}



a img {
  transition: transform 0.3s ease;
  display: inline-block;
}

a:hover img {
  transform: translateY(-5px); /* 上に5px移動 */
}


.sp {display:none;}

ul {padding-left:1em;}







.asha { width:100%; margin:60px auto; 
}
.photo { width:80%; margin:60px auto; 
}
.low {width:70%}

.content  {
font-size:1.2vw;
padding:100px 10px;
margin:0px auto;
  text-align: center;

width:60%;

}

h1,h2,h3,h4 {margin:0; line-height: 1; }

h1 {font-size:5vw;  margin-bottom:30px;}
h2 {font-size:3vw;  margin-bottom:100px;}



.description {border:3px solid #d5bba7; 
width:90%;
 position: relative; 
 margin:0 auto; 
 line-height: 2;
padding:80px 10px;

font-size: 1.2vw;

text-align:left;
font-weight:bold;
background: rgba(255,255,255,0.5);


}

.intdes {display:table;margin:0 auto;}

.description h2 {position: absolute;
  top: 0;
  left: 50%;

  font-size: 3vw;
  transform: translateY(-50%) translateX(-50%);

  background:#d5bba7;
  
  padding:10px 50px;
  padding-bottom: 20px;
  white-space: nowrap;

}


.int {line-height:3;}
.intin {display:flex; text-align: left; 
  line-height:2; }
.pad {margin:20px 0; font-weight:bold;}
.no {white-space: nowrap;}

.copy {font-size:1vw;line-height:1.5;
margin:50px 0;
}


.info {display:flex; flex-wrap: wrap; gap:30px; 
  justify-content: left; align-items: center;
margin:50px auto;
}

.jake {width:40%;}

.des {font-size: 2.5vw; line-height:1.5; 
font-weight: bold; 
text-shadow: 1px 1px 2px #999;
text-align: left;}
.des span {font-size:2vw;}

.left {text-align:left;}
.center {text-align:center;}



.send {display:table; background:#f5b3c0;  
padding:20px 30px;
padding-bottom:30px;  
border-radius: 20px;
line-height: 1;

font-size:2vw;

margin-top:20px;

box-shadow: 5px 5px 5px #999;
transition: transform 0.3s ease;
}

.auto {margin:0 auto;
margin-top:20px;

}




.send:hover {
  /* Y軸（縦方向）にマイナス5px移動させる（上に動く） */
  transform: translateY(-5px);
}








@media screen and (max-width:599px) {

.pc {display:none;}
.sp {display:block;}

body {letter-spacing: 0em;}

.content {width:100%; 
font-size:2.8vw;
margin:50px auto;
padding:50px 10px;
}




h1 {font-size:6vw;  margin-bottom:20px;}

h2 {font-size:6vw;  margin-bottom:50px;}
h2 span {font-size:5vw; }





.description {font-size:3.5vw; padding:50px 10px;width:95%;}

.description h2 {
padding-bottom: 10px;
font-size: 7vw;

}

.copy {font-size:3vw;line-height:1.5;
margin:50px 0;
}


.asha { width:100%; margin:40px auto; 
}
.photo { width:90%; margin:40px auto; 
}


.jake {width:90%;} 
.low {width:80%}

.info {justify-content: center;}
.des {font-size: 5vw;  text-align: center;}
.des span {font-size:4vw;}

.send {
font-size:5vw; 
margin:0 auto;
margin-top:20px;
padding-bottom:20px; 
}


.send2 {
font-size:5vw; 

}



}