@charset "UTF-8";
/*-------------------------
仮サイト用（公開前 index.html 専用）
基準幅：デザインカンプ s01.jpg の 1145px
-------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

body {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;
  background-color: #fff;
}

#kari-main {
  min-height: 100vh;
  background-image: url(../images/kari/header01.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#kari-main-in {
  padding: 4.4rem 4% 2.5rem;
  text-align: center;
}

.kari-lead {
  font-size: clamp(16px, 17 / 1145 * 100vw, 17px);
  font-weight: 600;
  line-height: 1.68;
  color: #605d58;
}

.kari-lead-name {
  display: inline-block;
}

.kari-logo {
  width: 180px;
  max-width: 100%;
  margin: 1.6rem auto 0;
}

.kari-sns {
  display: flex;
  justify-content: center;
  gap: 0 28px;
  margin-top: 1.1rem;
}

.kari-sns li {
  flex-basis: 41px;
  width: 41px;
  max-width: 100%;
}

.kari-sns a {
  display: block;
}

.kari-sns a:hover {
  opacity: 0.7;
}

.kari-info {
  margin-top: 2rem;
  font-size: clamp(12px, 13 / 1145 * 100vw, 13px);
  line-height: 1.77;
  color: #646368;
}

.kari-info dt,
.kari-info dd {
  display: inline;
}

.kari-mail {
  color: inherit;
  text-decoration: none;
}

.kari-mail:hover {
  text-decoration: underline;
}