@charset "utf-8";
/*@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&subset=japanese");*/
@import url("//fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Yellowtail&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");
@import "/Portals/0/css/ver2/base.css";
@import "/Portals/0/css/ver2/contents.css";
/* ===========================================================
 html
=========================================================== */
p {
  font-weight: 500;
}
ul li,
ol li{
  font-weight: 500;
}
/* size settings */
html,
body{min-width:1240px;}

/* font settings */
html,
body{color:#333;font-size:16px;line-height:1.8;}
body{background-color:#f9f6ee;font-family:"Noto Sans JP", "Zen Kaku Gothic New","Yellowtail","Roboto", "sans-serif";}


/* ===========================================================
 skin
=========================================================== */
#blockskip{display:none;}
.inner{width:1240px;margin:0 auto;padding: 0 20px;}
._Index .inner{max-width:1640px;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}

a[target="_blank"]:not(.iconlink-word) .js-fileicon,
a[target="_blank"]:not(.iconlink-pdf) .js-fileicon,
a[target="_blank"]:not(.iconlink-excel) .js-fileicon,
a[target="_blank"]:not(.iconlink-zip) .js-fileicon{
  /*display:none;*/
}
.linkBtn.iconlink-external .js-fileicon > .icon{
  filter: brightness(0) saturate(100%) invert(96%) sepia(89%) saturate(0%) hue-rotate(272deg) brightness(105%) contrast(104%);
}
a:not([class]) .js-fileicon .size_wrap{
  display: none;
}
/* ===========================================================
 header
=========================================================== */
#header{position:fixed;z-index:10;width:100%;height:100px;margin:0;padding:0;background-color:#f9f6ee;}
#header.is-fix{}
.editMode #header{height:auto;position:relative;}
#header .headTop{
  position: relative;
  height: 100px;
  background-color: #f9f6ee;
}
#header .headTop,
#header .headBottom{background:transparent;}
.headTop .inner{
  position: relative;
  display:flex;
  padding: 0 0 0 50px;
  justify-content:space-between;
  max-width: 100%;
  min-width: 1240px;
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}
.headTop .inner .right{display:flex;}
.headTop .inner .headRightItem{
  display: flex;
  justify-content: space-between;
  gap:24px;
}
.headTop .inner .headRightItem .headRight{
  padding-top: 15px;
}
/* ===========================================================
 gNav
=========================================================== */
#skin {
}
.rightBottomItem .tokenMenu ul li.Tab100 ul li.Tab230,
.rightBottomItem .tokenMenu ul li.Tab100 ul li.Tab231,
.rightBottomItem .tokenMenu ul li.Tab100 ul li.Tab101,
.rightBottomItem .tokenMenu ul li.Tab100 ul li.Tab110,
.rightBottomItem .tokenMenu ul li.Tab100 ul li.Tab215,
.rightBottomItem .tokenMenu ul li.Tab100 ul li.Tab112,
.rightBottomItem .tokenMenu ul li.Tab100 ul li.Tab113 {
  display: block;
}
.rightBottomItem .tokenMenu ul li.Tab100 ul li {
  display: none;
}
.rightBottomItem .tokenMenu ul {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  gap: 20px;
  font-family: "Zen Kaku Gothic New";
  font-size: 1.125rem;
  font-weight: 700;
}
.rightBottomItem .tokenMenu > ul > li {
  display: none;
}
.rightBottomItem .tokenMenu > ul > li.Tab100 {
  display: block;
}
.rightBottomItem .tokenMenu > ul > li.Tab100 > a {
  display: none;
}
.rightBottomItem .tokenMenu ul li{
  font-weight: 700;
}
.rightBottomItem .tokenMenu ul li a {
  text-decoration: none;
  color: #333;
}
.rightBottomItem .tokenMenu ul li a:hover{
  color: #00a33e;
}
.rightBottomItem .tokenMenu ul li a.currentLink,
.rightBottomItem .tokenMenu ul li a.parentLink{
  position: relative;
  padding-bottom: 10px;
}
.rightBottomItem .tokenMenu ul li a.currentLink:before,
.rightBottomItem .tokenMenu ul li a.parentLink:before{
  position: absolute;
  content: "";
  bottom: 0;
  left:0;
  right: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  background-color: #00a33e;
  border-radius: 50%;
}
.headTop .inner .headRight .rightTopItem{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 32px;
  padding-bottom: 8px;
}
.headTop .inner .headRight .rightTopItem input[id$="txtSearch"] {
  padding-right: 28px;
  background: #e6e3d8;
  border-radius: 4px;
  border: transparent;
}
.headTop .inner .headRight .rightTopItem input[id$="txtSearch"]::placeholder {
  font-size: 0.75rem;
}
.headTop .inner .headRight .rightTopItem input.submitBtn_S.notice {
  position: absolute;
  right: 8px;
  top:0;
  bottom: 0;
  margin: auto;
  padding: 0;
  border: transparent;
  background: url(/Portals/0/images/ver2/common/ico_search.png) center center no-repeat;
  width: 18px;
  height: 18px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}

.headTop .inner .headRight .rightTopItem .submitArea {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 200px;
}
.headTop .inner .left h1{
  margin-top: 0;
  margin-bottom: 0;
  line-height: normal;
  font-size: initial;
}
.headRightRow{
  position: relative;
}

/**/
.logo{
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 25px;
  font-size: 1rem;
}
.logo a img{
  width: clamp(10rem, -8.425rem + 23.32vw, 19.563rem);
}
@media (max-width: 1554px) {
  .recruit_area{
    max-width: 94%;
    margin: 0;
  }
  .recruit_area .img_item > *{
    top:0;
    bottom: 0;
    width: 28.8vw;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .recruit_area .img_item > .bottom.spArea{
    display: none;
  }
}
@media (max-width: 1520px) {
  .headTop .inner{
  }
  .headTop .inner .headRightItem{
    gap:10px;
  }
  .rightBottomItem .tokenMenu ul{
    gap:11px;
  }
}
@media (max-width: 1440px) {
  .recruit_area .img_item > *{
    right: -7vw;
  }
  .recruit_area .img_item .left{
    left: clamp(-6rem, -12.591rem + 19.35vw, -10.625rem);
  }
}
@media (max-width: 1370px) {
  .headTop .inner {
  }
  .rightBottomItem .tokenMenu ul{
    gap: 10px;
    font-size: 1rem;
  }
  .headTop .inner .left {
  }
}

@media (max-width: 1290px) {
  .logo{
    /*width: 75%;*/
  }
}
@media all and (max-width: 1220px) {
  .rightBottomItem .tokenMenu ul{
  }
}
/* ===========================================================
 content
=========================================================== */
/*breadcrumb*/
.backgroundItem{
  position: relative;
}
body:not(._Index) .backgroundItem:before{
  position: absolute;
  content: "";
  background: linear-gradient(180deg,#98de83, #f9f6ee);
  width: 100%;
  height: 800px;
  z-index: -1;
  top:0;
}
.breadcrumb .inner{
  margin-bottom: 40px;
}
.breadcrumb .inner .breadcrumbItem + span{
  white-space: nowrap;
  text-indent: 200%;
  overflow: hidden;
  display: inline-block;
  position: relative;
  margin-inline: 16px;
}
.breadcrumb .inner .breadcrumbItem + span:before,
.breadcrumb .inner .breadcrumbItem + span:after {
  content: "";
  width: 10px;
  height: 2px;
  display: inline-block;
  border-radius: 3px;
  background: #888;
  position: absolute;
  right: 0px;
}
.breadcrumb .inner .breadcrumbItem + span:before {
  top: calc(50% - 4px);
  transform: rotate(45deg);
}
.breadcrumb .inner .breadcrumbItem + span:after {
  bottom: calc(50% - 4px);
  transform: rotate(-45deg);
}
.breadcrumb .inner > * {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-weight: 500;
}
.breadcrumb .inner > * a{
  text-decoration: none;
}
/*KV*/
._Index .contentTopWrap{
  padding-top: 50px;
}
/*お知らせ*/
.contentBottomWrap{}
.reasonLinkLayout.fadeinWrap,
.pickSlideWrap,
.reasonWrap,
.picuUpItems{
  display: none;
}

/* ===========================================================
 footer
=========================================================== */
#footer{
  position: relative;
  padding-top: 90px;
}
.pagetop{}
.footTop{}
.footTop #gNav{}
.footTopWrap{}
.footTopWrap:before{}
.footTopInner{}
.footBottom{
  background: #5b5d55;
}
.footBottom .inner{}
.copyright{}
footer .footTop {
  position: relative;
  height: 100%;
  padding-top: 220px;
}
footer .footTop:before {
  position: absolute;
  content: "";
  right: 238px;
  top: 41px;
  right: clamp(3.125rem, -38.839rem + 44.76vw, 14.875rem);
  margin: auto;
  width: 44px;
  height: 44px;
  background: url(/Portals/0/images/ver2/common/img_footer_city_cho.png) 0 0 no-repeat;
  z-index: -1;
}
footer .footTop > .inner {
  position: relative;
  max-width: 100%;
  width: 100%;
  background: url(/Portals/0/images/ver2/common/bg_foottop.png) top center no-repeat;
  background-size: cover;
  padding-bottom: 80px;
}
footer .footTop > .inner:before{
}
footer .footTop:after {
}
/* ===========================================================
 contents
=========================================================== */
/* 1Column */
._1Column .contentMiddle .inner {
  max-width: calc(1400px + 40px);
  width: 100%;
}
._1Column .contentMiddle .inner .mainArea {
  padding-top: 100px;
  padding-left: 100px;
  padding-right: 100px;
  background: rgba(249,246,238,0.8);
  border-radius: 40px 40px 0 0;
}
/* ContentTop */
.contentWrap .contentMiddle main .content01 {
  position: relative;
  background-image: url(/Portals/0/images/ver2/index/bg_top_01.png);
  background-repeat: repeat-y;
  background-position: bottom center;
  background-size: cover;
  padding-bottom: 52px;
  /* padding-top: 175px; */
  /*z-index: -1;*/
  margin-top: 175px;
}
.contentWrap .contentMiddle main:before{
  position: absolute;
  content: "";
  width: 100%;
  height: 184px;
  background: url(/Portals/0/images/ver2/index/bg_top_city.png) 0 0 no-repeat;
  background-size: cover;
  top: -115px;
  left: 0;
  z-index: inherit;
}
.contentWrap .contentMiddle main .content01:before {
  position: absolute;
  content: "";
  bottom: -334px;
  left: 0;
  margin: auto;
  right: 0;
  background: url(/Portals/0/images/ver2/index/bg_top_02.png) 0 0 no-repeat;
  width: 100%;
  height: 334px;
  background-size: cover;
}
.contentWrap .contentMiddle main:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 617px;
  background: url(/Portals/0/images/ver2/index/img_top_city.png) 0 0 no-repeat;
  background-size: cover;
  top: -546px;
  left: 0;
  z-index: 1;
}
.contentWrap .contentTop {
  overflow: hidden;
  /* padding-bottom: 250px; */
}
.contentWrap .contentMiddle main .content01 > .inner {
  max-width: 1640px;
  width: 100%;
  padding-top: 158px;
}
._Index .contentMiddle {
  position: relative;
}
.top_ruxy_item {
  display: flex;
  justify-content: center;
  z-index: inherit;
  height: 100%;
  padding: 128px;
  position: absolute;
  width: 100%;
  overflow: hidden;
}
.top_ruxy_item > p {
  position: absolute;
  margin-bottom: 0;
}
.top_ruxy_item .top_rucy_01 {}
.top_ruxy_item .top_ruxy_01 {
  top: clamp(2.375rem, -0.25rem + 2.33vw, 2.75rem);
  animation: rxcy_top_01 1s ease-in-out infinite alternate;
  left: clamp(36.5rem, 35.233rem + 1.88vw, 39.688rem);
  z-index: 1;
}
.top_ruxy_item .top_ruxy_02 {
  top: 68px;
  animation: rxcy_top_01 1s ease-in-out infinite alternate;
  z-index: 1;
  left: clamp(66.5rem, 56.167rem + 8.67vw, 71.5rem);
}
.top_ruxy_item .top_ruxy_03 {
  top: 135px;
  animation: rxcy_top_02 1s ease-in-out infinite alternate;
  width: 81px;
  height: 118px;
  left: clamp(91.25rem, 73.889rem + 20.52vw, 92.5rem);
  z-index: 2;
}
.top_ruxy_item > p img {
}
@keyframes rxcy_top_01 {
  0% {
    transform:translate(0, 0) rotate(0deg);
  }
  50% {
    transform:translate(0, 10px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(0deg);
  }
}
@keyframes rxcy_top_02 {
  0% {
    transform:translate(0, 0px) rotate(0deg);
  }
  50% {
    transform:translate(0, -10px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(0deg);
  }
}