@charset "UTF-8";

/* ¹²Í¨¥Ñ©`¥Ä */

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

.honor {
  /*font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", Meiryo, ¥á¥¤¥ê¥ª, sans-serif;*/
  font-size: 3.6vw;
  /*-webkit-font-smoothing: antialiased;
  font-feature-settings: "palt"1;*/
  line-height: 1.8;
  letter-spacing: .05em;
  background: #fff;
  color: #000;
}

.mv {
  position: relative;
  padding: 29% 3% 40%;
  background: url(../img/mv_bg.png) no-repeat;
  background-size: 100%;
}

.mv .back_btn {
  position: absolute;
  top: 5%;
  left: 5%;
}


.mv .back_btn {
  position: absolute;
  top: 9%;
  left: 7%;
  width: 34px;
  height: 34px;
  margin-top: -17px;
  background: #fff;
  border: 1px solid #C9C6C0;
  border-radius: 4px;
  z-index: 1;
}

.mv .back_btn a {
  display: block;
  width: 100%;
  height: 100%;
}

.mv .back_btn a:after {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4px;
  margin-left: -3px;
  border-left: 2px solid #C9C6C0;
  border-top: 2px solid #C9C6C0;
  transform: rotate(135deg);
  -webkit-transform: rotate(-45deg);
}

.intro_ttl {
  width: 28%;
  margin: 0 auto -3%;
  padding: 0;
}

.intro p {
  font-size: 3.4vw;
  text-align: center;
}

.intro_main {
  padding: 4% 0 8%;
  background: url(../img/intro_bg.png) no-repeat;
  background-size: 88%;
  background-position: center top;
}

.intro_subttl {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.intro_subttl i {
  display: block;
  width: 28%;
  margin: 4% 1.6% 0;
}

.intro_subttl i img {
  vertical-align: baseline;
}

.intro_subttl span {
  display: block;
  font-size: min(4vw,20px);
  letter-spacing: 0.08em;
  line-height: 1.4;
  font-weight: 400;
}

.intro_desc {
  margin-top: 1.8vw;
  text-align: center;
  font-size: min(3.2vw,13px);
}

.comment {
  position: relative;
  padding: 0 5%;
  margin: 6% 0 12%;
}

.comment_desc {
  position: relative;
  padding: 12% 8%;
  background: #faf9f4;
  box-shadow: 0 0 18px 3px rgb(201 201 201 / 32%);
}

.comment_desc:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 22px);
  height: calc(100% - 22px);
  border: 1px solid #bcaa61;
  transform: translate(-50%,-50%);
}

.comment_deco01 {
  position: absolute;
  right: 0;
  top: -4%;
  width: 43%;
  z-index: 2;
}

.comment_deco02 {
  position: absolute;
  left: -1%;
  bottom: -4%;
  width: 43%;
  z-index: 2;
}

.review_ttl {
  margin: 4% 0;
  padding: 0;
  box-sizing: border-box;
}

.review_list {
  display: flex;
  flex-direction: column;
  gap: min(5vw,20px);
  padding: 0 5%;
}

.review_item {
  padding: 5%;
  background: #fffdf4;
}

.review_top {
  display: flex;
  align-items: center;
  gap: 6%;
}

.review_img {
  width: 32%;
}

.review_top h4 {
  width: 64%;
  font-size: min(4.4vw,24px);
  line-height: 1.6;
  font-weight: 600;
  font-family: "Noto Serif JP", serif;
}

.review_btm {
  margin-top: 5%;
  font-size: min(3.8vw,16px);
  line-height: 1.6;
}

.review_note {
  margin: 5% 0;
  padding: 0 5%;
  font-size: min(3.8vw,16px);
}

.cv_btn {
  margin: 5% 0 10%;
  padding: 0 5%;
}

.cv_btn a {
  display: block;
  border-radius: 50px;
  padding: min(4.8vw,27px) 0 min(5vw,28px);
  color: #fff;
  font-size: min(4.8vw,24px);
  text-shadow: 0 0 8px rgba(0,0,0,0.12);
  font-weight: 600;
  text-decoration: none; 
  background: linear-gradient(180deg, #dcc350 0%, #e7d575 22%, #e7d574 38%, #d1b02d 100% );
  text-align: center;
}