@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
html {
	min-width: 1200px;
/*	scroll-behavior: smooth;*/
}

body {
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 1px;
	color: #000;
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-feature-settings: "palt";
	overflow-x: hidden;
}

img {
	max-width: 100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
}

a:hover {
	opacity: 0.6;
	transition: all 0.5s;
}

.ContentInnerY {
	padding: 100px 0 100px;
}

.spview {
	display: none;
}

/* フロントページ、グループ概要 */

header {
}

#HeadWrap {
	max-width: 1200px;
	height: 170px;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

.headLogo {
	width: 100%;
    display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.headLogo img {
	width: 180px;
    height: auto;
}

#HeadWrap .headLogo > ul {
	display: flex;
	justify-content:flex-end;
	align-items: center;
}

#HeadWrap .headLogo > ul li {
	margin-left: 1px;
}

#HeadWrap .headLogo > ul li a {
	color: #fff;
	padding: 25px 20px;
	font-size: 15px;
	font-weight: 800;
	display: block;
	width: 180px;
	height: 70px;
	text-align: center;
}

.NavNews {
	background-color: #e50012;;
}

.NavGroup {
	background-color: #ea411c;
}

.NavRecruit {
	background-color: #ea6c1c;
}

#HeadWrap nav.pcview {
	width: 80%;
	padding: 40px 0px;
}

#HeadWrap nav.pcview ul {
	
	display: flex;
	justify-content: space-around;
	align-items: center;
}

#HeadWrap nav.pcview ul li a {
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	display: block;
}

#eTopNews {
    margin-bottom: 100px;
}

#eTopNews > div {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

#eTopNews h2 {
    font-size: 40px;
	border-bottom: 8px solid #e50012;
    border-image: linear-gradient(to right, #C10D13 0%, #F29500 100%);
	border-image-slice: 1;
    line-height: 2.6;
    padding-top: 14px;
}

#eTopNews ul {
    width: 84%;
}

#eTopNews ul li {
    border-bottom: 1px dashed #D2D2D2;
    display: flex;
    line-height: 30px;
    padding: 25px 15px;
}

#eTopNews ul li time {
    display: inline-block;
    margin-inline-end: 30px;
    flex-shrink: 0;
}

#eTopNews ul li div {
    width: 90px;
    flex-shrink: 0;
}

#eTopNews ul li span {
    font-size: 12px;
    display: inline-block;
    border: 1px solid #e50012;
    color: #e50012;
    padding: 0 8px;
    line-height: 1.6;
}

#eTopNews ul li p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#TopNewsLink {
    position: absolute;
    right: 0;
    bottom: -4em;
    font-size: 12px;
}

#TopNewsLink::before {
    content: '';
    display: block;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #e50012;
    position: absolute;
    right: 150%;
    top: 30%;
    width: 30px;
    height: 5px;
    transform: skewX(45deg);
}

#FootWrap {
	width: 1200px;
	margin: auto;
	font-size: 16px;
}
#FootNav {
	background-color: #1270b6;
	padding: 50px 0;
}
#FootNav>nav {
	display: block;
	width:400px;
	margin:0 auto 30px;
}
#FootNav a {
	color: #fff;
	font-size: 14px;
}
#FootNav>nav ul {
	display: flex;
	justify-content: space-evenly;
}
#FootNav>div {
	width:1200px;
	margin: auto;
}
#FootNav>div nav:nth-of-type(1) {
	margin:0 auto 15px;
}
#FootNav>div nav {
	text-align: center;
	width: 100%;
	display: flex;
	justify-content: center;
}
#FootNav>div nav ul {
	width: 100%;
	display: flex;
	justify-content: space-around;
}

/* アクセスカウンター */
#AccessCounter {
	background-color: #1270b6;
	padding: 10px 0;
	margin-top: -1px;
}

#AccessCounter P{
	display: block;
	color: white;
	text-align: center;
	margin: 0 auto;
}

#AccessCounter P span{
	display: block;
}

.post-views{
	color: white;
	text-align: center;
}

#FootCont {
	padding: 50px 0;
	display: flex;
	align-items: flex-end;
}

#FootCont img {
	width: 80%;
}

#FootCont div {
	margin-left: 50px;
}
#FootWrap p {
	padding-bottom: 20px;
	text-align: right;
    margin-top: -50px;
}

/* 採用、就活生の皆さんへ */
.RecruitHead {
	width: 100%;
	height: 100px;
	position: fixed;
	z-index: 999;
}

#RecruitHeadWrap {
	width: 1200px;
    margin: auto;
    padding: 14px 0;
}

#RecruitHeadWrap > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#RecruitHeadWrap > div nav ul {
	display: flex;
	align-items: center;
}

#RecruitHeadWrap > div nav ul li {
	margin-right: 30px;
}

.NavNormalA , .NavSquareA {
	color: #fff;
}

.NavSquareA {
	display: inline-block;
	padding: 0 25px;
	border: 2px solid #fff;
}

.NavSquare {
	margin-left: 10px;
	margin-right: 0;
}

.RecruitHeadAdd {
	background-color: #fff;
	transition: all 0.5s ease 0s;
}

.RecruitHeadCompanyWrapAdd {
	visibility: visible;
	opacity: 1;
	transition: all 0.5s ease 0s;
}

.NavNormalAdd {
	color: #000;
}

.NavNormalAdd:hover {
	color:#ea6c1c;
}

.NavSquareAdd {
	color: #000;
	border: 2px solid #000;
}

.NavSquareAdd:hover {
	color: #fff;
	background-color: #ea6c1c;
	border: 2px solid #ea6c1c;
}

.RecruitFoot {
	background-color: #f7b531;
	padding: 50px 0;
	text-align: center;
}

.RecruitFootNav {
	padding-bottom: 70px;
}

.RecruitFootNav nav:nth-of-type(1) {
	width: 800px;
    margin: 0 auto 30px;
}

.RecruitFootNav nav:nth-of-type(2) {
	width: 400px;
	margin: 0 auto 30px;
}

.RecruitFootNav nav ul {
	display: flex;
	justify-content: space-between;
}

.RecruitFootNav nav ul li a {
	color: #fff;
}

.RecruitFootSNS {
	width: 110px;
	margin: 0 auto 50px;
	display: flex;
	justify-content: space-between;
}

#ePageWrap .eMainWrap {
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px;
    box-sizing: border-box;
}

#eNewsList {
    font-size: 16px;
    margin-bottom: 60px;
}

#eNewsList article {
    border-bottom: 1px dashed #CCC;
    display: flex;
    padding: 0.5em 1em;
}

#eNewsList article time {
    width: 120px;
    flex-shrink: 0;
}

#eNewsList article h3 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#ePaginate {
    text-align: center;
}

#ePaginate > * {
    margin: 0 0.1em;
    border: 1px solid #000;
    line-height: 2.4;
    padding: 0 0.6em;
}

#eWorksLink {
    text-align: center;
    margin: 0 auto;
}

.eArrowButton a {
    background-color: #1270B6;
    color: #FFF;
    padding: 0.5em 3em 0.5em 3em;
    display: inline-block;
}


/* 2025年04月変更（ヘッダー） */

.logowrap {
	padding: 25px 0 0 20px;
	position: fixed;
	left: 0;
	top: 0;
	gap: 16px;
	transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	width: max-content;
  }
  @media screen and (min-width: 897px) {
	/* line 74, ../_layout.scss */
	.logowrap {
	  align-items: center;
	}
  }
  @media screen and (max-width: 896px) {
	/* line 74, ../_layout.scss */
	.logowrap {
	  flex-direction: column;
	  padding: 17px 0 0 3vw;
	  gap: 3px;
	}
  }
  @media screen and (min-width: 897px) {
	/* line 90, ../_layout.scss */
	.logowrap:hover {
	  opacity: 0.7;
	}
  }
  /* line 95, ../_layout.scss */
  .logowrap .logo {
	width: 227px;
  }
  @media screen and (max-width: 896px) {
	/* line 95, ../_layout.scss */
	.logowrap .logo {
	  max-width: 53vw;
	}
  }
  /* line 101, ../_layout.scss */
  .logowrap .logotxt {
	color: #D23918;
	font-size: 12px;
	letter-spacing: 0.15em;
  }
  @media screen and (max-width: 896px) {
	/* line 101, ../_layout.scss */
	.logowrap .logotxt {
	  font-size: 12px;
	  padding-left: 37px;
	}
  }
  
  /* line 112, ../_layout.scss */
  .header .logowrap {
	z-index: 888888889;
  }

  /* line 72, ../_module.scss */
.flx {
	display: flex;
  }
  /* line 74, ../_module.scss */
  .flx.reverse {
	flex-direction: row-reverse;
  }
  /* line 77, ../_module.scss */
  .flx.jfc_sb {
	justify-content: space-between;
  }
  /* line 80, ../_module.scss */
  .flx.jfc_c {
	justify-content: center;
  }
  /* line 83, ../_module.scss */
  .flx.aic {
	align-items: center;
  }
  /* line 86, ../_module.scss */
  .flx.clm {
	flex-direction: column;
  }
  /* line 88, ../_module.scss */
  .flx.clm > * {
	min-height: 0%;
  }
  

  /* line 30, ../_layout.scss */
body.loaded .header_btns .entry_btn .en .arrow {
	transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1), transform 0.3s cubic-bezier(0.19, 1, 0.22, 1), background-color 1s cubic-bezier(0.19, 1, 0.22, 1);
  }
  /* line 35, ../_layout.scss */
  body.loaded .header_btns .menuBtn span:nth-of-type(1) {
	transition: translate 0.25s 0.25s cubic-bezier(0.19, 1, 0.22, 1), rotate 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  }
  @media screen and (max-width: 896px) {
	/* line 35, ../_layout.scss */
	body.loaded .header_btns .menuBtn span:nth-of-type(1) {
	  transition: translate 0.25s cubic-bezier(0.19, 1, 0.22, 1), rotate 0.25s cubic-bezier(0.19, 1, 0.22, 1);
	}
  }
  /* line 41, ../_layout.scss */
  body.loaded .header_btns .menuBtn span:nth-of-type(2) {
	transition: translate 0.25s 0.25s cubic-bezier(0.19, 1, 0.22, 1), rotate 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  }
  @media screen and (max-width: 896px) {
	/* line 41, ../_layout.scss */
	body.loaded .header_btns .menuBtn span:nth-of-type(2) {
	  transition: translate 0.25s cubic-bezier(0.19, 1, 0.22, 1), rotate 0.25s cubic-bezier(0.19, 1, 0.22, 1);
	}
  }
  @media screen and (min-width: 897px) {
	/* line 51, ../_layout.scss */
	body.loaded .header_btns .menuBtn:hover span:nth-of-type(1) {
	  transition: translate 0.25s cubic-bezier(0.19, 1, 0.22, 1), rotate 0.25s cubic-bezier(0.19, 1, 0.22, 1);
	}
	/* line 54, ../_layout.scss */
	body.loaded .header_btns .menuBtn:hover span:nth-of-type(2) {
	  transition: translate 0.25s cubic-bezier(0.19, 1, 0.22, 1), rotate 0.25s 0.25s cubic-bezier(0.19, 1, 0.22, 1);
	}
  }

  /* line 115, ../_layout.scss */
.header_btns {
	justify-content: flex-end;
	position: relative;
	width: max-content;
	z-index: 888888889;
	position: fixed;
	top: 0;
	right: 0;
  }
  /* line 123, ../_layout.scss */
  .header_btns .entry_btn {
	background: #D23918;
	height: 74px;
	padding: 0 72px;
	display: flex;
	align-items: center;
  }
  @media screen and (min-width: 897px) {
	/* line 123, ../_layout.scss */
	.header_btns .entry_btn {
	  border: 1px solid #D23918;
	}
  }
  @media screen and (max-width: 896px) {
	/* line 123, ../_layout.scss */
	.header_btns .entry_btn {
	  height: 60px;
	  padding: 0 20px;
	}
  }
  @media screen and (min-width: 897px) {
	/* line 136, ../_layout.scss */
	.header_btns .entry_btn:hover {
	  background: white;
	}
	/* line 139, ../_layout.scss */
	.header_btns .entry_btn:hover .en {
	  color: #D23918;
	}
	/* line 141, ../_layout.scss */
	.header_btns .entry_btn:hover .en .arrow {
	  opacity: 1;
	  transform: translateY(0);
	}
  }
  /* line 148, ../_layout.scss */
  .header_btns .entry_btn .en {
	color: white;
	font-size: 16px;
	position: relative;
	padding-right: 20px;
	margin-right: -20px;
	overflow: hidden;
	letter-spacing: 0.1em;
	transition: color 1s cubic-bezier(0.19, 1, 0.22, 1);
  }
  @media screen and (max-width: 896px) {
	/* line 148, ../_layout.scss */
	.header_btns .entry_btn .en {
	  font-size: 14px;
	}
  }
  /* line 160, ../_layout.scss */
  .header_btns .entry_btn .en .arrow {
	width: 16px;
	position: absolute;
	top: 39%;
	right: 0;
	transform: translateY(100%);
	opacity: 0;
	translate: 0 -50%;
  }
  /* line 171, ../_layout.scss */
  .header_btns .menuBtn {
	height: 74px;
	width: 74px;
	background: #F0F0F0;
	position: relative;
	cursor: pointer;
  }
  @media screen and (max-width: 896px) {
	/* line 171, ../_layout.scss */
	.header_btns .menuBtn {
	  width: 60px;
	  height: 60px;
	}
  }
  @media screen and (min-width: 897px) {
	/* line 184, ../_layout.scss */
	.header_btns .menuBtn:hover span:nth-of-type(1) {
	  translate: -50% -50%;
	}
	/* line 187, ../_layout.scss */
	.header_btns .menuBtn:hover span:nth-of-type(2) {
	  translate: -50% -50%;
	  rotate: 90deg;
	}
  }
  /* line 194, ../_layout.scss */
  .header_btns .menuBtn .innerwrap {
	transition: rotate 0.25s cubic-bezier(0.19, 1, 0.22, 1);
	width: 100%;
	height: 100%;
	position: relative;
  }
  /* line 200, ../_layout.scss */
  .header_btns .menuBtn span {
	background: #D23918;
	width: 30px;
	height: 2px;
	left: 50%;
	top: 50%;
	position: absolute;
  }
  @media screen and (max-width: 896px) {
	/* line 200, ../_layout.scss */
	.header_btns .menuBtn span {
	  width: 23px;
	}
  }
  /* line 210, ../_layout.scss */
  .header_btns .menuBtn span:nth-of-type(1) {
	translate: -50% calc(-50% + -3px);
  }
  /* line 213, ../_layout.scss */
  .header_btns .menuBtn span:nth-of-type(2) {
	translate: -50% calc(-50% + 3px);
  }
  /* line 218, ../_layout.scss */
  .header_btns .menuBtn.on .innerwrap {
	rotate: 45deg;
  }
  /* line 221, ../_layout.scss */
  .header_btns .menuBtn.on .innerwrap span:nth-of-type(1) {
	translate: -50% -50%;
  }
  /* line 224, ../_layout.scss */
  .header_btns .menuBtn.on .innerwrap span:nth-of-type(2) {
	translate: -50% -50%;
	rotate: 90deg;
  }

  /* line 4, ../_layout.scss */
.sp {
	display: none;
  }
  @media screen and (max-width: 896px) {
	/* line 4, ../_layout.scss */
	.sp {
	  display: block;
	}
  }
  
  @media screen and (max-width: 896px) {
	/* line 10, ../_layout.scss */
	.pc {
	  display: none;
	}
  }
  

  /* line 1144, _top.scss */
.top__recruit .innerwrap {
	position: relative;
  }
  /* line 1146, _top.scss */
  .top__recruit .innerwrap .deco_block {
	width: calc(130/1400*100vw);
	height: calc(130/1400*100vw);
	top: calc(-36/1400*100vw);
	left: calc(-40/1400*100vw);
	position: absolute;
	background: linear-gradient(128deg, #e95513 0%, #e50012 100%);
	scale: 0;
	transform-origin: left top;
	transition: scale 1s cubic-bezier(0.19, 1, 0.22, 1);
  }
  @media screen and (max-width: 896px) {
	/* line 1146, _top.scss */
	.top__recruit .innerwrap .deco_block {
	  width: 22vw;
	  height: 22vw;
	  left: -4vw;
	  top: -4vw;
	}
  }

  /* line 251, ../_layout.scss */
.nav__linkwrap {
	display: flex;
	justify-content: space-between;
	padding-inline: 5vw;
  }
  @media screen and (min-width: 897px) {
	/* line 251, ../_layout.scss */
	.nav__linkwrap {
	  width: 65vw;
	}
  }
  @media screen and (max-width: 896px) {
	/* line 251, ../_layout.scss */
	.nav__linkwrap {
	  flex-wrap: wrap;
	  padding-block: 80px 12vw;
	}
  }
  @media screen and (min-width: 897px) {
	/* line 262, ../_layout.scss */
	.nav__linkwrap .nav__link__list {
	  width: 25vw;
	}
  }
  @media screen and (max-width: 896px) {
	/* line 262, ../_layout.scss */
	.nav__linkwrap .nav__link__list {
	  width: 100%;
	}
  }
  /* line 269, ../_layout.scss */
  .nav__linkwrap .nav__link__list li {
	border-bottom: 1px dashed #A2A2A2;
	padding-block: calc(41/1400*100vw) calc(11/1400*100vw);
  }
  @media screen and (max-width: 896px) {
	/* line 269, ../_layout.scss */
	.nav__linkwrap .nav__link__list li {
	  padding-block: 6vw 3vw;
	}
  }
  @media screen and (min-width: 897px) {
	/* line 275, ../_layout.scss */
	.nav__linkwrap .nav__link__list li:nth-of-type(1) {
	  padding-top: 0;
	}
  }
  /* line 280, ../_layout.scss */
  .nav__linkwrap .nav__link__list li .link__arrow {
	background: linear-gradient(128deg, #e95513 0%, #e50012 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 41%;
	opacity: 0;
	transform: translate(0, -50%);
	transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1);
  }
  @media screen and (min-width: 897px) {
	/* line 280, ../_layout.scss */
	.nav__linkwrap .nav__link__list li .link__arrow {
	  width: calc(54/1400*100vw);
	  height: calc(54/1400*100vw);
	}
  }
  /* line 295, ../_layout.scss */
  .nav__linkwrap .nav__link__list li .link__arrow svg {
	width: 1vw;
  }
  @media screen and (max-width: 896px) {
	/* line 280, ../_layout.scss */
	.nav__linkwrap .nav__link__list li .link__arrow {
	  opacity: 1;
	  background: none;
	  right: -1vw;
	  top: 74%;
	}
	/* line 303, ../_layout.scss */
	.nav__linkwrap .nav__link__list li .link__arrow svg {
	  width: 4vw;
	}
	/* line 305, ../_layout.scss */
	.nav__linkwrap .nav__link__list li .link__arrow svg path {
	  fill: #D23918;
	}
  }
  /* line 311, ../_layout.scss */
  .nav__linkwrap .nav__link__list li a {
	display: flex;
	flex-direction: column;
	width: max-content;
	gap: 0.9vw;
	padding-bottom: calc(15/1400*100vw);
	position: relative;
	padding-right: calc(78/1400*100vw);
  }
  @media screen and (max-width: 896px) {
	/* line 311, ../_layout.scss */
	.nav__linkwrap .nav__link__list li a {
	  gap: 2.5vw;
	  padding-bottom: 2vw;
	}
  }
  /* line 323, ../_layout.scss */
  .nav__linkwrap .nav__link__list li a .en {
	letter-spacing: 0.04em;
	font-size: calc(12/1400*100vw);
	padding: 0.4em 0.55em 0.3em;
	opacity: 0;
  }
  /* line 328, ../_layout.scss */
  .nav__linkwrap .nav__link__list li a .en::before {
	translate: 0 0;
  }
  @media screen and (max-width: 896px) {
	/* line 323, ../_layout.scss */
	.nav__linkwrap .nav__link__list li a .en {
	  font-size: calc(12/375*100vw);
	}
  }
  /* line 335, ../_layout.scss */
  .nav__linkwrap .nav__link__list li a .jp {
	font-weight: bold;
	letter-spacing: 0.04em;
	font-size: calc(20/1400*100vw);
  }
  @media screen and (max-width: 896px) {
	/* line 335, ../_layout.scss */
	.nav__linkwrap .nav__link__list li a .jp {
	  font-size: calc(18/375*100vw);
	}
  }
  /* line 343, ../_layout.scss */
  .nav__linkwrap .nav__link__list li a.nolink {
	pointer-events: none;
  }
  @media screen and (min-width: 897px) {
	/* line 348, ../_layout.scss */
	.nav__linkwrap .nav__link__list li a:hover .link__arrow {
	  opacity: 1;
	}
  }
  /* line 356, ../_layout.scss */
  .nav__linkwrap .child_list {
	display: flex;
	gap: 0 calc(30/1400*100vw);
	margin-bottom: calc(10/1400*100vw);
  }
  @media screen and (max-width: 896px) {
	/* line 356, ../_layout.scss */
	.nav__linkwrap .child_list {
	  margin-block: 2vw 3vw;
	  gap: 8vw;
	}
  }
  /* line 364, ../_layout.scss */
  .nav__linkwrap .child_list li {
	padding: 0;
	margin: 0;
	border-bottom: none;
  }
  /* line 368, ../_layout.scss */
  .nav__linkwrap .child_list li a {
	padding: 0;
	margin: 0;
	display: block;
	font-size: calc(14/1400*100vw);
	letter-spacing: 0.04em;
	padding-left: calc(10/1400*100vw);
	position: relative;
  }
  @media screen and (max-width: 896px) {
	/* line 368, ../_layout.scss */
	.nav__linkwrap .child_list li a {
	  padding-inline: 0 calc(13/375*100vw);
	}
  }
  /* line 379, ../_layout.scss */
  .nav__linkwrap .child_list li a::before {
	content: "";
	display: block;
	position: absolute;
	width: calc(5/1400*100vw);
	height: calc(5/1400*100vw);
	left: 0;
	background: #D23918;
  }
  @media screen and (min-width: 897px) {
	/* line 379, ../_layout.scss */
	.nav__linkwrap .child_list li a::before {
	  top: 50%;
	  transform: translate(0, -50%);
	}
  }
  @media screen and (max-width: 896px) {
	/* line 379, ../_layout.scss */
	.nav__linkwrap .child_list li a::before {
	  width: calc(7/375*100vw);
	  height: calc(7/375*100vw);
	  background: url(../../img/common/svg_btn_arrow_red.svg) no-repeat;
	  background-size: contain;
	  left: auto;
	  right: 0;
	  top: 0.9vw;
	}
  }
  @media screen and (max-width: 896px) {
	/* line 368, ../_layout.scss */
	.nav__linkwrap .child_list li a {
	  font-size: calc(14/375*100vw);
	}
  }
  /* line 404, ../_layout.scss */
  .nav__linkwrap .child_list li a::after {
	background: #D23918;
	bottom: -3px;
  }

  /* line 616, ../_layout.scss */
.nav.show .nav__linkwrap .nav__link__list
li a .en {
  opacity: 1;
  transition-delay: .3s;
}
/* line 619, ../_layout.scss */
.nav.show .nav__linkwrap .nav__link__list
li a .en::before {
  translate: 100% 0;
  transition-delay: .6s;
}


/* line 77, ../_states.scss */
.scr_cvr {
	overflow: hidden;
	width: max-content;
	position: relative;
	display: block;
	color: white;
	opacity: 0;
	padding: 0.1em 0.15em;
	transition: .5s;
	background: #D23918;
	font-weight: bold;
  }
  /* line 88, ../_states.scss */
  .scr_cvr::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	z-index: 1;
	background-color: #D23918;
	transition: all 0.6s cubic-bezier(0.5, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  }
  /* line 100, ../_states.scss */
  .scr_cvr.on {
	opacity: 1;
  }
  /* line 102, ../_states.scss */
  .scr_cvr.on::before {
	translate: 100% 0;
	transition-delay: .3s;
  }
/* line 456, ../_layout.scss */
.nav__cv__copy .jp {
	font-weight: bold;
	font-size: calc(48/1400*100vw);
	letter-spacing: 0.09em;
	line-height: calc(40/30);
  }
  @media screen and (max-width: 896px) {
	/* line 456, ../_layout.scss */
	.nav__cv__copy .jp {
	  font-size: calc(33/375*100vw);
	}
  }
/* line 234, ../_layout.scss */
.nav {
	position: fixed;
	z-index: 888888888;
	right: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background: #fff;
	opacity: 0;
	transform: translateX(100%);
	display: flex;
	align-items: center;
  }
  @media screen and (max-width: 896px) {
	/* line 234, ../_layout.scss */
	.nav {
	  width: 100%;
	  flex-wrap: wrap;
	  overflow-x: hidden;
	}
  }
  
  /* line 412, ../_layout.scss */
  .nav__cv {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
  }
  @media screen and (min-width: 897px) {
	/* line 412, ../_layout.scss */
	.nav__cv {
	  height: 100%;
	  width: 35vw;
	}
  }
  @media screen and (max-width: 896px) {
	/* line 412, ../_layout.scss */
	.nav__cv {
	  width: 100%;
	  padding: 17vw 5vw 18vh;
	}
  }
  /* line 426, ../_layout.scss */
  .nav__cv::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	transform-origin: left;
	left: 0;
	top: 0;
	transform: scale(0, 1);
	transition: transform 0.6s cubic-bezier(0.5, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	background: linear-gradient(128deg, #e95513 0%, #e50012 100%);
  }
  /* line 440, ../_layout.scss */
  .nav__cv__copy, .nav__cv__btn, .nav__cv .sublink {
	z-index: 3;
	position: relative;
  }
  /* line 444, ../_layout.scss */
  .nav__cv__copy {
	display: flex;
	flex-direction: column;
	gap: calc(13/1400*100vw);
	align-items: center;
	justify-content: center;
	color: white;
	transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1);
	opacity: 0;
  }
  @media screen and (max-width: 896px) {
	/* line 444, ../_layout.scss */
	.nav__cv__copy {
	  gap: 2vw 0;
	}
  }
  
  /* line 465, ../_layout.scss */
  .nav__cv__copy .en {
	font-weight: bold;
	font-size: calc(18/1400*100vw);
	letter-spacing: 0.25em;
	font-family: 'Inter', sans-serif;
	font-weight: 600;
  }
  @media screen and (max-width: 896px) {
	/* line 465, ../_layout.scss */
	.nav__cv__copy .en {
	  font-size: calc(14/375*100vw);
	}
  }
  /* line 476, ../_layout.scss */
  .nav__cv__btn {
	background: white;
	width: calc(300/1400*100vw);
	height: calc(130/1400*100vw);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.4vw;
	padding-top: 0.3vw;
	position: relative;
	margin: calc(73/1400*100vw) auto 0;
	color: #D23918;
	transition: background-color 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s cubic-bezier(0.19, 1, 0.22, 1);
	opacity: 0;
  }
  @media screen and (max-width: 896px) {
	/* line 476, ../_layout.scss */
	.nav__cv__btn {
	  width: 100%;
	  height: 33vw;
	  gap: 2.3vw;
	  margin-top: 14vw;
	}
  }
  /* line 497, ../_layout.scss */
  .nav__cv__btn .maintxt {
	font-size: calc(48/1400*100vw);
	letter-spacing: 0.02em;
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	transition: color 1s cubic-bezier(0.19, 1, 0.22, 1);
  }
  @media screen and (max-width: 896px) {
	/* line 497, ../_layout.scss */
	.nav__cv__btn .maintxt {
	  font-size: calc(31/375*100vw);
	}
  }
  /* line 507, ../_layout.scss */
  .nav__cv__btn .subtxt {
	font-size: calc(13/1400*100vw);
	letter-spacing: 0.04em;
	font-weight: bold;
	transition: color 1s cubic-bezier(0.19, 1, 0.22, 1);
  }
  @media screen and (max-width: 896px) {
	/* line 507, ../_layout.scss */
	.nav__cv__btn .subtxt {
	  font-size: calc(15/375*100vw);
	}
  }
  /* line 516, ../_layout.scss */
  .nav__cv__btn__arrow {
	transform-origin: right bottom;
	transition: background-color 1s cubic-bezier(0.19, 1, 0.22, 1);
	background: linear-gradient(128deg, #e95513 0%, #e50012 100%);
	width: calc(24/1400*100vw);
	height: calc(24/1400*100vw);
	position: absolute;
	right: 1px;
	bottom: 1px;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  @media screen and (max-width: 896px) {
	/* line 516, ../_layout.scss */
	.nav__cv__btn__arrow {
	  width: 11vw;
	  height: 11vw;
	  right: 3px;
	  bottom: 3px;
	}
  }
  /* line 534, ../_layout.scss */
  .nav__cv__btn__arrow svg {
	width: calc(5.25/1400*100vw);
  }
  @media screen and (max-width: 896px) {
	/* line 534, ../_layout.scss */
	.nav__cv__btn__arrow svg {
	  width: 2.7vw;
	}
  }
  /* line 539, ../_layout.scss */
  .nav__cv__btn__arrow svg path {
	transition: fill 1s cubic-bezier(0.19, 1, 0.22, 1);
  }
  @media screen and (min-width: 897px) {
	/* line 544, ../_layout.scss */
	.nav__cv__btn:hover {
	  background: #D23918;
	  border: 1px solid white;
	}
	/* line 548, ../_layout.scss */
	.nav__cv__btn:hover .maintxt, .nav__cv__btn:hover .subtxt {
	  color: white;
	}
	/* line 551, ../_layout.scss */
	.nav__cv__btn:hover .nav__cv__btn__arrow {
	  background: white;
	}
	/* line 554, ../_layout.scss */
	.nav__cv__btn:hover .nav__cv__btn__arrow svg path {
	  fill: #D23918;
	}
  }
  /* line 562, ../_layout.scss */
  .nav__cv .sublink {
	display: flex;
	justify-content: center;
	gap: 2vw;
	margin-top: 2vw;
	transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1);
	opacity: 0;
  }
  @media screen and (max-width: 896px) {
	/* line 562, ../_layout.scss */
	.nav__cv .sublink {
	  margin-top: 8vw;
	  gap: 6vw;
	  align-items: flex-end;
	}
  }
  /* line 575, ../_layout.scss */
  .nav__cv .sublink li a {
	color: white;
	display: flex;
	align-items: center;
	font-size: calc(14/1400*100vw);
	letter-spacing: 0.04em;
	gap: 0.2vw;
	font-weight: bold;
  }
  @media screen and (max-width: 896px) {
	/* line 575, ../_layout.scss */
	.nav__cv .sublink li a {
	  font-size: calc(12/375*100vw);
	}
  }
  /* line 586, ../_layout.scss */
  .nav__cv .sublink li a::after {
	transform: scale(1);
	transform-origin: left;
  }
  /* line 590, ../_layout.scss */
  .nav__cv .sublink li a svg {
	width: calc(14/1400*100vw);
  }
  @media screen and (max-width: 896px) {
	/* line 590, ../_layout.scss */
	.nav__cv .sublink li a svg {
	  width: calc(14/375*100vw);
	}
  }
  @media screen and (min-width: 897px) {
	/* line 598, ../_layout.scss */
	.nav__cv .sublink li a:hover::after {
	  transform: scale(0, 1);
	  transform-origin: right;
	}
  }
  /* line 608, ../_layout.scss */
  .nav.show {
	transform: translateX(0);
	opacity: 1;
  }
  
  /* line 628, ../_layout.scss */
  .nav.show .nav__cv::after {
	transform: scale(1);
	transition-delay: .6s;
  }
  /* line 632, ../_layout.scss */
  .nav.show .nav__cv__copy, .nav.show .nav__cv__btn, .nav.show .nav__cv .sublink {
	opacity: 1;
	transition: background-color 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  }
  

/* 2025年04月変更END */