:root {
  --compwidth: 750;
}

body {
  background-color: #004088;
  font-family: sans-serif;
  font-size: clamp(0.88rem, 2.79vw + 0.32rem, 1.63rem);
}

.bg-w {
  background-color: #fff;
  padding-bottom: 15%;
}
.bg-blue {
  background-color: #014292;
}
.bg-blue2 {
  background-color: #004088;
}

.bg-wgray{
  background-color: #f5f5f5;
}
.header {
  padding:0;
  margin:0;
  background-color: #01326D;
}
main {
  padding-bottom: 0;
}
.center-wrap { max-width: 750px; margin: auto;}
.fv {
  position: relative;
  background-color: #004088;
}
.fv_img {
  margin:auto;
}

.btn {
  /* position: absolute; */
  bottom: 8%;
  /* transform: translateX(-50%); */
  left: 50%;
  width: min(90%,570px);
  margin: auto;
  padding: 10% 0 18%;
}

.hov:hover {
  opacity: 0.8;
}
/* .hov:hover::before  {
  background-color: #fff;
  opacity: 0.1;
} */
.item-img {
  max-width: 750px; margin: auto;
}
.btn2 {
  display: block;
  margin: auto;
  width: min(90%,570px);
}
.footer {
  padding-top: min(22.67%, 170px);
  padding-bottom: 35px;
  background-color: #014292;
}
.address {
  text-align: center;
  color: #fff;
}
.address_img {
	display: inline;
	width: min(451px,60%);
}
.tac {
  text-align: center;
}

.copyright {
  color: #B2A8B0;
  padding-top: min(4%, 28px);
  padding-left: 2%;
  padding-right: 2%;
}
.min14 {
  font-size: clamp(12px, 0.93vw + 9.02px, 16px);
}