@charset 'UTF-8';
/***************************************
モデルハウス用
***************************************/
html {
  font-size: 15px;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 500px) {
  html {
    font-size: 15px;
  }
}
body {
  margin: 0;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.7;
  color: #323232;
  text-align: left;
  background-color: #fff;
}
/***************************************
トップページ用
***************************************/
.top_main_block {
  height: 100vh;
  background-color: #323232;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top_main_inner {
  width: 84%;
}
.top_main_head {
  font-size: 2.875rem;
  letter-spacing: 0.05em;
  text-align: center;
  color: #b4b4b4;
  margin-bottom: 3rem;
}
.top_main_logo_box {
  width: 150px;
  margin: 0 auto 4rem;
}
.top_main_logo {
  display: block;
  margin-bottom: 2rem;
}
.top_main_txt {
  font-size: 0.625rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #b4b4b4;
  margin-bottom: 0;
}
.top_main_btn {
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.1em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 220px;
  height: 54px;
  border-radius: 30px;
  margin: 0 auto;
  background-color: #000;
  color: #fff;
  transition: all 0.5s;
}
.top_main_btn:hover {
  background-color: #fff;
  color: #000;
  transition: all 0.5s;
}
.top_main_btn span {
  position: relative;
}
.top_main_btn span::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  bottom: 0;
  right: 0;
}
.top_main_inner .br-pc7 {
  display: none;
}
@media screen and (min-width: 768px) {
  .top_main_head {
    font-size: 3.75rem;
    padding-left: 1.4rem;
  }
  .top_main_logo_box {
    width: 200px;
    margin-bottom: 5rem;
  }
  .top_main_logo {
    margin-bottom: 3.2rem;
  }
  .top_main_inner .br-pc7 {
    display: block;
  }
  .top_main_btn {
    font-size: 0.875rem;
    width: 250px;
    height: 60px;
  }
}
/***************************************
モデルハウス用
***************************************/
.main_wrap {
  position: relative;
  background-color: #fff;
  color: #363a40;
  margin: 0 auto;
}
.main_top_block {
  display: none;
}
@media screen and (min-width: 600px) {
  .main_wrap {
    width: 400px;
    margin-right: 0;
  }
  .main_wrap::before {
    content: "";
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-image: url("../images/modelhouse-lp/mh_main_back_pc.jpg?20250512");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*
    background-position: 17% 50%;
*/
  }
  .main_top_block {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
  }
  .main_top_txtbox {
    display: flex;
    position: fixed;
    top: 4%;
    left: 4%;
    width: 28%;
  }
  .main_top_txt {
    font-size: 0.66rem;
    color: #fff;
    margin-bottom: 0;
  }
  .main_top_contents {
    display: block;
    position: fixed;
    top: 27%;
    left: 4%
  }
  .main_top_logo {
    display: block;
    width: 120px;
    margin-bottom: 6rem;
  }
  .main_top_list > ul {
    margin-bottom: 1.8rem;
  }
  .main_top_list > ul > li {
    margin-bottom: 1rem;
  }
  .main_top_list > ul > li:last-child {
    margin-bottom: 0;
  }
  .main_top_list_item {
    letter-spacing: 0.05em;
    color: #fff;
    transition: all 0.5s;
  }
  .main_top_list_item:hover {
    color: #fff;
    opacity: 0.6;
    transition: all 0.5s;
  }
  .main_top_sns_img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    transition: all 0.5s;
  }
  .main_top_sns_img:hover {
    opacity: 0.7;
    transition: all 0.5s;
  }
  .main_top_policy {
    position: fixed;
    bottom: 11%;
    left: 4%;
  }
  .main_top_policy_txt {
    font-size: 0.65rem;
    letter-spacing: 0;
    display: block;
    color: #fff;
    transition: all 0.5s;
  }
  .main_top_policy_txt:hover {
    color: #fff;
    opacity: 0.6;
    transition: all 0.5s;
  }
  .main_top_copy {
    font-size: 0.65rem;
    letter-spacing: 0;
    display: block;
    color: #fff;
    position: fixed;
    bottom: 5%;
    left: 4%;
  }
}
@media screen and (min-width: 768px) {
  .main_wrap {
    margin-top: 20px;
    margin-right: 9%;
    margin-bottom: 20px;
  }
  /*  .main_wrap::before {
    background-position: 5% 50%;
  }*/
  .main_top_txtbox {
    width: auto;
    left: 5%;
  }
  .main_top_contents {
    /*top: 31%;*/
    left: 5%
  }
  .main_top_policy {
    font-size: 0.73rem;
    left: 5%
  }
  .main_top_copy {
    font-size: 0.73rem;
    left: 5%
  }
}
/*||アニメーション||*/
@media screen and (min-width: 768px) {
  .main_wrap_inner {
    transition: 1s;
    opacity: 0;
    transform: translateY(20px);
    display: block;
  }
  .main_top_txtbox {
    transition: 1s;
    opacity: 0;
    transform: translateY(20px);
    display: block;
  }
  .main_top_list_wrap {
    transition: 1s;
    opacity: 0;
    transform: translateY(20px);
    display: block;
  }
  /*  .main_top_txtbox {
    transition: 1s;
    opacity: 0;
    transform: translateY(20px);
    display: block;
  }*/
  .main_top_policy {
    transition: 1s;
    opacity: 0;
    transform: translateY(20px);
    display: block;
  }
  .main_top_copy {
    transition: 1s;
    opacity: 0;
    transform: translateY(20px);
    display: block;
  }
  .main_wrap_inner {
    animation: catch_anime 1.0s forwards 0.2s;
  }
  .main_top_txtbox {
    animation: catch_anime_normal 0.8s forwards 0.6s;
  }
  .main_top_list_wrap {
    animation: catch_anime_normal 0.8s forwards 0.6s;
  }
  /*  .main_top_txtbox {
    animation: catch_anime 1.1s forwards 1s;
  }*/
  .main_top_policy {
    animation: catch_anime_normal 0.8s forwards 0.6s;
  }
  .main_top_copy {
    animation: catch_anime_normal 0.8s forwards 0.6s;
  }
}
@keyframes catch_anime {
  0% {
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes catch_anime_normal {
  0% {
    transform: translateY(0px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (min-width: 992px) {
  .main_wrap {
    margin-right: 9%;
  }
  .main_wrap::before {
    background-image: url("../images/modelhouse-lp/mh_main_back_pc.jpg?20250512");
    background-position: 50% 50%;
  }
  .main_top_txtbox {
    left: 1.2%;
  }
  .main_top_contents {
    top: 33%;
    left: 1.2%;
  }
  .main_top_list_wrap {
    display: flex;
    align-items: center;
  }
  .main_top_list {
    order: 1;
    margin-right: 5rem;
  }
  .main_top_logo {
    order: 2;
    width: 160px;
    margin-bottom: 0;
  }
  .main_top_txt {
    color: #fff;
    font-size: 0.66rem;
    letter-spacing: 0.05em;
  }
  .main_top_policy {
    top: auto;
    left: 1.2%;
    bottom: 9%;
  }
  .main_top_copy {
    top: auto;
    left: 1.2%;
    bottom: 5%;
  }
  .main_top_sns_img {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .main_wrap {
    width: 500px;
    margin-right: 13%;
  }
  .main_top_txtbox {
    top: 20px;
  }
  .main_top_contents {
    top: 38%;
  }
  .main_top_logo {
    width: 180px;
  }
  .main_top_list {
    margin-right: 9rem;
  }
  .main_top_list > ul {
    margin-bottom: 2.3rem;
  }
  .main_top_list > ul > li {
    margin-bottom: 1.4rem;
  }
  .main_top_list_item {
    font-size: 0.93rem;
  }
  .main_top_policy {
    bottom: 2.5%;
  }
  .main_top_copy {
    left: auto;
    right: 1.2%;
    bottom: 2.5%;
  }
}
@media screen and (min-width: 1500px) {
  .main_top_list {
    margin-right: 12rem;
  }
}
@media screen and (min-width: 1700px) {
  .main_top_list {
    margin-right: 18.5rem;
  }
}
/*******************************
共通
*******************************/
/*フォント*/
.e_font {
  font-family: "Cormorant", serif;
  font-weight: 400;
  font-style: normal;
}
/*タイトル*/
.mh_page_title {
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: 2.4rem;
}
.mh_page_title_center {
  text-align: center;
}
@media screen and (min-width: 500px) {
  .mh_page_title {
    font-size: 1.8rem;
    margin-bottom: 3.1rem;
  }
}
ul li {
  list-style: none;
}
ul {
  margin-bottom: 0;
  padding: 0;
}
li {
  list-style-position: inside;
}
.mb0 {
  margin-bottom: 0 !important;
}
/***************************************
header
***************************************/
#headertop {
  z-index: 55555;
  /*  position: fixed;*/
  width: 100%;
  top: 0;
  left: 0;
  height: auto;
  transition: .6s;
  position: absolute;
  transform: translateY(0%);
}
#headertop.fixed {
  transform: translateY(0%);
  transition: .3s;
}
#header {
  height: 90px;
  /*  transition: .6s;*/
  /*  background-color: #FCF9F4;*/
}
#headertop #header.view {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  transition: .3s;
  /*
  transform: translateY(-100%);
*/
  transform: translateY(0%);
  /*
  background-color: #FCF9F4;
*/
}
#headertop.fixed #header.view {
  transform: translateY(0%);
  transition: .3s;
  /*  background-color: #fff;*/
}
.scroll_logo {
  position: relative;
  top: 20px;
  left: 5%;
  margin-bottom: 0;
  line-height: 1;
  display: block;
  width: 80px;
  transition: 0.6s ease-in-out;
}
#header.view .scroll_logo {
  top: 0;
}
.scroll_logo a {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  z-index: 1;
}
.scroll_logo a:hover {
  text-decoration: none;
}
.scroll_logo a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header_btn {
  font-size: 0.66rem;
  position: absolute;
  top: 20px;
  right: 5%;
  width: 100px;
  height: 30px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: 0.6s ease-in-out;
  z-index: 0;
}
.header_btn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.5s;
  z-index: -1;
}
.header_btn:hover {
  color: #323232;
  transition: all 0.5s;
}
.header_btn:hover::before {
  background-color: rgba(255, 255, 255, 1);
  transition: all 0.5s;
}
@media screen and (min-width: 500px) {
  #headertop {
    position: absolute;
    transform: translateY(0%);
  }
  #headertop #header.view {
    position: absolute;
  }
  #headertop.fixed #header.view {
    position: absolute;
  }
  .scroll_logo {
    width: 102px;
    top: 26px;
  }
  .header_btn {
    font-size: 0.86rem;
    width: 128px;
    height: 38px;
    border-radius: 20px;
    top: 25px;
  }
  .header_btn::before {
    border-radius: 20px;
  }
}
/***************************************
MV
***************************************/
img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*main_sd*/
#main_sd {
  width: 100%;
  height: 100%;
  position: relative;
  min-height: 500px;
  z-index: 0;
  margin-bottom: 20px;
}
#main_sd::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.fv-slider_block {
  position: relative;
  height: 100%;
}
.fv-slider {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  position: relative;
  z-index: 0;
  padding: 0;
}
.fv-slider div {
  width: 100%;
  height: 100%;
}
.fv-slider .fv-slider-img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
  overflow: hidden; /* 画像がはみ出ないようにする */
}
.fv-slider-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 500px) {
  #main_sd {
    margin-bottom: 25px;
  }
}
/*.fv-slider {
  display: none;
}
.fv-slider.slick-initialized {
  display: block;
}*/
/**************************************
/* fv_txt_box
***************************************/
.fv_txt_box {
  width: 70%;
  position: absolute;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.fv_txt {
  margin-bottom: 0;
}
.fv_txt img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/*||SCROLL||*/
.fv_scroll {
  line-height: 1;
  position: absolute;
  bottom: 2.4rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.fv_scroll_txt {
  font-size: 0.66rem;
  letter-spacing: 0;
  color: #fff;
  transition: all 0.5s;
}
.fv_scroll_txt:hover {
  color: #fff;
}
@media screen and (min-width: 1200px) {
  .fv_scroll {
    bottom: 3.1rem;
  }
  .fv_scroll_txt {
    font-size: 0.86rem;
  }
}
/**************************************
/* mh_img
***************************************/
.mh_img_block {
  margin-bottom: 5.4rem;
}
.mh_img_inner {
  width: 100%;
}
.mh_img_inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1.9s cubic-bezier(0.19, 1, 0.22, 1);
}
.mh_img {
  position: relative;
  overflow: hidden;
}
.mh_img01 {
  width: 54%;
  margin-left: 5%;
  margin-right: auto;
  height: 294px;
}
.mh_img_inner01 {
  height: 110%;
  margin-top: -6%;
}
.mh_img02 {
  width: 31%;
  margin-top: -8rem;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 4.5rem;
  height: 180px;
}
.mh_img_inner02 {
  height: 130%;
  margin-top: -7%;
}
.mh_img03 {
  width: 95%;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 4.7rem;
  height: 230px;
}
.mh_img_inner03 {
  height: 120%;
  margin-top: -4%;
}
.mh_img04 {
  width: 54%;
  margin: 0 auto;
  margin-bottom: 5rem;
  height: 294px;
}
.mh_img_inner04 {
  height: 130%;
  margin-top: -11%;
}
.mh_img05 {
  width: 54%;
  margin-left: auto;
  margin-right: 0;
  height: 170px;
}
.mh_img_inner05 {
  height: 125%;
  margin-top: -6%;
}
.mh_img06 {
  width: 33%;
  margin-top: -4.5rem;
  margin-left: 0;
  margin-right: auto;
  height: 130px;
}
.mh_img_inner06 {
  height: 145%;
  margin-top: -8%;
}
@media screen and (min-width: 500px) {
  .mh_img_block {
    margin-bottom: 6.9rem;
  }
  .mh_img01 {
    height: 377px;
  }
  .mh_img_inner01 {
    height: 115%;
  }
  .mh_img02 {
    margin-top: -10.3rem;
    margin-bottom: 5.9rem;
    height: 230px;
  }
  .mh_img03 {
    margin-bottom: 5.9rem;
    height: 295px;
  }
  .mh_img04 {
    margin-bottom: 6rem;
    height: 377px;
  }
  .mh_img05 {
    height: 218px;
  }
  .mh_img06 {
    margin-top: -5.3rem;
    height: 167px;
  }
}
/*||GALLERY||*/
.mh_gallery_block {
  margin-bottom: 5.4rem;
}
.mh_gallery_slider_img {
  width: 96%;
  margin: 0 auto;
}
.mh_gallery_slider_img img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
@media screen and (min-width: 500px) {
  .mh_gallery_block {
    margin-bottom: 6.8rem;
  }
}
/*||MODEL HOUSE||*/
.mh_info_block {
  width: 82%;
  margin: 0 auto 6.7rem;
}
.mh_info_table {
  margin-bottom: 3.3rem;
}
.mh_info_table tr {
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid rgba(200, 200, 200, 0.5);
}
.mh_info_table tr:first-child {
  border-top: 1px solid rgba(200, 200, 200, 0.5);
}
.mh_info_table th, .mh_info_table td {
  font-size: 0.8rem;
  line-height: 1.6875;
  font-weight: 500;
}
.mh_info_table th {
  width: 37%;
  align-content: center;
}
.mh_info_table td {
  width: 63%;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 70.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
@media screen and (min-width: 500px) {
  .mh_info_block {
    margin-bottom: 8.6rem;
  }
  .mh_info_table {
    margin-bottom: 4.3rem;
  }
  .mh_info_table tr {
    padding: 26px 0;
  }
  .mh_info_table th, .mh_info_table td {
    font-size: 1rem;
  }
}
/*||CONTACT||*/
.mh_form_block {
  background-color: #f8f8f8;
  padding: 6.3rem 0;
}
.mh_form_inner {
  width: 82%;
  margin: 0 auto;
}
.mh_form_inner .mh_page_title {
  margin-bottom: 1.7rem;
}
.mh_form_txt {
  font-size: 0.8rem;
  line-height: 1.83;
  text-align: center;
  margin-bottom: 1rem;
}
.mh_form_note {
  font-size: 0.66rem;
  color: #dc5546;
  text-align: center;
  margin-bottom: 2.8rem;
}
@media screen and (min-width: 500px) {
  .mh_form_block {
    padding: 8.3rem 0;
  }
  .mh_form_inner .mh_page_title {
    margin-bottom: 2.2rem;
  }
  .mh_form_txt {
    font-size: 1rem;
    margin-bottom: 1.1rem;
  }
  .mh_form_note {
    font-size: 0.86rem;
    margin-bottom: 3.8rem;
  }
}
/*||||*/
/*||||*/
/*||||*/
/*||||*/
/*||||*/
/**************************************
/* 
***************************************/
/*||||*/
/*||||*/
/*||||*/
/*||||*/
/**************************************
/* 
***************************************/
/*||||*/
/*||||*/
/*||||*/
/*||||*/
/**************************************
/* 
***************************************/
/*||||*/
/*||||*/
/*||||*/
/*||||*/
/**************************************
/* footer
***************************************/
#footer {
  background-color: #323232;
  color: #b4b4b4;
  padding: 20px 0 7rem;
}
.footer_container {
  width: 90%;
  margin: 0 auto;
}
.footer_block {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 13rem;
}
.footer_logo {
  display: block;
  width: 140px;
}
.footer_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer_unit {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.footer_sns {
  margin-right: 0.4rem;
}
.footer_sns_img {
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 1rem;
}
.footer_sns_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer_txt {
  font-size: 0.6rem;
  letter-spacing: 0.05em;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  white-space: nowrap;
  margin: 0;
}
.footer_copy {
  font-size: 0.73rem;
  letter-spacing: 0;
  text-align: right;
}
@media screen and (min-width: 500px) {
  #footer {
    padding: 25px 0 8.4rem;
  }
  .footer_block {
    margin-bottom: 16.7rem;
  }
  .footer_logo {
    width: 180px;
  }
  .footer_sns {
    margin-right: 0.9rem;
  }
  .footer_sns_img {
    width: 19px;
    height: 19px;
  }
  .footer_txt {
    font-size: 0.73rem;
  }
  .footer_copy {
    font-size: 0.93rem;
  }
}
/************************
/*FORM(お問い合わせ)
************************/
input[type="button"], input[type="text"], input[type="submit"], input[type="image"], textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
/* FORM MODEL */ ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #919191;
  letter-spacing: 0.1em;
  font-family: inherit;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #919191;
  letter-spacing: 0.1em;
  opacity: 1;
  font-family: inherit;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #919191;
  letter-spacing: 0.1em;
  opacity: 1;
  font-family: inherit;
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #919191;
  letter-spacing: 0.1em;
  font-family: inherit;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #919191;
  letter-spacing: 0.1em;
  font-family: inherit;
}
::placeholder {
  /* Most modern browsers support this now. */
  color: #919191;
  letter-spacing: 0.1em;
  font-family: inherit;
}
/*************
/*FORM
*************/
/* FORM MODEL */
#form-model {
  margin: 0 auto;
}
#form-model .form-label__required {
  font-size: 0.8rem;
  color: #dc5546;
  /* margin-left: 0.2rem;*/
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  white-space: nowrap;
}
#form-model input, #form-model textarea, #form-model select {
  font-size: 0.8rem;
  padding: 15px;
  background-color: #fff;
  color: #323232;
  outline: none;
  resize: none;
  font-weight: 500;
  margin-left: 0.8rem;
  margin: 0;
  border-radius: 0;
  border: none;
  width: 100%;
}
#form-model .form-group {
  margin-bottom: 1.65rem;
}
#form-model input[type="checkbox"], #form-model input[type="radio"] {
  display: inline-block;
}
#form-model .form-input__checkbox label {
  cursor: pointer;
}
#form-model .form-input__checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#form-model .form-group .form-label {
  font-size: 0.8rem;
  margin-bottom: 0.7rem;
  display: flex;
  align-items: center;
}
#form-model .form-input__checkbox input:checked ~ .wpcf7-list-item-label::after {
  opacity: 1;
}
#form-model input[type="submit"] {
  letter-spacing: 0.06em;
  background-color: #323232;
  color: #fff;
  height: 65px;
  width: 100%;
  max-width: 420px;
  font-size: 0.86rem;
  border: none;
  border-radius: 42px;
}
/* RADIO */
#form-model .form-input__checkbox .wpcf7-form-control {
  color: #4c4948;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
/* CUSTOM CHECKBOX */
#form-model .form-input__checkbox .wpcf7-list-item {
  margin: 0;
}
#form-model .form-input__checkbox label {
  cursor: pointer;
  margin-bottom: 0;
}
#form-model .form-input__checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#form-model .form-input__checkbox .wpcf7-list-item-label {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 500;
  /*  font-size: 1.6rem;*/
  font-size: 1rem;
  letter-spacing: 0;
  border-radius: 50%;
}
#form-model .form-input__checkbox .wpcf7-list-item-label::before, #form-model .form-input__checkbox .wpcf7-list-item-label::after {
  content: "";
  transition: 0.2s;
  border-radius: 0;
}
#form-model .form-input__checkbox .wpcf7-list-item-label::before {
  left: 0;
  display: block;
  height: 17px;
  width: 17px;
  margin-right: 10px;
  border: none;
  background-color: #fff;
}
#form-model .form-input__checkbox .wpcf7-list-item-label::after {
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  opacity: 0;
  background-color: #627377;
}
#form-model .form-input__checkbox input:checked ~ .wpcf7-list-item-label::after {
  opacity: 1;
}
/* 2COLUMN */
.form-group_2col_wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.form-group_2col_item {
  width: 49%;
  min-width: 49%;
}
#form-model .form-group--agree {
  margin-bottom: 3rem;
}
.f_note {
  font-size: 0.66rem;
  line-height: 1.8;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 0;
}
.f_note a {
  color: #000;
  text-decoration: underline;
  transition: all 0.5s;
}
.f_note a:hover {
  color: #828282;
  transition: all 0.5s;
  text-decoration: underline;
}
#form-model .wpcf7-not-valid-tip {
  font-size: 0.8rem;
}
/*||個人情報の取り扱いに同意する||*/
#form-model .form-input__checkbox--round .wpcf7-form-control {
  justify-content: center;
}
#form-model .form-input__checkbox--round .wpcf7-list-item-label::before, #form-model .form-input__checkbox--round .wpcf7-list-item-label::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
#form-model .form-input__checkbox--round .wpcf7-list-item-label::before {
  left: 0;
  display: block;
  background-color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgba(220, 220, 220, 0.5);
}
#form-model .form-input__checkbox--round .wpcf7-list-item-label::after {
  left: 11px;
  width: 8px;
  height: 8px;
  opacity: 0;
  background-color: #323232;
  border-radius: 50%;
}
#form-model .form-input__checkbox--round .wpcf7-list-item-label {
  border-radius: 50%;
  line-height: 35px;
  padding-top: 0;
  font-size: 0.8rem;
  position: relative;
  padding-left: 40px;
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
input[type="button"], input[type="text"], input[type="submit"], input[type="image"], textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
#form-model input[type="date"] {
  min-width: 100%;
  display: block;
  width: 100%;
  height: 100%;
  outline: none;
}
@media screen and (min-width: 500px) {
  #form-model .form-group {
    margin-bottom: 1.9rem;
  }
  #form-model .form-group .form-label {
    font-size: 1rem;
    margin-bottom: 1rem;
  }
  #form-model .form-label__required {
    font-size: 1rem;
    margin-left: 3px;
  }
  #form-model input, #form-model textarea, #form-model select {
    font-size: 1rem;
    padding: 20px;
  }
  #form-model .form-input__checkbox--round .wpcf7-list-item-label {
    font-size: 1rem;
    padding-left: 54px;
  }
  #form-model .form-input__checkbox--round .wpcf7-list-item-label::before {
    width: 40px;
    height: 40px;
  }
  #form-model .form-input__checkbox--round .wpcf7-list-item-label::after {
    width: 10px;
    height: 10px;
    left: 15px;
  }
  .f_note {
    font-size: 0.86rem;
    margin-top: 1.7rem;
  }
  #form-model input[type="submit"] {
    font-size: 1rem;
    height: 75px;
  }
}
.grecaptcha-badge {
  visibility: hidden;
}
.form_grecaptcha {
  text-align: center;
  color: #777;
  font-size: 0.66rem;
  margin-top: 3rem;
  margin-bottom: 0;
  /*  display: none;*/
}
.form_grecaptcha a {
  text-decoration: underline;
}
@media screen and (min-width: 500px) {
  .form_grecaptcha {
    font-size: 0.75rem;
    margin-top: 4rem;
  }
}
/**************************
ページヘッダー
**************************/
.header_page .header_btn {
  color: #fff;
  border: 1px solid rgba(50, 50, 50, 0.5);
}
.header_page .header_btn:hover {
  color: #323232;
}
.header_page .header_btn::before {
  background-color: rgba(50, 50, 50, 1);
}
.header_page .header_btn:hover::before {
  background-color: rgba(255, 255, 255, 1);
}
.page-head_outer {
  padding-top: 14.3rem;
  margin-bottom: 5rem;
}
.page-head {
  width: 90%;
  margin: 0 auto;
}
.page-head_inner {
  text-align: center;
}
.head-bfont {
  color: #323232;
  font-family: "Cormorant", serif;
  font-weight: 400;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 500px) {
  .page-head_outer {
    padding-top: 17.3rem;
    margin-bottom: 6rem;
  }
  .head-bfont {
    font-size: 1.8rem;
    margin-bottom: 3.1rem;
  }
}
/*+++++++++++++++++
プライバシーポリシー
******************/
.privacy-area {
  width: 90%;
  margin: 0 auto 7rem;
  font-feature-settings: "palt";
}
.privacy-main-txt2 {
  font-size: 0.8rem;
  margin-bottom: 4rem;
}
.privacy-area h3 {
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 1rem;
}
.privacy-con {
  font-size: 0.8rem;
  text-align: justify;
  margin-top: 2rem;
}
.privacy-area .indices {
  list-style: none;
  padding: 0;
}
.privacy-area .indices li {
  padding-left: 1.45em;
  text-indent: -1.45em;
}
x .privacy-area .indices li.annotation {
  padding: 0;
  text-indent: 0;
}
@media screen and (min-width: 500px) {
  .privacy-area {
    margin-bottom: 10rem;
  }
  .privacy-main-txt2 {
    font-size: 1rem;
    margin-bottom: 5rem;
  }
  .privacy-area h3 {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
  }
  .privacy-con {
    font-size: 0.93rem;
    line-height: 1.7;
    margin-top: 4rem;
  }
}
/*+++++++++++++++++
サンクスページ
******************/
.page_container {
  font-size: 0.8rem;
  width: 90%;
  margin: 0 auto 7rem;
}
@media screen and (min-width: 576px) {
  .page_container {
    font-size: 0.93rem;
    margin-bottom: 10rem;
  }
}
/***************************************
404 
***************************************/
.pg_search_container {
  width: 90%;
  margin: 0 auto 7rem;
  overflow-x: clip;
  text-align: center;
}
.pgsearch_title {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-bottom: 3rem;
}
.pgsearch_txt {
  margin-bottom: 2rem;
}
.pgsearch_url {
  word-break: break-all;
  margin-bottom: 4rem;
}
.pgsearch_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: #323232;
  color: #fff;
  padding: 19px 10px;
  font-size: 1rem;
  transition: .3s;
  position: relative;
  border: 1px #323232 solid;
  border-radius: 50px;
  width: 80%;
  margin: 0 auto;
  max-width: 320px;
}
.pgsearch_btn:hover {
  background-color: #fff;
  color: #323232;
}
@media screen and (min-width: 500px) {
  .pg_search_container {
    margin-bottom: 11rem;
  }
}
/*+++++++++++++++++

******************/