@charset "UTF-8";

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

.pj-rmid_section,.pj-rmid_form_section {
  /* font-family: 'Noto Serif JP', serif; */
  /* font-family: 'YakuHanJP', 'Noto Sans Japanese', sans-serif; */
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  /* color: #333; */
	color: #A6803D;
  /* overflow: hidden; */
}

.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}


/* ==================================================== */
/* 共通 */
/* ==================================================== */
.pj-rmid_section {
	letter-spacing: 0.04em;
}
.pj-rmid_section_inner {
  max-width: 1000px;
  margin: 0 auto;
}

.pj-rmid_section_inner span {
  font-size: 14px;
  /* font-family: 'Noto Serif JP', serif; */
}

.pj-rmid_section_wrapper {
  width: 100%;
}

br.pj-rmid_txt_height {
  content: "";
  display: block;
  height: 10px;
}

@media screen and (max-width: 930px) {
  /* .pj-rmid_section_title {
    width: 50%;
  } */
}


/* ==================================================== */
/* kv */
/* ==================================================== */
.pj-rmid_kv {
  padding: 0 4vw;
  /* background: url(../img/pj-rmid_kv-bg.webp) 50% 0/cover no-repeat; */
}

.pj-rmid_kv_inner {
  /* padding: 70px 0 700px; */
  padding: 70px 0 100px;
}

@media screen and (max-width: 800px) {
  .pj-rmid_kv_inner {
    /* padding: 440px 0 660px; */
  }
}

/* .pj-rmid_fv {
  background-color: #fff;
  padding: 80px 200px;
} */

.pj-rmid_kv_wrapper {
  display: flex;
}

.pj-rmid_kv_title {
  /* max-width: 580px; */
  /* margin-right: 40px; */
}

/* .pj-rmid_kv_img {
  max-width: 400px;
  margin-top: 40px;
} */

.pj-rmid_kv_logo {
  /* max-width: 300px; */
  /* margin-left: 10%; */
}

.pj-rmid_kv_scroll::after {
  content: "";
  position: absolute;
  top: 55%;
  left: 50%;
  width: 1px;
  height: 60px;
  background: #A6803D;
  animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}

@keyframes sdl {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }

  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }

  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }

  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}


/* ==================================================== */
/* movie */
/* ==================================================== */
.pj-rmid_movie {
  /* margin-top: -480px; */
	/* padding: 70px 0; */
}

/* .pj-rmid_movie_inner .pj-rmid_section_title {
  max-width: 440px;
} */

/* .pj-rmid_kv_video {
  margin-top: 20px;
} */

.pj-rmid_kv_video video {
  width: 100%;
}

.pj-rmid_kv_video a {
  position: relative;
  display: block;
}

.pj-rmid_kv_video a::before {
  position: absolute;
  content: "";
  width: 10%;
  padding: 10% 0 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../img/hn_icn_play.svg) 0 0/contain no-repeat;
  opacity: 0;
  transition: 0.5s;
}

.pj-rmid_kv_video a:hover::before {
  opacity: 1;
}

/* モーダルビデオ */
.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 70;
  animation-timing-function: ease-out;
  animation-duration: .3s;
  animation-name: modal-video;
  cursor: initial;
  background-color: rgb(255 255 255 / 90%);
}

.modal-video.modal-video-mp4 {
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease-out;
}

.modal-video.modal-video-mp4.is-active {
  opacity: 1;
  visibility: visible;
}

.modal-video-body {
  max-width: 960px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  overscroll-behavior: contain;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  touch-action: none;
}

.modal-video-body::before,
.modal-video-body::after {
  content: "";
  width: 1px;
  height: calc(100vh + 1px);
  display: flex;
}

.modal-video-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 10px 60px;
  box-sizing: border-box;
}

.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  animation-timing-function: ease-out;
  animation-duration: .3s;
  animation-name: modal-video-inner;
}

.modal-video-mp4 .modal-video-movie-wrap {
  transform: translate(0, 50px);
}

.modal-video.modal-video-mp4.is-active .modal-video-movie-wrap {
  transform: translate(0, 0);
  transition: transform .3s ease-out;
  padding-bottom: 56.25%;
}

.modal-video-close-btn {
  width: 30px;
  height: 30px;
  top: -30px;
  right: -5px;
  cursor: pointer;
  position: absolute;
  z-index: 2;
  display: inline-block;
  overflow: hidden;
  border: none;
  background: transparent;
}

.modal-video-mp4 .modal-video-movie-wrap video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-video-close-btn:before,
.modal-video-close-btn:after {
  content: '';
  position: absolute;
  height: 3px;
  background: #000;
  width: 100%;
  top: 50%;
  left: 0;
  border-radius: 5px;
  margin-top: -6px;
}

.modal-video-close-btn:before {
  transform: rotate(45deg);
}

.modal-video-close-btn:after {
  transform: rotate(-45deg);
}

.pj-rmid_kv_title_logo {
  max-width: 348px;
  margin: 60px auto 0;
}

.pj-rmid_kv_statement {
  max-width: 520px;
  margin: 0 auto;
}

.pj-rmid_kv_statement img {
  margin: auto;
}

.pj-rmid_kv_statement::before {
  position: absolute;
  content: "";
  display: block;
  width: 120%;
  height: 150%;
  bottom: -115%;
  left: -40%;
  background-image: url(../img/pj-rmid_acc.png);
  background-repeat: no-repeat;
}

@media screen and (max-width: 930px) {
  .pj-rmid_fv {
    padding: 6vw 10vw;
  }

  /* .pj-rmid_kv_title,
  .pj-rmid_kv_title_logo {
    width: 50%;
  } */
}

@media screen and (max-width: 800px) {
	.pj-rmid_kv_statement {
		padding-left: 5%;
	}
}

/* ==================================================== */
/* advertisement */
/* ==================================================== */
.pj-rmid_ad {
  position: relative;
  margin-top: 100px;
  padding: 0 4vw;
}

.pj-rmid_ad_inner {
  max-width: 1000px;
  margin: 0 auto;
}

.pj-rmid_ad_inner .pj-rmid_section_title {
  /* max-width: 420px; */
}

.pj-rmid_ad_bg {
  max-width: 610px;
  margin: 0 auto;
  /* opacity: 0.2; */
}

.pj-rmid_ad_bg {
  position: sticky;
  width: 30vw;
  margin: 100px auto 0;
  top: 37%;
  z-index: 0;
}

.pj-rmid_ad_bg-img {
  max-width: 100%;
  opacity: 0.12;
}

.pj-rmid_ad_container {
  z-index: 1;
  position: relative;
  margin-top: -200px;
	padding: 0 4vw 100px;
}

@media screen and (max-width: 800px) {
	.pj-rmid_ad_container {
		margin-top: 70px;
		padding: 0 0 70px;
	}

	.pj-rmid_ad_bg {
		display: none;
	}
}

/* .pj-rmid_ad_list-item {
  width: 35%;
}

.pj-rmid_ad_list-item:nth-child(odd) {
  margin-left: auto;
} */

.pj-rmid_ad_list-item video {
  max-width: 100%;
}

.pj-rmid_ad_slider_container {
  margin-top: 60px;
  width: calc(100% + 22vw);
}

.pj-rmid_ad_slider_slide video {
  max-width: 380px;
  margin-right: 30px;
}

.pj-rmid_ad_slider_slide video:hover {
  cursor: pointer;
}


/* ==================================================== */
/* report */
/* ==================================================== */
.pj-rmid_report {
  padding: 0 4vw;
}

.pj-rmid_report_inner .pj-rmid_section_title {
  /* max-width: 510px; */
}

.pj-rmid_report_slider {
  margin: 40px auto 0;
}

.pj-rmid_report_inner .pj-rmid_report_slider_inner {
  font-family: 'YakuHanJP', 'Noto Sans Japanese', sans-serif;
  display: flex;
  /* flex-direction: row-reverse; */
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 930px) {
  .pj-rmid_report_inner .pj-rmid_report_slider_inner{
    display: block;
  }
}

.pj-rmid_report_img img {
  max-width: 480px;
  width: 100%;
}

.pj-rmid_report_desc {
  max-width: 380px;
}

/* .pj-rmid_report_img::after {
  position: absolute;
  content: url(../img/pj-rmid_report_img-slide02.jpeg);
  rotate: -6deg;
  z-index: 2;
  top: 0;
}

.pj-rmid_report_img::before {
  position: absolute;
  content: url(../img/pj-rmid_report_img-slide03.jpeg);
  rotate: -10deg;
  z-index: 1;
} */

@media screen and (max-width: 930px) {
  .pj-rmid_report_img img {
    margin: 0 auto;
  }

  /* .pj-rmid_report_img::after,
  .pj-rmid_report_img::before {
    left: 22%;
  } */

  .pj-rmid_report_desc {
    max-width: 540px;
    width: 100%;
    text-align: center;
    margin: 110px auto;
  }
}

/* @media screen and (max-width: 820px) {
  .pj-rmid_report_img::after,
  .pj-rmid_report_img::before {
    left: 17%;
  }
}

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

  .pj-rmid_report_img::after,
  .pj-rmid_report_img::before {
    left: 11%;
  }
}

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

  .pj-rmid_report_img::after,
  .pj-rmid_report_img::before {
    left: 5%;
  }
} */

.pj-rmid_report_desc-ttl {
  font-size: 18px;
  font-weight: bold;
}

.pj-rmid_report_desc-sub-ttl {
  font-size: 14px;
  font-weight: bold;
}

.pj-rmid_report_desc-txt {
  margin-top: 20px;
}

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

  .pj-rmid_report_desc-txt {
    white-space: nowrap;
  }
}

/* 矢印 */
.pj-rmid_report_slider .slick-next,
.pj-rmid_report_slider .slick-prev {
  position: absolute;
  top: 97%;
}

.pj-rmid_report_slider .slick-prev {
  /* left: 54%; */
  /* left: 60px; */
  left: 2%;
}

.pj-rmid_report_slider .slick-next {
  /* right: 1%; */
  /* left: 470px; */
  left: 44%;
}

@media screen and (max-width: 930px) {
  .pj-rmid_report_slider .slick-next,
  .pj-rmid_report_slider .slick-prev {
    top: 96%;
  }
}

@media screen and (max-width: 400px) {
  .pj-rmid_report_slider .slick-next,
  .pj-rmid_report_slider .slick-prev {
    top: 95.4%;
  }
}

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

  .pj-rmid_report_slider .slick-next,
  .pj-rmid_report_slider .slick-prev {
    top: 96.4%;
  }
}

.pj-rmid_report_slider .slick-next::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #A6803D;
  border-right: 2px solid #A6803D;
  transform: rotate(45deg);
}

.pj-rmid_report_slider .slick-prev::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #A6803D;
  border-right: 2px solid #A6803D;
  transform: rotate(-135deg);
}

/* プログレスバー */
.pj-rmid_report_slider .slider-dots {
  display: flex;
  /* flex-direction: row-reverse; */
  /* margin-top: 20px; */
  margin-top: -80px;
  /* margin-left: 90px; */
  /* margin-right: 5%; */
  margin-left: 5%;
}

@media screen and (max-width: 1070px) {
  /* .pj-rmid_report_slider .slider-dots {
    margin-right: 6%;
  } */

  /* .pj-rmid_report_slider .slick-next {
    right: 2%;
  } */

  /* .pj-rmid_report_slider .slick-next,
  .pj-rmid_report_slider .slick-prev {
    top: 96%;
  } */
}

@media screen and (max-width: 1030px) {
  /* .pj-rmid_report_slider .slider-dots {
    margin-right: 7%;
  } */

  /* .pj-rmid_report_slider .slick-next {
    right: 3%;
  } */

  /* .pj-rmid_report_slider .slick-prev {
    left: 53%;
  } */
}

/* @media screen and (max-width: 980px) {
  .pj-rmid_report_slider .slider-dots {
    margin-right: 9%;
  }

  .pj-rmid_report_slider .slick-next {
    right: 4%;
  }

  .pj-rmid_report_slider .slick-prev {
    left: 51%;
  }
} */

@media screen and (max-width: 930px) {
  .pj-rmid_report_slider .slider-dots {
    display: block !important;
    text-align: center;
    margin-top: -580px;
    /* margin-right: 0; */
    margin-left: 0;
  }

  .pj-rmid_report_slider .slick-next {
    /* right: 25%; */
    left: 73%;
  }

  .pj-rmid_report_slider .slick-prev {
    left: 26%;
  }
}

@media screen and (max-width: 580px) {
  .pj-rmid_report_slider .slick-next {
    left: 84%;
  }

  .pj-rmid_report_slider .slick-prev {
    left: 14%;
  }
}

@media screen and (max-width: 570px) {
  .pj-rmid_report_slider .slider-dots {
    margin-top: -600px;
  }
}

@media screen and (max-width: 520px) {
  .pj-rmid_report_slider .slider-dots {
    margin-top: -640px;
  }
}

@media screen and (max-width: 462px) {
  .pj-rmid_report_slider .slider-dots {
    margin-top: -700px;
  }
}

@media screen and (max-width: 413px) {
  .pj-rmid_report_slider .slider-dots {
    margin-top: -730px;
  }
}

@media screen and (max-width: 389px) {
  .pj-rmid_report_slider .slider-dots {
    margin-top: -760px;
  }
}

@media screen and (max-width: 382px) {
  .pj-rmid_report_slider .slider-dots {
    margin-top: -790px;
  }
}

@media screen and (max-width: 372px) {
  .pj-rmid_report_slider .slider-dots {
    margin-top: -850px;
  }
}

@media screen and (max-width: 342px) {
  .pj-rmid_report_slider .slider-dots {
    margin-top: -850px;
  }
}

@media screen and (max-width: 336px) {
  .pj-rmid_report_slider .slider-dots {
    margin-top: -900px;
  }
}

.pj-rmid_report_slider .slider-dots li {
  display: inline-block;
  width: 4%;
}

.pj-rmid_report_slider .slider-dots li button {
  background-color: #EBECED;
}

.pj-rmid_report_slider .slick-active button:after {
  background-color: #A6803D;
  animation: progress 10s linear forwards;
}

@keyframes progress {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

@media screen and (max-width: 580px) {
  .pj-rmid_report_slider .slider-dots li {
    width: 6%;
  }
}


/* ==================================================== */
/* survey */
/* ==================================================== */
.pj-rmid_survey-entry_bg {
  background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)),
	url(../img/pj-rmid_kv-bg.webp)50% 0/cover no-repeat;
	/* -180deg */
}

.pj-rmid_survey {
  position: relative;
  /* background: linear-gradient(45deg, #AB893E, #CFB485 30%, #EFD7A6 50%, #CFB983 70%, #CFB983); */
  /* margin-top: 320px; */
}

.pj-rmid_survey_video {
  position: absolute;
  /* top: -210px; */
}

.pj-rmid_survey_inner {
  /* padding: 290px 0 180px; */
	padding: 100px 0;
}

@media screen and (max-width: 930px) {
  .pj-rmid_survey {
    /* margin-top: 450px; */
  }

  .pj-rmid_survey_video {
    margin-top: -80px;
  }

  .pj-rmid_survey_inner {
    /* padding: 120px 0 100px; */
		padding: 70px 0;
  }
}

.pj-rmid_survey_inner .pj-rmid_section_title {
  /* max-width: 510px; */
  /* margin: 0 auto 30px; */
  /* margin: 0 auto; */
}


.pj-rmid_survey_desc {
  max-width: 780px;
  margin: 0 auto 0;
  text-align: center;
  /* color: #fff; */
  color: #A6803D;
  line-height: 2;
  letter-spacing: 0.04em;
}

.pj-rmid_survey_slider_container {
  margin-top: 80px;
}

.slick-dotted.slick-slider {
  margin-bottom: 80px;
}

.pj-rmid_survey_slider_slide {
  max-width: 704px;
  margin-right: 50px;
	/* padding: 0 25px; */
  box-shadow: 3px 6px 12px #33333312;
}

@media screen and (max-width: 800px) {
	.pj-rmid_survey_slider_slide {
			max-width: 80vw;
			/* margin-right: 50px; */
			/* padding: 0 25px; */
			/* box-shadow: 3px 6px 12px #33333312; */
		}
}

/* プログレスバー */
.pj-rmid_survey_slider_wrapper .slider-dots {
  width: 100%;
  margin: 20px 0 0;
  padding: 0;
  text-align: center;
  list-style: none;
}

.pj-rmid_survey_slider_wrapper .slider-dots li {
  display: inline-block;
  width: 6%;
}

button {
  position: relative;
  width: 100%;
  height: 2px;
  border: 0;
  background-color: #fff;
  font-size: 0;
}

button::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 0%;
  height: 100%;
}

.slick-active button:after {
  background-color: #A6803D;
  animation: progress 5.5s linear forwards;
}

@keyframes progress {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}


/* ==================================================== */
/* entry */
/* ==================================================== */
.pj-rmid_entry {
  position: relative;
  overflow: hidden;
  padding: 0 4vw;
	background-color: #E5ECF3;
}

/* .pj-rmid_entry::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top:-3%;
  right: -50%;
  background-image: url(../img/pj-rmid_acc.png);
  background-repeat: no-repeat;
} */

.pj-rmid_entry_inner {
  /* padding: 0 0 90px; */
	/* padding: 100px 0; */
}

.pj-rmid_entry_wrapper {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

.pj-rmid_entry_info {
  max-width: 480px;
  margin-right: 40px;
  color: #A6803D;
}

.pj-rmid_entry_title {
  font-size: 24px;
  line-height: 1.8;
  letter-spacing: 0.06em;
}

.pj-rmid_entry_disc {
  margin-top: 20px;
  line-height: 1.8;
  letter-spacing: 0.06em;
  font-size: 15px;
}

.pj-rmid_entry_gif {
  max-width: 400px;
  z-index: 10;
}

@media screen and (max-width: 930px) {
  .pj-rmid_entry_wrapper {
    display: block;
  }

  .pj-rmid_entry_info {
    margin: 40px auto 0;
  }

  .pj-rmid_entry_gif {
    margin: auto;
  }
}

.pj-rmid_entry_btn_wrapper {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  width: fit-content;
  gap: 1rem;
  margin: 0 auto;
}

@media screen and (max-width: 800px) {
  .pj-rmid_entry_btn_wrapper {
    display: block;
    max-width: 100%;
  }

  .pj-rmid_entry_btn:last-child {
    margin-top: 40px;
  }
}

.pj-rmid_entry_btn {
	margin: 80px 20px 0;
	text-align: center;
	font-size: 17px;
}

.pj-rmid_entry_btn2 {
	text-align: center;
	margin-top: 40px;
	font-size: 15px;
}

.pj-rmid_entry_btn p,
.pj-rmid_entry_btn2 p {
	margin-bottom: 10px;
  white-space: nowrap;
}

.pj-rmid_entry_btn a {
  display: block;
  position: relative;
  max-width: 600px;
	margin: 0 auto;
  padding: 30px 0;
  text-align: center;
  font-size: 20px;
  color: #fff;
  text-shadow: 0 0 3px #ffffff66;
  background: linear-gradient(45deg, #AB893E, #CFB485 30%, #EFD7A6 50%, #CFB983 70%, #CFB983);
  box-shadow: 3px 6px 12px #33333312;
  border-radius: 9999px;
	overflow: hidden;
	letter-spacing: 0.06em;
}

.pj-rmid_entry_btn a::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  top: calc(50% - 5px);
  right: 30px;
}

.pj-rmid_entry_btn a::before {
  content: '';
  /*絶対配置でキラッと光るの位置を決める*/
  position: absolute;
  top: 0;
  left: -75%;
  /*キラッと光る形状*/
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  transform: skewX(-125deg);
}

/*hoverした際の移動のアニメーション*/
.pj-rmid_entry_btn a:hover::before {
  animation: shine 0.7s;
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.pj-rmid_entry_logo {
  max-width: 580px;
  margin: 120px auto 0;
}

.pj-rmid_entry_btn2 a {
	display: block;
	position: relative;
	max-width: 600px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	font-size: 16px;
	border: 2px solid #A6803D;
	border-radius: 9999px;
		box-shadow: 3px 6px 12px #33333312;
}

@media screen and (max-width: 800px) {
	.pj-rmid_entry_btn a {
		max-width: 100%;
		padding: 20px 4px;
		font-size: 17px;
	}
		.pj-rmid_entry_btn2 a {
			max-width: 100%;
			padding: 16px 4px;
		}
}

@media screen and (min-width: 931px) {
  .pj-rmid_white-box {
    display: none;
  }
}

@media screen and (max-width: 930px) {
  .pj-rmid_white-box {
    display: block;
    max-width: 100%;
    padding: 80px;
    background-color: #fff;
  }
}

@media screen and (max-width: 520px) {
  .pj-rmid_white-box {
    padding: 120px;
  }
}

@media screen and (max-width: 462px) {
  .pj-rmid_white-box {
    padding-bottom: 180px;
  }
}

@media screen and (max-width: 413px) {
  .pj-rmid_white-box {
    padding-bottom: 210px;
  }
}

@media screen and (max-width: 390px) {
  .pj-rmid_white-box {
    padding-bottom: 240px;
  }
}

@media screen and (max-width: 382px) {
  .pj-rmid_white-box {
    padding-bottom: 280px;
  }
}

@media screen and (max-width: 372px) {
  .pj-rmid_white-box {
    padding-bottom: 340px;
  }
}

@media screen and (max-width: 336px) {
  .pj-rmid_white-box {
    padding-bottom: 380px;
  }
}

/* ==================================================== */
/* form */
/* ==================================================== */
.pj-rmid_form {
  background: url(../img/pj-rmid_kv-bg.webp) 50% 0/cover no-repeat;
}

.pj-rmid_form_logo {
  max-width: 300px;
  margin: 40px auto;
}

.pj-rmid_form_title {
  font-size: 18px;
  text-align: center;
}

.pj-rmid_form_inner {
  margin-top: 40px;
  padding: 60px;
  background-color: #fff;
}

.pj-rmid_form_item span {
  font-size: 10px;
  font-weight: bold;
  color: red;
}

.pj-rmid_form_item dt {
  font-weight: normal;
  padding: 20px;
  background-color: #E8EAEE;
}

.pj-rmid_form_item dd {
  padding: 20px;
}

#form button,
textarea,
select,
input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
}

.pj-rmid_submit-btn {
  width: 50%;
  text-align: center;
  margin: 20px auto 0;
  color: #fff;
  background-color: #A6803D;
}


/* ==================================================== */
/* thanks */
/* ==================================================== */
.pj-rmid_thanks {
  background: url(../img/pj-rmid_kv-bg.webp) 50% 0/cover no-repeat;
}

.pj-rmid_thanks_section {
  margin-top: 100px;
}

.pj-rmid_thanks_txt {
  text-align: center;
}


/* ==================================================== */
/* animation */
/* ==================================================== */

/* ページ読み込むまでは全体を非表示 */
.pj-rmid_section {
  opacity: 0;
  transition: 1s ease;
}

/* ページ読み込みが終わったら全体をフェードイン */
.loaded .pj-rmid_section {
  opacity: 1;
}

/* ベースアニメーション */
.anim {
  transition: all .6s cubic-bezier(0.155, 0.910, 0.695, 0.950);
  opacity: 0;
}

/* KVのアニメーション */
.kv-anim {
  transition: all .8s cubic-bezier(0.155, 0.910, 0.695, 0.950);
  opacity: 0;
}

/* バリエーション */
.anim-slideup {
  transform: translate(0, 50px);
}

/* 全体をフェードインしてからKVアニメ */
.loaded .kv-anim {
  opacity: 1;
  transform: translate(0, 0);
}

/* 画面内に表示 */
.in-view {
  opacity: 1;
  transform: translate(0, 0);
}