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

 }


body {background:#fff;
color:#4d4d4d;

letter-spacing: 0.2em;
}




img {width:100%;}

a {text-decoration: none; color:#4d4d4d;}
a:hover {color:#153162;}


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

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


.sp {display:none;}

ul {padding-left:1em; font-size: 1.5vw; line-height: 1.5;}

li {list-style: none; text-indent: -1em;}






.content  {
font-size:1.8vw;
padding:50px 20px;
margin:0px auto;
  text-align: left;
  
width:80%;

line-height: 2;
font-weight: bold;
}

h1,h2,h3,h4 {margin:0;  }

h1 {font-size:4vw;  margin-bottom:50px;}
h2 {font-size:2.2vw;  }
h3 {font-size:1.8vw;  }
h4 {font-size:2vw;  }

.stitle {background:#0082c9; display:table; color:#fff; padding:10px 30px;
border-radius: 20px;margin-bottom: 50px;
}


.ftitle {background:#0082c9; display:table; color:#fff; padding:10px 15px;
line-height: 1.2; font-feature-settings: "palt";
}

.ftitle span {font-size:1.5vw;}

.space80 {margin-bottom: 80px;}
.space50 {margin-bottom: 50px;}
.space20 {margin-bottom: 30px;}
.space {margin-bottom: 120px;}
.no {margin-bottom:10px!important;}
.up {margin-top:-8vw;}

.step {border:3px solid #4d4d4d;  position: relative; margin:0 auto; 
 line-height: 2;
padding:50px;
margin-bottom:60px;
font-feature-settings: "palt";
text-align:left;
font-weight:bold;
}

.step span {font-size: 1.8vw;}

.stept {width:150px;

position: absolute;
  top: 0;
  left: 3%;
transform: translateY(-50%); 

}

.red {color:#c1272d;}

.int {}

.intin {display:flex; text-align: left; gap:20px; margin-top:20px;}
.mini {font-size: 1.5vw; line-height:1.5!important; font-feature-settings: "palt";}
.intlabel {background:#59bdec; display:table; color:#fff; padding:0px 20px; border-radius: 20px;
white-space: nowrap;

}


.red {color:#c1272d!important;}


.left {text-align:left;}
.leftp {padding-left:1em;}

.big {color:#0082c9; font-size:8vw;}

.present {border:3px solid #0082c9; position: relative; padding:50px 50px;
text-align: center;
align-items: center;
}
.presentt {font-size:3vw; position: absolute;
  top: 0;
  left: 50%;
transform: translate(-50%, -50%);
background: #fff;
white-space: nowrap;
color:#0082c9;
font-weight: bold;
}


.kan {display: flex; gap:10%; align-items: center;}
.pout {display: flex; gap:10%; justify-content:center; align-items: center;}

.pin {width:30%;}


.slogo {width:30%; margin:20px 0;}

.normal {font-weight: normal;}


iframe[src*="google.com/maps"] {
  aspect-ratio: 16 / 9; /* 縦横比を16:9に設定 */
  width: 100%;
  height: auto;
}


.blue {color:#0082c9;}
.red {color:#ff0000;}
.sns {display:flex; padding-left:1em;}


.tenpo a {text-decoration: underline;}



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

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

body {letter-spacing: 0em;}

.content {width:100%; 
font-size:3.5vw;


}


h2 {font-size:4.5vw;  }
h3 {font-size:4vw;  }
h4 {font-size:3.5vw;  }


.stitle {;margin-bottom: 20px;
}
.ftitle span {font-size:3.5vw;}

.space50 {margin-bottom: 20px;}
.space20 {margin-bottom: 10px;}
.space80 {margin-bottom: 40px;}
.space {margin-bottom: 50px;}

.step {padding:20px; border:2px solid #4d4d4d;}
.step span {font-size: 1.8vw;}

.stept {width:100px; 
}

.big {font-size:12vw;}

.mini {font-size: 3vw;}
ul {font-size: 3vw;}

.pin {width:40%;}
.slogo {width:40%; }


.present {padding:10px; bborder:2px solid #0082c9;
}
.presentt {font-size:5vw; }

.kan {gap:5%;}
.pout {gap:5%;}


iframe[src*="google.com/maps"] {
  aspect-ratio: 16 / 16; /* 縦横比を16:9に設定 */

}

}