@charset "utf-8";
/***************************************************************************************************
	page_top.css
***************************************************************************************************/
#page_top {
  width: 100%;
}
/*
*/
#page_top .blk_1 {
  width: 100%;
  padding:0 var(--gap_1);
  padding-top:110px;
  background-color: #ffffff;
}
#page_top .blk_1 > div {
  width: 100%;
  height: 630px;
}
/*  */
#page_top .blk_1_1 {
  width:100%;
  max-width: 1360px;
  margin: auto;
  padding:0 min(60px, 4.4%);
  z-index: 1;
}
#page_top .blk_1_1_1 {
  padding:58px 0 0 0;
}
#page_top .blk_1_1_1 p:nth-of-type(1) {
  font-family: "Roboto", sans-serif;
  font-size: clamp(14px, 2vw, 20px);
  line-height: 1.4;
  letter-spacing: var(--ls_2);
  color:#ffffff;
}
#page_top .blk_1_1_1 p:nth-of-type(2) {
  font-size: min(4.8vw, 48px);
  line-height: 1.4;
  letter-spacing: var(--ls_2);
  font-weight: 500;
  color:#ffffff;
  padding:10px 0 0 0;
}
#page_top .blk_1_1_1 p:nth-of-type(3) {
  display: flex;
  justify-content: left;
  align-items: flex-end;
  padding:33px 0 0 0;
  gap:0 min(4vw, 40px);
}
#page_top .blk_1_1_1 p:nth-of-type(3) span {
  display: block;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: var(--lh_1);
  letter-spacing: var(--ls_2);
  color:#ffffff;
}
#page_top .blk_1_1_1 p:nth-of-type(3) span img {
  display: block;
  width:min(11.4vw, 114px);
}
#page_top .blk_1_1_2 {
  display: flex;
  justify-content: left;
  align-items: center;
  gap:0 20px;
  padding:min(4.4vw, 64px) 0 0 0;
}
#page_top .blk_1_1_2 p {
  width: 250px;
  height:60px;
}
#page_top .blk_1_1_2 p a {
  display:flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height:100%;
  border-radius:30px;
  background-color: #00B72B;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color:#ffffff;
  padding:0 20px 0 0;
}
#page_top .blk_1_1_2 p:nth-of-type(2) a {
  background-color: #18A0FB;
}
#page_top .blk_1_1_2 p a::after {
	position: absolute;
	display: block;
	content: '';
	width: 20px;
	height: 20px;
	left:calc(100% - 45px);
	top:50%;
  translate:0 -50%;
  transform-origin: 50% 50%;
	background-image: url('../images/ico_02.svg');
	background-position: 50% 50%;
	background-size: 7px auto;
	transition:translate .1s ease-out 0s;
}
#page_top .blk_1_1_2 p a.nm_hover::after {
	translate:7px -50%;
}
/*  */
#page_top .blk_1_2 {
  position: absolute;
  left:97%;
  top:100%;
  width:288px;
  border-radius: 30px;
  background-color: #ffffff;
  padding:10px;
  translate: -100% -50%;
  z-index: 1;
}
#page_top .blk_1_2 a {
  display: block;
  border-radius: 21px;
  border:1px solid var(--col_1);
  overflow: hidden;
}
#page_top .blk_1_2 a::before {
  display: block;
  content:'';
  width:100%;
  aspect-ratio: 248 / 80;
  background-image: url('../images/top_img_01.webp');
	background-position: 50% 50%;
	background-size: 100% auto;
}
#page_top .blk_1_2 a p:nth-of-type(1) {
  text-align: center;
  padding: 14px 0 0 0;
}
#page_top .blk_1_2 a p:nth-of-type(1) span {
  display: inline-block;
  color:var(--col_1);
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  padding:0 0 0 24px;
}
#page_top .blk_1_2 a p:nth-of-type(1) span::before {
  position: absolute;
  content:'';
  display: block;
  left:0;
  top:50%;
  translate:0 -50%;
  width:17px;
  height:17px;
  background-color: var(--col_1);
  border-radius: 50%;
  background-image: url('../images/ico_02.svg');
	background-position: 50% 50%;
	background-size: 5px auto;
}
#page_top .blk_1_2 a p:nth-of-type(2) {
  font-size: 14px;
  line-height: var(--lh_1);
  font-weight: 500;
  padding: 6px 10px 10px 10px;
  text-align: center;
}
/*  */
#page_top .blk_mv {
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  /* background-image: url('../images/top_mv_01.webp'); */
	background-position: 50% 50%;
	background-size: cover;
  border-radius: 30px;
  overflow: hidden;
}
#page_top .blk_mv picture {
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}
#page_top .blk_mv picture source,
#page_top .blk_mv picture img {
  position: absolute;
  left:50%;
  top:50%;
  width:100%;
  height:100%;
  translate: -50% -50%;
  object-fit: cover;
}
#page_top .blk_mv div:nth-of-type(1),
#page_top .blk_mv div:nth-of-type(3) {
  position: absolute;
  left:50%;
  top:0;
  translate: -50% 0;
  width:100%;
  max-width: 1237.6px;
  height:100%;
}
#page_top .blk_mv div:nth-of-type(1) {
  mix-blend-mode: multiply;
}
#page_top .blk_mv div:nth-of-type(1)::before,
#page_top .blk_mv div:nth-of-type(3)::before {
  position: absolute;
  display: block;
  content:'';
  /* left: max(700px, 97%); */
  left:clamp(800px, 97%, 1200px);
  top: -30px;
  /* width:46.7%; */
  width:clamp(500px, 50%, 578px);
  height: 100%;
  translate:-100% 0;
}
#page_top .blk_mv div:nth-of-type(1)::before{
  background-image: url('../images/top_mv_02.webp');
	background-position: 22% 50%;
	background-size: 81% auto;
}
#page_top .blk_mv div:nth-of-type(3)::before {
  background-image: url('../images/top_mv_04.svg');
	background-position: 100% 60%;
	background-size: 100% auto;
}
#page_top .blk_mv div:nth-of-type(2) {
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-image: url('../images/top_mv_03_02.webp');
	background-position: 50% 120%;
	background-size: max(1200px, 100%) auto;
  mix-blend-mode: color-dodge;
  opacity:1;
}
/*
*/
#page_top .blk_2 {
  padding:80px 8%;
  background-color: #ffffff;
}
#page_top .blk_2.recruit_ready {
  padding-top:60px;
}
#page_top .blk_2 > div {
  width: 100%;
  max-width: var(--max_wid_1);
  margin: auto;
}
/*  */
#page_top .blk_2 .blk_news {
  margin-top:30px;
  border-top:1px dashed var(--col_1);
  interpolate-size: allow-keywords;
  padding: 0 0 20px 0;
}
#page_top .blk_2 .blk_news:has(.btn_more) {
  padding: 0 0 100px 0;
}
#page_top .blk_2 .blk_news.nm_show_more:has(.btn_more) {
  padding: 0 0 20px 0;
}
@supports (interpolate-size: allow-keywords) {
#page_top .blk_2 .blk_news.nm_show_more {
  transition:padding .3s ease-out 0s;
}
}
#page_top .blk_2 .blk_news article {
  border-bottom:1px dashed var(--col_1);
}
#page_top .blk_2 .blk_news article:nth-child(n+5) {
  pointer-events: none;
  opacity:0;
  height: 0;
  overflow: hidden;
  transition: opacity .3s ease-out .3s, height .3s ease-out 0s;
}
#page_top .blk_2 .blk_news.nm_show_more article:nth-child(n+5) {
  opacity:1;
  pointer-events: auto;
  height: auto;
}
#page_top .blk_2 .blk_news article hgroup {
  padding:26px 35px 26px 0;
  cursor: pointer;
  display: flex;
  justify-content: left;
  align-items: flex-start;
  text-align: left;
}
#page_top .blk_2 .blk_news article hgroup h3 {
  order: 2;
  font-size: clamp(14px, 1.45vw, 16px);
  line-height: 1.5;
  transition: color .1s ease-out 0s;
}
#page_top .blk_2 .blk_news article hgroup.nm_hover h3 {
  color:var(--col_2);
  text-decoration: underline;
}
#page_top .blk_2 .blk_news article hgroup p {
  order: 1;
  font-size: clamp(14px, 1.45vw, 16px);
  font-family: "Roboto", sans-serif;
  line-height: 1.5;
  width: clamp(120px, 13vw, 190px);
  white-space: nowrap;
}
#page_top .blk_2 .blk_news article hgroup::before,
#page_top .blk_2 .blk_news article hgroup::after {
  position: absolute;
  content:'';
  display: block;
  width: 18px;
  height: 2px;
  background-color: var(--col_1);
  left:100%;
  top:50%;
  translate: -100% -50%;
  transition: .2s ease-out 0s;
  transition-property: opacity, rotate;
}
#page_top .blk_2 .blk_news article hgroup::before {
  transition-delay: .1s, 0s;
}
#page_top .blk_2 .blk_news article hgroup::after {
  rotate: -90deg;
}
#page_top .blk_2 .blk_news article.nm_open hgroup::before {
  opacity:0;
  transition-delay: 0s, 0s;
}
#page_top .blk_2 .blk_news article.nm_open hgroup::after {
  rotate: 0deg;
}
#page_top .blk_2 .blk_news article > div {
  padding:0 0 0 clamp(120px, 13vw, 190px);
  opacity:0;
  height: 0;
  transition: .2s ease-out 0s;
  transition-duration: .1s, .2s, .2s;
  transition-property: opacity, height, padding-bottom;
  overflow: hidden;
}
#page_top .blk_2 .blk_news article.nm_open > div {
  opacity:1;
  padding-bottom:30px;
  height: auto;
  transition-duration: .3s, .2s, .2s;
}
#page_top .blk_2 .blk_news article > div * {
  font-size: clamp(14px, 1.45vw, 16px);
}
#page_top .blk_2 .blk_news article > div p {
  padding:0 0 1em 0;
}
#page_top .blk_2 .blk_news article > div a {
  color:var(--col_1);
  text-decoration: underline;
  transition:color .1s ease-out 0s;
}
#page_top .blk_2 .blk_news article > div a.nm_hover {
  color:var(--col_2);
}
#page_top .blk_2 .blk_news .btn_more {
  position: absolute;
  left:50%;
  translate:-50% 0;
  width: 500px;
  margin-top: 40px;
  z-index: 1;
  transition:background-color .1s ease-out 0s, opacity .3s ease-out 0s;
  overflow: hidden;
}
#page_top .blk_2 .blk_news .gsty_btn_1.btn_more::after {
  rotate:90deg;
}
#page_top .blk_2 .blk_news .gsty_btn_1.btn_more.nm_hover::after {
  translate:0 -50%;
}
#page_top .blk_2 .blk_news.nm_show_more .btn_more {
  background-color: var(--col_2);
  pointer-events: none;
  opacity:0;
}
/*
*/
#page_top .blk_3 {
  width:100%;
  background-color: var(--col_1);
  padding:100px 8%;

  background-image:
  radial-gradient(circle at 100% 100%, transparent 50px, #ffffff 51px),
  radial-gradient(circle at 0 100%, transparent 50px, #ffffff 51px);
  background-size: 50px 50px;
  background-position: 0 0, 100% 0;
}

#page_top .blk_3 > div {
  width: 100%;
  max-width: var(--max_wid_1);
  margin: auto;
  display: flex;
  gap:0 3.33%;
  justify-content: center;
  align-items: stretch;
}
#page_top .blk_3 section {
  flex:1;
  border-radius: 8px;
  background-color: #ffffff;
  /* min-width: 360px; */
  padding: min(2.5vw, 40px);
}
#page_top .blk_3 section hgroup {
  padding: 0 0 20px 0;
  text-align: center;
}
#page_top .blk_3 section hgroup h2 {
  font-size: clamp(16px, 1.63vw, 18px);
  line-height: 1;
  font-weight: 500;
  letter-spacing: var(--ls_2);
  color:var(--col_1 );
}
#page_top .blk_3 section hgroup p {
  font-size: clamp(20px, 2.72vw, 30px);
  line-height: 1;
  font-weight: 500;
  letter-spacing: var(--ls_1);
  color:var(--col_1 );
  font-family: "Roboto", sans-serif;
  padding:8px 0 0 0;
  white-space: nowrap;
}
#page_top .blk_3 section > div {
  text-align: center;
}
#page_top .blk_3 section > div > p:nth-of-type(1) {
	width: 100%;
  aspect-ratio:518 / 346;
}
#page_top .blk_3 section > div > p:nth-of-type(1) a {
  display: block;
  width:100%;
  height: 100%;
  overflow: hidden;
}
#page_top .blk_3 section > div > p:nth-of-type(1) a img {
  position: absolute;
  display: block;
  width:100%;
  left:50%;
  top:50%;
  translate: -50% -50%;
  transition: scale .2s ease-out 0s;
}
#page_top .blk_3 section > div > p:nth-of-type(1) a.nm_hover img {
  scale:1.03;
}
#page_top .blk_3 section > div > p:nth-of-type(2) {
  display: inline-block;
  border: 1px solid var(--col_1);
  border-radius: 4px;
  padding: 3px 16px;
  margin-top: 20px;
  font-size: clamp(13px, 1.45vw, 16px);
  font-weight: 500;
  color:var(--col_1);
  white-space: nowrap;
}
#page_top .blk_3 section > p:nth-of-type(1) {
  font-size: clamp(13px, 1.45vw, 16px);
  padding: 15px 0 15px 0;
  text-align: center;
}
#page_top .blk_3 section > p:nth-of-type(1) span {
  white-space: nowrap;
}
/*
*/
#page_top .blk_4 {
  width:100%;
  /* background-color: var(--col_1); */

  background-image:
  radial-gradient(circle at 100% 100%, transparent 50px, var(--col_1) 51px),
  radial-gradient(circle at 0 100%, transparent 50px, var(--col_1) 51px);
  background-size: 50px 50px;
  background-position: 0 0, 100% 0;
}

#page_top .blk_4 > div {
  /* background-color: #F2F6F9; */
  border-radius: 50px 50px 0 0;
  padding:100px 8% 150px 8%;
  z-index: 2;
}
#page_top .blk_4 > div > div {
  width:100%;
  max-width: var(--max_wid_1);
  margin: auto;
}
/*  */
#page_top .blk_4_1-4_2 {
  display: flex;
  justify-content: left;
  align-items: stretch;
  gap:0 8%;
}
/*  */
#page_top .blk_4_1 {
  width: 38%;
  order:2;
}
#page_top .blk_4_1 .blk_grap {
  position: -webkit-sticky;
  position: sticky;
  top: 180px;
  width:100%;
  padding:60px 0 0 0;
}
#page_top .blk_4_1 .blk_grap > div {
  width:100%;
  aspect-ratio: 1 / 1;
}
#page_top .blk_4_1 .blk_grap h3 {
  position: absolute;
  left:50%;
  top:50%;
  translate:-50% -50%;
  font-size: clamp(14px, 1.63vw, 18px);
  font-weight: 500;
  letter-spacing: var(--ls_2);
  line-height: 1.5;
  color:var(--col_1);
  text-align: center;
}
#page_top .blk_4_1 .blk_grap ul {
  position: absolute;
  left:50%;
  top:50%;
  translate:-50% -50%;
  display: block;
  width:75%;
  aspect-ratio: 1 / 1;
  list-style: none;
}
#page_top .blk_4_1 .blk_grap ul::before {
  position: absolute;
  display: block;
  content:'';
  left:50%;
  top:50%;
  translate:-50% -50%;
  display: block;
  width:84%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  border:1px solid var(--col_1);
  list-style: none;
}
#page_top .blk_4_1 .blk_grap ul li {
  position: absolute;
  width:50%;
  /* aspect-ratio: 1 / 1; */
  padding:50% 0 0 0;
  border-radius: 50%;
  background-color: #cccccc;
  border:clamp(11px, 1.45vw, 16px) solid #EBEBEB;
  box-sizing: content-box;
  translate: -50% -50%;
}
#page_top .blk_4_1 .blk_grap ul li:nth-of-type(1) {
  left:50%;
  top:0;
  /* left: calc(50% + 50% * sin(0));
  top:  calc(50% - 50% * cos(0)); */
  /* left: calc(var(--center-x) + var(--radius) * sin(var(--angle)));
  top:  calc(var(--center-y) - var(--radius) * cos(var(--angle))); */
  background-color: var(--col_1);
}
#page_top .blk_4_1 .blk_grap ul li:nth-of-type(2) {
  left:6.7%;
  top:75%;
  background-color: #008C98;
  /* left: calc(50% + 50% * sin(-120deg));
  top:  calc(50% - 50% * cos(-120deg)); */
}
#page_top .blk_4_1 .blk_grap ul li:nth-of-type(3) {
  left:93.3%;
  top:75%;
  background-color: #0096B4;
  /* left: calc(50% + 50% * sin(-240deg));
  top:  calc(50% - 50% * cos(-240deg)); */
}
#page_top .blk_4_1 .blk_grap ul li div {
  position: absolute;
  left:50%;
  top:53%;
  translate: -50% -50%;
  text-align: center;
}
#page_top .blk_4_1 .blk_grap ul li div p:nth-of-type(1) {
  position: absolute;
  font-family: "Roboto", sans-serif;
  color:#ffffff;
  font-size: clamp(10px, 1.18vw, 12px);
  line-height: 1.16;
  letter-spacing: var(--ls_2);
  font-weight: 500;
  left:50%;
  top:0;
  translate: -50% -100%;
}
#page_top .blk_4_1 .blk_grap ul li div p:nth-of-type(2) {
  color:#ffffff;
  font-size: clamp(13px, 1.81vw, 20px);
  line-height: 1.2;
  letter-spacing: var(--ls_2);
  font-weight: 500;
  padding:clamp(5px, .06vw, 7px) 0 0 0;
  white-space: nowrap;
}
#page_top .blk_4_1 .blk_grap ul li:nth-of-type(2) div p:nth-of-type(2) {
  font-size: clamp(13px, 1.3vw, 18px);
}
/*  */
#page_top .blk_4_2 {
  width:54%;
  padding:55px 0 0 0;
  order: 1;
}
#page_top .blk_4_2 section + section {
  padding:clamp(60px, .9vw, 100px) 0 0 0;
}
#page_top .blk_4_2 section h3 {
  padding: 0 0 clamp(20px, 3.63vw, 40px) 0;
  display: flex;
  justify-content: left;
  align-items: flex-start;
}
#page_top .blk_4_2 section h3 > span:nth-of-type(1) {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: clamp(24px, 2.9vw, 32px);
  font-weight: 500;
  line-height: 1;
  color:var(--col_1);
  padding:5px 10px 0 0;
}
#page_top .blk_4_2 section h3 > span:nth-of-type(2) {
  display: block;
  font-size: clamp(20px, 2.4vw, 28px);
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: var(--ls_2);
  color:var(--col_1);
}
#page_top .blk_4_2 section h3 > span:nth-of-type(2) > span {
  white-space: nowrap;
}
#page_top .blk_4_2 section p:nth-of-type(1) {
  font-size: clamp(14px, 1.63vw, 18px);
  letter-spacing: var(--ls_2);
  background-color: #ffffff;
  padding:max(8px, 1.2vw) max(16px, 2.4vw) ;
  margin-bottom: clamp(20px, 3.63vw, 40px);
}
#page_top .blk_4_2 section p:nth-of-type(n+2) {
  font-size: clamp(14px, 1.63vw, 18px);
  line-height: 2;
  padding: 0 0 clamp(15px, .272vw, 30px) 0;
}
#page_top .blk_4_2 section p:nth-of-type(n+2) a {
  display: inline-block;
  color:var(--col_1);
  padding:0 30px 0 0;
  transition:color .1s ease-out 0s;
}
#page_top .blk_4_2 section p:nth-of-type(n+2) a.nm_hover {
  color:var(--col_2);
  text-decoration: underline;
}
#page_top .blk_4_2 section p:nth-of-type(n+2) a:after {
	position: absolute;
	display: block;
	content: '';
	width: 20px;
	height: 20px;
	left:100%;
	top:50%;
  translate: -100% -50%;
	background-image: url('../images/ico_03_02.svg');
	background-position: 50% 50%;
	background-size: 15px auto;
  transition:left .1s ease-out 0s;
}
#page_top .blk_4_2 section p:nth-of-type(n+2) a.nm_hover:after {
	left:calc(100% + 5px);
}
/*  */
#why_bk {
  position: fixed;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  /* border-radius: 50px 50px 0 0; */
  overflow: hidden;
  background-color: #F2F6F9;
  pointer-events: none;
  z-index: -1;
}
#why_bk canvas {
  position: absolute;
  left:50%;
  top:50%;
  translate:-50% -50%;
  transform-origin: 50% 50%;
}
/*  */
/*
*/
.psty_tit_1 {
  color:var(--col_1);
}
.psty_tit_1 *:nth-child(1) {
  font-size: clamp(16px, 1.6vw, 18px);
  line-height: 1;
  letter-spacing: var(--ls_2);
  font-weight: 500;
}
.psty_tit_1 *:nth-child(2) {
  font-family: "Roboto", sans-serif;
  font-size: 52px;
  font-size: clamp(36px, 4.7vw, 52px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: var(--ls_1);
  padding:clamp(5px, 1.18vw, 13px) 0 0 0;
}
/***************************************************************************************************
  responsive
***************************************************************************************************/
@media (width <= 1300px) {
/*
*/
#page_top .blk_3 section > p:nth-of-type(1) span {
  display: block;
}
/*  */
}
@media (width <= 1100px) {
/*
*/
#page_top .blk_1 {
  padding-top:62px;
}
/*
*/
#page_top .blk_2 {
  padding-left: var(--gap_2);
  padding-right: var(--gap_2);
}
/*
*/
#page_top .blk_2 .blk_news {
  padding: 0 0 0 0;
}
#page_top .blk_2 .blk_news:has(.btn_more) {
  padding: 0 0 83px 0;
}
#page_top .blk_2 .blk_news.nm_show_more:has(.btn_more) {
  padding: 0 0 0 0;
}
/*
*/
#page_top .blk_4_1 .blk_grap {
  padding:40px 0 0 0;
}
#page_top .blk_4_1 .blk_grap ul li:nth-of-type(2) div p:nth-of-type(2) {
  font-size: clamp(13px, 1.63vw, 18px);
}
/*
*/
#page_top .blk_3 {
  padding:80px var(--gap_2);
  background-image:
  radial-gradient(circle at 100% 100%, transparent 30px, #ffffff 31px),
  radial-gradient(circle at 0 100%, transparent 30px, #ffffff 31px);
  background-size: 30px 30px;
  background-position: 0 0, 100% 0;
}
/*
*/
#page_top .blk_4 {
  background-image:
  radial-gradient(circle at 100% 100%, transparent 30px, var(--col_1) 31px),
  radial-gradient(circle at 0 100%, transparent 30px, var(--col_1) 31px);
  background-size: 30px 30px;
  background-position: 0 0, 100% 0;
}
#page_top .blk_4 > div {
  border-radius: 30px 30px 0 0;
  padding:80px var(--gap_2) 120px var(--gap_2);
}
/*  */
#page_top .blk_4_1-4_2 {
  gap:0 6%;
}
/*  */
#page_top .blk_4_1 {
  width: 44%;
}
/*  */
#page_top .blk_4_2 {
  width:50%;
  padding:55px 0 0 0;
  left:0;
  top:0;
  order: 1;
}
/*  */
}
/*
*/
@media (width <= 800px) {
/*
*/
#page_top .blk_2 {
  padding:80px var(--gap_2);
}
#page_top .blk_2.recruit_ready {
  padding-top:40px;
}
/*
*/
#page_top .blk_3 {
  padding:clamp(40px, 10vw, 60px) var(--gap_2);
}
#page_top .blk_3 > div {
  flex-direction: column;
  align-items: center;
  gap:max(5.33vw, 20px) 0;
}
#page_top .blk_3 section {
  width: 100%;
  max-width: 500px;
  padding: min(4.3vw, 30px);
}
/*
*/
#page_top .blk_4 > div {
  padding-top:40px;
  padding-bottom: 60px;
}
/*  */
#page_top .blk_4_1-4_2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap:0 0;
}
/*  */
#page_top .blk_4_1 {
  width: 90%;
  max-width: 400px;
  padding: 0;
  order:1;
}
#page_top .blk_4_1 .blk_grap {
  padding:60px 0 0 0;
}
#page_top .blk_4_1 .blk_grap ul li {
  border-width:11px;
}
#page_top .blk_4_1 .blk_grap h3 {
  font-size: 14px;
}
#page_top .blk_4_1 .blk_grap ul li div p:nth-of-type(1) {
  font-size: 10px;
}
#page_top .blk_4_1 .blk_grap ul li div p:nth-of-type(2) {
  font-size: 13px;
  padding:5px 0 0 0;
}
#page_top .blk_4_1 .blk_grap ul li:nth-of-type(2) div p:nth-of-type(2) {
  font-size:13px;
}
#page_top .blk_4_1 .blk_grap ul li:nth-of-type(1) {
  left:50% !important;
  top:0 !important;
}
#page_top .blk_4_1 .blk_grap ul li:nth-of-type(2) {
  left:6.7% !important;
  top:75% !important;

}
#page_top .blk_4_1 .blk_grap ul li:nth-of-type(3) {
  left:93.3% !important;
  top:75% !important;
}
/*  */
#page_top .blk_4_2 {
  width:100%;
  /* max-width: 500px; */
  max-width: 600px;
  padding:10px 0 0 0;
  order: 2;
}
#page_top .blk_4_2 section + section {
  padding:30px 0 0 0;
}
#page_top .blk_4_2 section h3 {
  padding: 0 0 20px 0;
}
#page_top .blk_4_2 section h3 > span:nth-of-type(1) {
  font-size: min(24px, 6.4vw);
}
#page_top .blk_4_2 section h3 > span:nth-of-type(2) {
  font-size: min(20px, 5.3vw);
}
#page_top .blk_4_2 section p:nth-of-type(1) {
  font-size: 14px;
  padding:10px 16px;
  margin-bottom: 20px;
}
/*  */
}
/*
*/
@media (width <= 700px) {
/*
*/
#page_top .blk_1 {
  padding-left:0;
  padding-right: 0;
}
#page_top .blk_1 > div {
  height: auto;
}
/*  */
#page_top .blk_1_1 {
  width:100%;
  max-width: 500px;
  padding:0 5.3%;
}
#page_top .blk_1_1_1 {
  padding:45px 0 0 0;
}
#page_top .blk_1_1_1 p:nth-of-type(1) {
  font-size: clamp(14px, 2vw, 20px);
}
#page_top .blk_1_1_1 p:nth-of-type(2) {
  font-size: clamp(24px, 7.4vw, 36px);
  padding:10px 0 0 0;
}
#page_top .blk_1_1_1 p:nth-of-type(3) {
  padding:30px 0 0 0;
  gap:0 min(3.4vw, 15px);
}
#page_top .blk_1_1_1 p:nth-of-type(3) span {
  font-size: min(3.2vw, 13px);
}
#page_top .blk_1_1_1 p:nth-of-type(3) span img {
  display: block;
  width:min(18vw, 80px);
}
#page_top .blk_1_1_2 {
  display: block;
  /* padding:25px 0 225px 0; */
  padding:20px 0 240px 0;
}
#page_top .blk_1_1_2 p {
  width: 100%;
  height:44px;
  margin-top: 10px;
}
#page_top .blk_1_1_2 p a {
  font-size: 14px;
  padding:0;
}
#page_top .blk_1_1_2 p a.nm_hover::after {
	translate:5px -50%;
}
/*  */
#page_top .blk_1_2 {
  left:50%;
  top:100%;
  width:90vw;
  max-width: 500px;
  border-radius: 22px;
  padding:6px;
  translate: -50% -50%;
}
#page_top .blk_1_2 a {
  border-radius: 16px;
  padding:0 0 0 38%
}
#page_top .blk_1_2 a::before {
  position: absolute;
  width:38%;
  height: 100%;
  left:0;
  top:0;
  aspect-ratio:auto;
  background-position: 22% 76%;
  background-size: max(100%, 160px) auto;
}
#page_top .blk_1_2 a p:nth-of-type(1) {
  text-align: left;
  padding: 7px 0 0 10px;
}
#page_top .blk_1_2 a p:nth-of-type(1) span {
  display: inline-block;
  font-size: 14px;
  padding:0 0 0 20px;
}
#page_top .blk_1_2 a p:nth-of-type(1) span::before {
  width:14px;
  height:14px;
	background-size: 4px auto;
}
#page_top .blk_1_2 a p:nth-of-type(2) {
  font-size: clamp(10px, 3.2vw, 13px);
  padding: 0 10px 7px 10px;
  line-height: 1.5;
  text-align: left;
}
/*  */
#page_top .blk_mv {
  /* background-image: url('../images/top_mv_05.webp'); */
  border-radius: 0;
}
#page_top .blk_mv div:nth-of-type(1),
#page_top .blk_mv div:nth-of-type(3) {
  top:calc(100% - 20px);
  translate: -50% -100%;
  width:260px;
  max-width:none;
  height:220px;
}
#page_top .blk_mv div:nth-of-type(1)::before,
#page_top .blk_mv div:nth-of-type(3)::before {
  left:0;
  top:0;
  width:100%;
  height: 100%;
  translate:0 0;
}
#page_top .blk_mv div:nth-of-type(1)::before{
	background-position: 50% 50%;
	background-size: 206px auto;
}
#page_top .blk_mv div:nth-of-type(3)::before {
	background-position: 3px 25px;
	background-size: 260px auto;
}
#page_top .blk_mv div:nth-of-type(2) {
	background-position: 50% 22%;
	background-size: max(375px, 100%) auto;
}
/*
*/
#page_top .blk_2 {
  padding:80px var(--gap_2) 40px var(--gap_2);
}
#page_top .blk_2.recruit_ready {
  padding-top:30px;
}
#page_top .blk_2 > div {
  max-width: 500px;
}
/*  */
#page_top .blk_2 .blk_news {
  margin-top:20px;
  padding: 0 0 30px 0;
}
#page_top .blk_2 .blk_news:has(.btn_more) {
  padding: 0 0 68px 0;
}
#page_top .blk_2 .blk_news.nm_show_more:has(.btn_more) {
  padding: 0 0 30px 0;
}
#page_top .blk_2 .blk_news article hgroup {
  padding:17px 35px 17px 0;
  flex-direction: column;
}
#page_top .blk_2 .blk_news article hgroup p {
  width: auto;
  line-height: 1;
  padding-bottom: 5px;
}
#page_top .blk_2 .blk_news article > div {
  padding:0;
}
#page_top .blk_2 .blk_news article.nm_open > div {
  opacity:1;
  padding-bottom:30px;
}
#page_top .blk_2 .blk_news .btn_more {
  width: 100%;
  margin-top: 25px;
}
/*  */
}