@charset "UTF-8";

/*==================================================
common
==================================================*/

* {
  box-sizing: border-box;
  line-height: 1px;
}

html {
  width: 100%;
  height: 100%;
  position: relative;
}

body {
  margin: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

section {
  position: relative;
  z-index: 0;
}

.container {
  z-index: 0;
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}

#icon-parking {
  position: absolute;
  right: 0;
  bottom: 0;
  width: min(170px, 21.25vw);
  height: min(170px, 21.25vw);
  margin-right: 2.5%;
  margin-bottom: -18%;
}

.badge-kikangentei {
  position: absolute;
  top: 0;
  left: 0;
  aspect-ratio: 1 / 1;
  width: 23.75%;
  height: auto;
  margin: -7.1% 0 0 4%;
}

/*==================================================
cv area
==================================================*/

.cv-area .container {
  position: relative;
}

.cv-area-01 .container {
  background: url(../img/cv-area-01.png) no-repeat top center / cover;
  aspect-ratio: 800 / 433;
}

.cv-area-02 .container {
  background: url(../img/cv-area-02.png) no-repeat top center / cover;
  aspect-ratio: 800 / 483;
}

.cv-area-03 .container {
  background: url(../img/cv-area-03.png) no-repeat top center / cover;
  aspect-ratio: 800 / 463.5;
}

.cv-area .container a {
  display: inline-block;
  width: 80%;
  height: auto;
  aspect-ratio: 640 / 136;
  background: #fff;
}

.cv-area .container a img:hover {
  opacity: 0.8;
}

.cv-area-01 .container a {
  margin: 26.75% 10% auto 10%;
}

.cv-area-02 .container a {
  margin: 33.00% 10% auto 10%;
}

.cv-area-03 .container a {
  margin: 30.25% 10% auto 10%;
}