@charset "UTF-8";

a, button, .backtop_block {
  transition: opacity .3s;
}
a:hover, button:hover, .backtop_block:hover {
  opacity: .7;
}


/*------------------------- 共通設定 横幅 -----------------------*/
.wrapper {
  position: relative;
  background-color: #ffffff;
}
.sp_wrapper {
  position: relative;
  background-color: #ffffff;
  display: none;
}
.inner {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.nav_adoption_btn, .contact_btn, .recuruit_btn {
  display: flex;
  color: #ffffff;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  font-family: 'Inter', 'Noto Sans JP', sans-serif;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  z-index: 100;

}
.nav_adoption_btn::after, .contact_btn::after, .recuruit_btn::after{
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-image: url(../img/common/arrow03.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
/*----------------- ナビゲーション ---------------------------*/
.nav_bar{
  position: fixed;
  width: 100%;
  height: 70px;
  color: black;
  background-color: #ffffff;
  overflow: hidden;
  display: block;
  align-items: center;
  z-index: 1000;
}
.inner_nav_var{
  position: relative;
  display: flex;
  align-items: center;
  height: 70px;
}
.nav_body{
  font-family: 'Inter', 'Noto Sans JP', sans-serif;
  font-weight: bold;
  font-size: 13px;
  white-space: nowrap;
  text-align: center;
  line-height: 13px;
  display: flex;
  align-items: center;
}

.nav_adoption_btn{
  position: absolute;
  float: right;
  right: 1.875%;
  width: 192px;
  height: 40px;
  color: #FFFFFF;
  padding-left: 59px;
  padding-right: 17px;
  background-color:  #B39A47;
  border-radius: 4px;
}
.li-menu {
  display: flex;
  -moz-column-gap: 5%;
  column-gap: 5%;
}
.li-menu li a {
  display: block;
  color: #000;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 1px;
}
a {
  color: #000;
  text-decoration: none;
}
ul {
  list-style: none;
}
/*-------------------------------------*/
.biz_div_h54{
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  font-family:"BIZ UDPMincho", serif;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.biz_div_h54 span {
  font-family:"BIZ UDPMincho", serif;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  text-align: center;
}
.biz_div_h54 span a{
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  font-size: 14px;
  font-weight: bold;
  color: #B39A47;
  border-bottom: 8px;
  padding-bottom: 8px;
}
.biz_div_h54 span b{
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  font-size: 32px;
  font-weight: bold;
  color: #000;
}

.biz_div_h54{
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  font-family:"BIZ UDPMincho", serif;
  text-align: center;
}
.biz_div_lh2_span_a {
  font-family:"BIZ UDPMincho", serif;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  text-align: left;
  padding-bottom: 8px;
}
.biz_div_lh2_span_b {
  font-family:"BIZ UDPMincho", serif;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  text-align: left;
}
.biz_div_lh3_span_a{
  position: relative;
  float: left;
  width: 100%;
  height: 30px;
  font-size: 20px;
  text-align: left;
  inline-size: 30px;
}
.biz_div_lh3_body{
  position: relative;
  float: left;
  width: 100%;
  height: 30px;
  font-size: 20px;
  text-align: left;
  inline-size: 30px;
}
/*-------------- 共通文字 -----------------------*/
.title_style_en{
  position: relative;
  width: 100%;
  line-height: 20px;
  font-family:"BIZ UDPMincho", serif;
  font-size: 20px;
  font-weight: 400;
  color: #B39A47;
}
.title_style_jp{
  position: relative;
  padding-top: 8px;
  margin-top: 8px;
  width: 100%;
  line-height: 24px;
  font-family:"BIZ UDPMincho", serif;
  font-weight: 400;
  font-size: 24px;
  color: #000;
}
.title_style2_en{
  position: relative;
  width: 100%;
  line-height: 20px;
  font-family:"BIZ UDPMincho", serif;
  font-size: 20px;
  font-weight: 400;
  color: #B39A47;
  margin-bottom: 8px;
}
.title_style2_jp{
  position: relative;
  padding-top: 8px;
  margin-top: 8px;
  width: 100%;
  line-height: 24px;
  font-family:"BIZ UDPMincho", serif;
  font-weight: 400;
  font-size: 24px;
  color: #000;
  letter-spacing: 0.75px;
}
.title_style3_jp{
  position: relative;
  padding-top: 8px;
  margin-top: 8px;
  width: 100%;
  line-height: 38px;
  font-family:"BIZ UDPMincho", serif;
  font-weight: 400;
  font-size: 24px;
  color: #000;
  letter-spacing: 0.75px;
}
.title_style4_jp{
  position: relative;
  padding-top: 0px;
  margin-top: 6px;
  width: 100%;
  line-height: 24px;
  font-family:"BIZ UDPMincho", serif;
  font-weight: 400;
  font-size: 24px;
  color: #000;
  letter-spacing: 0.75px;
}
.title_style5_jp{
  position: relative;
  padding-top: 0px;
  margin-top: 2px;
  width: 100%;
  line-height: 38px;
  font-family:"BIZ UDPMincho", serif;
  font-weight: 400;
  font-size: 24px;
  color: #000;
  letter-spacing: 0.75px;
}
.biz_style_en{
  position: relative;
  width: 100%;
  line-height: 14px;
  font-family:"BIZ UDPMincho", serif;
  font-size: 14px;
  font-weight: 400;
  color: #B39A47;
}
.biz_style2_en{
  position: relative;
  width: 100%;
  line-height: 14px;
  font-family:"BIZ UDPMincho", serif;
  font-size: 14px;
  font-weight: 400;
  color: #B39A47;
  margin-bottom: 8px;
}
.biz_style_jp{
  position: relative;
  margin-top: 8px;
  width: 100%;
  line-height: 32px;
  font-family:"BIZ UDPMincho", serif;
  font-size: 32px;
  font-weight: 400;
  color: #000;
}
.biz_style2_jp{
  position: relative;
  width: 100%;
  font-family:"BIZ UDPMincho", serif;
  font-size: 32px;
  font-weight: 400;
  color: #000;
  letter-spacing: 1.5px;
}
.biz_title_h60_en{
  position: relative;
  float: left;
  width: 100%;
  line-height: 20px;
margin-bottom: 8px;
  font-family:"BIZ UDPMincho", serif;
  font-size: 20px;
  font-weight: 400;
  color: #B39A47;
}
.biz_title_h60_jp{
  position: relative;
  width: 100%;
  line-height: 32px;
  margin-top: 8px;
  font-family:"BIZ UDPMincho", serif;
  font-size: 32px;
  font-weight: 400;
  color: #000;
  letter-spacing: 6.4px;
}
/*-----------  お問い合わせ ----------------*/
.contact_sec{
  position: relative;
  width: 100%;
  height: 365px;
  background-color: #F5F0E4;
  margin-left: auto;
  margin-right: auto;
}
.contact_body{
  position: relative;
  height: 365px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.contact_title{
  text-align: center;
  font-family: 'Inter', 'Noto Sans JP', sans-serif;
  margin-bottom: 30px;
}
.contact_info{
  font-family: 'Inter', 'Noto Sans JP', sans-serif;
  margin-bottom: 30px;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.7px;
}
.contact_btn{
  width: 432px;
  height: 40px;
  overflow: hidden;
  padding-left: 143px;
  padding-right: 16px;
  color: #ffffff;
  background-color: #333333;
}
/*---------------  採用情報 ----------max------------*/
.recuruit_sec{
  position: relative;
  width: 100%;
}
.inner_recuruit_body{
  position: relative;
  width: 100%;
  z-index: 100;
}
.inner_recuruit{
  position: absolute;
  width: 100%;
  overflow: hidden;
}
.recuruit_sec_frm{
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  aspect-ratio: 1280/720;
  object-fit: cover;
  overflow: hidden;
  z-index: 1;
}
.recuruit_body{
  padding-bottom: 140px;
  background-image: url(../img/common/recruit_background.webp);
  background-size: cover;
  background-position: center top;
}
.recuruit_title{
  position: relative;
  margin-left: 14.375%;
  padding-top: 140px;
  width: 27.5%;
  padding-bottom: 50px;
  text-align: left;
  letter-spacing: 0.75px;
  z-index: 100;
}
@media only screen and (max-width: 1280px){
  .recuruit_sec_frm{
    position: absolute;
    width: 100%;
    aspect-ratio: 1280/720;
  }
  .recuruit_title{
    position: relative;
    margin-left: 14.375%;
    padding-top: 11.44vw;
    width: 27.5%;
    padding-bottom: 50px;
    text-align: left;
    letter-spacing: 0.75px;
    z-index: 100;
  }
}
.recuruit_body1{
  position: relative;
  margin-left: 14.375%;
  width: 27.5%;
  margin-bottom: 26px;
  font-family:"BIZ UDPMincho", serif;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  z-index: 100;
}
.recuruit_body2{
  position: relative;
  margin-left: 14.375%;
  width: 34.5%;
  margin-bottom: 52px;
  text-align: left;
  font-family: 'Inter', 'Noto Sans JP', sans-serif;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  z-index: 100;
}
.recuruit_btn{
  position: relative;
  margin-top: 14px;
  margin-left: 14.375%;
  width: 352px;
  height: 64px;
  overflow: hidden;
  padding-left: 120px;
  padding-right: 16px;
  color: #ffffff;
  background-color: #B39A47;
}
/*----------------- 底部ナビゲーション --------------------*/
.buttom_nav_sec{
  position: relative;
  width: 100%;
  height: 251px;
  color: #333;
  background-color: #F9F9F9;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}
.backtop_block{
  position: relative;
  top: -20px;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  background-color: #B39A47;
  background-repeat: no-repeat;
  background-size: 1%;
  background-position: center;
  overflow: hidden;
  z-index: 3;
}
.backtop_block.inner {
  padding: 0;
}
.backtop_block a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../img/common/arrow.svg);
  background-size: 40%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 100;
  cursor: pointer;
}
.backtop_block a img {
  display: none;
}
.buttom_body{
  position: relative;
  width: 87.72%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.buttom_logo{
  position: relative;
  width: 240px;
  height: 64px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.buttom_nav_body{
  position: relative;
  width: 70%;
  height: auto;
  padding-top: 0;
  padding-bottom: 20px;
  font-family: 'Inter', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  margin-left: 10%;
  margin-right: auto;
}
.buttom_nav_body ul{
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  list-style: none;
  text-align: center;
  height: 17px;
}
.buttom_nav_body ul li{
  position: relative;
  margin: auto;
  width: 100%;
}
.buttom_nav_summary{
  height: 17px;
  padding-left: 91%;
}
.buttom_nav_dele_msg{
  height: 17px;
  padding-left: 69%;
}
.buttom_nav_bs{
  height: 17px;
  padding-left: 70%;
}
.buttom_nav_contact_us{
  height: 17px;
  padding-left: 50%;
}
.buttom_nav_recruit{
  height: 17px;
  padding-left: 29%;
}
.buttom_nav_summary a, .buttom_nav_dele_msg a, .buttom_nav_bs a, .buttom_nav_contact_us a, .buttom_nav_recruit a{
  color: #333;
}
.buttom_nav_summary a:hover, .buttom_nav_dele_msg a:hover, .buttom_nav_bs a:hover,
.buttom_nav_contact_us a:hover, .buttom_nav_recruit a:hover{
  color: #A79049;
}
.buttom_copyright{
  position: relative;
  width: 100%;
  height: 21px;
  text-align: center;
  margin-left: 0.25%;
  margin-bottom: 0;
  white-space: nowrap;
  font-family: 'Inter', 'Noto Sans JP', sans-serif;
  font-size: 11px;
  letter-spacing: 0.7px;
  color: #333;
}


.header-pc {
  background-color: #FFF;
  position: fixed;
  z-index: 2000;
  width: 100%;
  height: 70px;
}
.header-pc .inner-header {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 24px;
}
.logo-header-pc {
  display: flex;
  align-items: center;
  width: 110px;
  margin-right: calc(120 / 1280 * 100%);
}
.list-menu {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 5%;
}
.list-menu a {
  font-family: "Inter", 'Noto Sans JP', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  color: var(--color-black, #333);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
}
.btn-recruit {
  margin-left: auto;
  width: 192px;
  height: 40px;
  border-radius: 4px;
  background: var(--color-gold_normal, #B39A47);
  color: var(--color-white, #FFF);
  text-align: center;
  font-family: 'Inter', "Noto Sans JP", serif;
  font-size: 14px;
  letter-spacing: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.right-arrow {
  position: relative;
}
.right-arrow::before {
  content: '';
  display: block;
  background-image: url(../smartphoneimg/common/icn_arrow_right.webp);
  width: 14px;
  height: 14px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
}

.inter {
  font-family: 'Inter', 'Noto Sans JP', sans-serif;
}
.udpmincho {
  font-family: "BIZ UDPMincho", serif;
}

.sec-recruit {
  height: calc(43.36vw - 10px);
  background-image: url(../img/common/bg-recruit.webp);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
}
.area-recruit {
  position: absolute;
  left: calc(200 / 1280 * 100%);
  top: calc(204 / 720 * 100%);
}
.txt-rec-en {
  color: var(--color-gold_normal, #B39A47);
  font-size: 16px;
  margin-bottom: 4px;
  text-align: center;
}
.txt-rec {
  color: #B39A47;
  font-size: 55px;
  letter-spacing: 20%;
  margin-bottom: 24px;
}
.btn-foot-recruit {
  color: var(--color-white, #FFF);
  text-align: center;
  font-size: 14px;
  letter-spacing: 1px;
  border-radius: 4px;
  background: var(--color-gold_normal, #B39A47);
  width: 254px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu-footer {
  display: flex;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
}
.menu-footer li {
  width: 20%;
}
.menu-footer li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 17px;
  color: #333;
  text-align: center;
  font-size: 14px;
  letter-spacing: 1px;
  transition: color .3s;
}
.menu-footer li a:hover {
  opacity: 1;
  color: var(--color-gold_normal, #B39A47);
}

.head-en {
  display: block;
  color: var(--color-gold_normal, #B39A47);
  text-align: center;
  font-size: 20px;
  margin-bottom: 8px;
}
.head {
  display: block;
  color: #000;
  font-size: 32px;
  letter-spacing: 6px;
  margin-bottom: 64px;
  text-align: center;
}

/* FVのふわっと表示 */
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.animation-fade-in {
  animation: fadeIn 1s ease-in-out;
}