@charset "utf-8";
/* CSS Document */
.noto_serif {
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}
.hidden_SPcont {
    display: none !important;
}
.Main {
        margin: 0;
        padding: 0;
        background: #FFF;
}
.outside_h1 {
    font-size: 14px;
    color: #fff;
    background: #c9b88e;
    padding: 6px 0 6px 2px;
    font-weight: normal;
    margin: 0 auto;
    width: 1000px;
    position: relative; 
}
.outside_h1::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: #c9b88e;
    z-index: -1;
}
.Header {
    background: #fff8e5;
    position: sticky;
    top: 0;
    z-index: 99;
    border-bottom: 1px solid #c2b1a7;
}
.Header .HeaderTopWrap {
    padding: 12px 16px;
    margin-bottom: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: none;
}
.HeaderLogo_Ctm {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.header_logo {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.HeaderLogo_a {
    display: block;
    width: 160px;
}
.HeaderLogoImg {
    width: 140px;
    height: auto;
}
.HeaderSearchImg {
  width: 70px;
  height: auto
}
.Header_Login {
    width: 26%;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.Header_BtnWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 72%;
}
.Header .HeaderTopWrap .HeaderTop_LeftLogo {
    width: 17%;
    padding-right: 10px;
    padding-top: 6px;
}
.HeaderTop_LeftLogo:first-child {
    padding-left: 20%;
}
.HeaderTop_RightLogo,
.HeaderTop_RightLogo2{
    position: relative;
}
.HeaderTop_RightLogo input,
.HeaderTop_RightLogo2 input{
  box-sizing: border-box;
  padding: 0;
  line-height: normal;
  margin: 4px 0 0
}
.Header_Menu {
    width: 16% !important;
}
.nav-unshown {
  display: none;
  font-weight: 700;
  max-width: 100%;
  margin-bottom: 5px
}
#nav-open {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0 !important;
  font-weight: 700;
  max-width: 100%
}
#nav-open span {
  top: 5px;
  position: absolute;
  height: 100%;
  width: 70px;
  background: #fff;
  display: block;
  background: url(//d-ny.jp/ssl/sp/img/header_menu.png);
  background-size: 100%;
  background-repeat: no-repeat
}
#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: 0.3s ease-in-out
}
#nav-close .tojite {
  color: #fff;
  position: absolute;
  top: 2%;
  right: 3.5%
}
.my-parts {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: relative;
  cursor: pointer
}
.my-parts span::before, .my-parts span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 16%;
  margin: -8% 0 0 -42%;
  background: #fff
}
.my-parts span::before {
  transform: rotate(-45deg)
}
.my-parts span::after {
  transform: rotate(45deg)
}
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 70%;
  max-width: 538px;
  height: 100%;
  color: #fff;
  background: #f0e8c8;
  transition: 0.3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%)
}
#nav-input:checked~#nav-close {
  display: block;
  opacity: 0.5
}
#nav-input:checked~#nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15)
}
.Sitemap_Title2 {
  background: #e9d9ad;
  background: -webkit-gradient(linear, left top, left bottom, from(#e9d9ad), color-stop(2%, #eaddb1), color-stop(3%, #eee4c5), color-stop(8%, #f5ecd6), color-stop(13%, #f8f0df), color-stop(22%, #f8f3e8), color-stop(28%, #fcf7f1), color-stop(34%, #fdf7f3), color-stop(39%, #faf5ec), color-stop(42%, #faf3ec), color-stop(45%, #f7f1e5), color-stop(52%, #f7eee0), color-stop(55%, #f3e9d7), color-stop(73%, #e9dbb8), color-stop(80%, #e9dab4), color-stop(89%, #e4d4a9), color-stop(94%, #e5d4a8), color-stop(97%, #e3d1a1), to(#e2d19f));
  background: linear-gradient(to bottom, #e9d9ad 0%, #eaddb1 2%, #eee4c5 3%, #f5ecd6 8%, #f8f0df 13%, #f8f3e8 22%, #fcf7f1 28%, #fdf7f3 34%, #faf5ec 39%, #faf3ec 42%, #f7f1e5 45%, #f7eee0 52%, #f3e9d7 55%, #e9dbb8 73%, #e9dab4 80%, #e4d4a9 89%, #e5d4a8 94%, #e3d1a1 97%, #e2d19f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9d9ad', endColorstr='#e2d19f', GradientType=0);
  color: #7d7049;
  font-weight: bold;
  padding: 3% 2%;
  margin: 3% 3% 0 3%;
  border-radius: 4px 4px 0 0;
  font-size: 20px;
  border: 1px solid #c8b481
}
.Sitemap_Link2 {
  text-align: left;
  font-size: 18px;
  margin: 0 3% 3% 3%
}
.Sitemap_Link2 ul li {
  background: #fff;
  border-bottom: #c8b481 solid 1px;
  border-left: #c8b481 solid 1px;
  border-right: #c8b481 solid 1px
}
.Sitemap_Link2 ul li:last-child {
  border-radius: 0 0 4px 4px
}
.Sitemap_Link2 ul li a {
  display: block;
  padding: 3% 0 3% 2%;
  position: relative
}
.Sitemap_Link2 ul li a:last-child {
  border-bottom: #fff solid 0
}
.Sitemap_Link2 ul li a:after {
  text-decoration: none;
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: 1px solid #8b7641;
  border-right: 1px solid #8b7641;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.Sitemap_Link2 ul li a:hover, .Sitemap_Link2 ul li a:link, .Sitemap_Link2 ul li a:visited, .Sitemap_Link2 ul li a:active {
  color: #8b7641;
  text-decoration: none
}
.MenuCol_Top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.MenuCol_Top .MenuCol_Bt {
  width: 90%;
  margin: 2% auto 3% auto
}
.MenuCol_P {
  flex: 1;
  border: #c8b481 1px solid;
  background: #fff;
  width: auto;
  margin: 3% 2% 0 3%
}
.MenuCol_P .MenuCol_PHead {
  color: #fff;
  font-weight: bold;
  padding: 2% 0;
  font-size: 20px;
  text-align: center;
  background: #b92846;
  background: -moz-linear-gradient(top, #b92846 0%, #b82846 14%, #a81c45 34%, #941744 55%, #6c1030 90%, #5c0d25 100%);
  background: -webkit-linear-gradient(top, #b92846 0%, #b82846 14%, #a81c45 34%, #941744 55%, #6c1030 90%, #5c0d25 100%);
  background: linear-gradient(to bottom, #b92846 0%, #b82846 14%, #a81c45 34%, #941744 55%, #6c1030 90%, #5c0d25 100%)
}
.MenuCol_P .MenuCol_PCont {
  padding: 2% 2%;
  font-size: 18px;
  text-align: right;
  color: #f32164;
  font-weight: bold
}
.MenuCol_P .MenuCol_PCont span {
  font-size: 12px;
}
.MenuCol_GP {
  flex: 1;
  border: #c8b481 1px solid;
  width: auto;
  margin: 3% 3% 0 0;
  background: #fff
}
.MenuCol_GP .MenuCol_GPHead {
  color: #fff;
  font-weight: bold;
  padding: 2% 0;
  font-size: 20px;
  text-align: center;
  background: #463a91;
  background: -moz-linear-gradient(top, #463a91 0%, #45398f 17%, #3c2c73 41%, #2c1f54 72%, #25163d 100%);
  background: -webkit-linear-gradient(top, #463a91 0%, #45398f 17%, #3c2c73 41%, #2c1f54 72%, #25163d 100%);
  background: linear-gradient(to bottom, #463a91 0%, #45398f 17%, #3c2c73 41%, #2c1f54 72%, #25163d 100%)
}
.MenuCol_GP .MenuCol_GPCont {
  padding: 2% 2%;
  font-size: 18px;
  color: #f32164;
  font-weight: bold;
  text-align: right
}
.MenuCol_GP .MenuCol_GPCont span {
  font-size: 12px;
}
.MenuCol_GP .MenuCol_GPText {
  font-size: 10px;
  text-align: right;
  padding: 1% 2% 1% 2%
}
.MenuCol_a {
  text-decoration: none
}
.MenuCol_a:hover, .MenuCol_a:link, .MenuCol_a:visited, .MenuCol_a:active {
  text-decoration: none;
  color: #654a1b
}
.MenuCol_Rank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: #c8b481 1px solid;
  background: #fff;
  margin: 3% 3% 0 3%
}
.MenuCol_Rank .MenuCol_RankHead {
  color: #fff;
  font-weight: bold;
  background: #6d9639;
  background: -moz-linear-gradient(top, #6d9639 0%, #62912f 5%, #5e8e2c 14%, #397112 55%, #276206 82%, #164f00 100%);
  background: -webkit-linear-gradient(top, #6d9639 0%, #62912f 5%, #5e8e2c 14%, #397112 55%, #276206 82%, #164f00 100%);
  background: linear-gradient(to bottom, #6d9639 0%, #62912f 5%, #5e8e2c 14%, #397112 55%, #276206 82%, #164f00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d9639', endColorstr='#164f00', GradientType=0);
  padding: 2%;
  font-size: 20px;
  width: 30%;
  text-align: center
}
.MenuCol_Rank .MenuCol_RankCont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #f32164;
  padding: 2%;
  font-weight: bold;
  width: 70%
}
.MenuCol_Rank .MenuCol_RankCont .MenuCol_RankTxt1 {
  font-size: 18px;
}
.MenuCol_Rank .MenuCol_RankCont .MenuCol_RankTxt2 {
  font-size: 12px;
}

.Footer {
    background: #fff8e5;
	padding: 0;
	margin: 0 auto;
    width: 1000px;
	position: relative;
}
.Footer::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw; /* 画面幅いっぱいにする */
    background: #fff8e5;
    z-index: -1; /* 文字の後ろに配置 */
}
.Cont_Wrap_empBase {
    padding: 16px 16px 12px 16px;
}
.Footer .Footer_TextZone2 {
    margin: 0 ;
    padding: 16px;
}
.Footer .CopyrightZone {
    background: #c9b88e;
    text-align: center;
    padding: 16px 0;
    color: #FFF;
    font-size: 16px;
	position: relative;
}
.Footer .CopyrightZone::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw; /* 画面幅いっぱいにする */
    background: #c9b88e;
    z-index: -1; /* 文字の後ろに配置 */
}
.Footer .CopyrightZone a:hover, .Footer .CopyrightZone a:link, .Footer .CopyrightZone a:visited, .Footer .CopyrightZone a:active {
    color: #fff;
    text-decoration: none;
}
.FooterLink {
    padding: 0;	
}
.FooterLink ul {
    font-size: 0;
    list-style: none;
	display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
}
.FooterLink ul li {
    display: inline-block;
    font-size: 14px;
    width: 100%;
    background: #f1e5c4;
    margin-bottom: 16px;
    border-radius: 6px;
	text-align: center;
}
.FooterLink ul li:last-child{
	margin-right: 0;
}
.FooterLink ul li a {
    color: #886842;
    display: block;
    padding: 16px 0 16px 0;
    position: relative;
    text-decoration: none;
}
.FooterLink ul li a:after
 {
    text-decoration: none;
    position: absolute;
    top: 50%;
    right: 2vw;
    display: block;
    content: "";
    width: 1.6vw;
    height: 1.6vw;
    margin-top: -0.8vw;
    transform: rotate(45deg);
}
.Foot_Recruit_Tit {
    background: #d187c4;
    color: #fff;
    text-align: center;
    padding: 16px 0;
    margin: 0;
	font-size: 20px;
}
.Foot_Recruit_Txt {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 16px;
    color: #333;
}
.Foot_instant_Txt {
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 0;
    color: #333;
}
.Foot_RecruitBan{
    width: 45%;
	height: auto;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
}
.Foot_instant_Txt{
	margin-top: -12px;
}

.PageTit {
    color: #FFF;
    text-align: center;
    padding: 16px 0;
    background-color: #d963b0;
    font-size: 28px;
}
.Cont_Wrap_col4{
	background: #f1e5ee;
}
.Cont_Wrap_Base2 {
    padding: 16px;
	margin: 0 auto;
	width: 1000px;
	position: relative;
	z-index: 0;
}
.Cont_Wrap_col4::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	background: #f1e5ee;
	z-index: -1;
}
.Std_table2 {
    border-collapse: collapse;
    margin: 0 auto 12px auto;
    font-size: 18px;
    color: #595959;
    width: 100%;
}
.Std_table2 th {
    background: #ebfeff;
    font-weight: normal;
}
.Std_table2 td{
    background: #FFF;
}
.Std_table2 td, .Std_table2 th {
    border: 1px solid #b8b8b8;
    padding: 12px;
	box-sizing: border-box;
}
.Std_table2 td, .Std_table2 th {
    border: 1px solid #b8b8b8;
    padding: 12px;
	box-sizing: border-box;
}
.Std_Btn {
    border-radius: 50px;
    font-size: 28px;
	text-align: center;
    margin-bottom: 16px;
}
.NStd_Btn_Col4 {
    background-color: #b593e4;
}
.Std_Btn_a {
	display: block;
	border-radius: 6px;
	padding: 20px;
	color: #FFF;
	position: relative;
}
.a_Erase:hover, .a_Erase:link, .a_Erase:visited, .a_Erase:active {
	text-decoration: none;
}
.Breadcrumb {
    padding: 12px;
    font-size: 16px;
	margin: 0 auto;
	width: 1000px;
}
.Top_h2_Wrap{
	background-size: 50%;
    background-image: url(https://d-ny.jp/ssl/sp/img/Top_TitBack.png);
}
.Top_h2{
    display: flex;
    justify-content: center;
    align-items: center;
	background-repeat: no-repeat;
    font-size: 5.0vw;
    margin: 0 1vw 3vw 1vw;
    padding: 5vw 0;
}
.Std_h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    font-size: 26px;
    margin: 0 0 16px 0;
    padding: 28px 0;
}
.Top_h2_col1{
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0) 2%,rgb(201 198 234) 25%, rgb(201 198 234) 50%,rgb(201 198 234) 75%,rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0) 100%);
}
.Top_h2_col2{
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0) 2%,rgb(238 197 225) 25%, rgb(238 197 225) 50%,rgb(238 197 225) 75%,rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0) 100%);
}
.Top_h2_Wrap p{
	color: #6d505c;
	text-shadow: #ffffff 0 0 3px, #ffffff 0 0 3px, #ffffff 0 0 3px;
}
.Top_StdTxt{
	font-size: 18px;
	line-height: 1.3;
	color: #3b3b3b;
	margin: 16px 0;
}
.SubImg{
	margin-bottom: 16px;
	text-align: center;
}
.white_Flame {
	margin: 0 0 20px 0;
	background: #ffffff;
	padding: 34px;
	box-shadow: 0 0 1vw rgba(0, 0, 0, 0.2);
	font-size: 28px;
	border-radius: 1vw;
}
.SFlame_Title {
	text-align: center;
	font-size: 28px;
	margin: 0 0 28px 0;
	color: #b06ac6;
	font-weight: bold;
    }
.imgPC70{
	width: 50%;
	height: auto;
}