/*=============================================================
 corporate.index
=============================================================*/
/* setting */

/* pageMain--ttlImg
-------------------------------------------------------------*/
#corporate.index #pageMain--ttlImg{
	display: flex;
	align-items: center;
	height:clamp(110px, calc(110px + 0.6640625 * (100vw - 768px)), 280px);
	margin-bottom: clamp(32px, calc(32px + 0.03125 * (100vw - 768px)), 40px);
}
#corporate.index #pageMain--ttlImg #pageTtlMain{
	margin: 0;
	width: 100%;
}
/* pickup 
-------------------------------------------------------------*/
#corporate.index #pickup{
	background-color: #EEF3F4;
	padding: clamp(20px, calc(20px + 0.0390625 * (100vw - 768px)), 30px) 0;
}
#corporate.index #pickup .ttl-pickup{
	color: var(--primaryColor);
	font-size: clamp(20px, calc(20px + 0.015625 * (100vw - 768px)), 24px);
	font-weight: 700;
	line-height: 200%	
}

/* slider */
#corporate.index #pickup .slider-box{position: relative;}
#corporate.index #pickup .slider-box .slick-prev,#corporate.index #pickup .slider-box .slick-next{
	background: none;
	border: none;
	position: absolute;
	top: calc(50% - 32px);
	transform: translateY(-50%);
	z-index: 3;
}
#corporate.index #pickup .slider-box .slick-prev:hover,#corporate.index #pickup .slider-box .slick-next:hover{opacity: .7;}
#corporate.index #pickup .slider-box .slick-prev{left: 20px;}
#corporate.index #pickup .slider-box .slick-next{right: 20px;}
#corporate.index #pickup .slider-box .slick-prev img, #corporate.index #pickup .slider-box .slick-next img {
	width: 80px;
	height: 80px;
}

/*#corporate.index #pickup .slider{
	display: flex;
}*/
#corporate.index #pickup .slider{
	overflow: hidden;
	width: 100%;
}
#corporate.index #pickup .slider .item{
	width: 352px;
	height: 330px;
	margin-right: 32px;
}
#corporate.index #pickup .slider .slick-list{
	padding-top: 20px!important;
	padding-bottom: 20px!important;
}
#corporate.index #pickup .slider .item a{
	color: var(--textColorBlack);
	display: block;
	height: 100%;
	padding: 8px;
	box-sizing: border-box;
	border-radius: 2px;
	overflow: hidden;
	background: #fff;
}
#corporate.index #pickup .slider .item a:hover{
	box-shadow: 5px 5px 10px rgba(136, 136, 136, 0.5);
	text-decoration: none;
}
#corporate.index #pickup .slider .item a figure{margin-bottom: 16px;}
#corporate.index #pickup .slider .item a time{
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 12px;
}
#corporate.index #pickup .slider .item a time span{
	line-height: 160%;
	font-size: 15px;
}
#corporate.index #pickup .slider .item a time .tag{
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--primaryColor);	
	font-weight: 600;
	border: 1px solid var(--primaryColor);
	width: 160px;
}
#corporate.index #pickup .slider .item a time:has(> span:first-child + span:last-child) > span:last-child{font-weight: 400;}

#corporate.index #pickup .slider .slick-dots {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
#corporate.index #pickup .slider .slick-dots li {margin: 0 8px;}
#corporate.index #pickup .slider .slick-dots li button {
  font-size: 0; 
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #BCCED3;
  border: none;
  outline: none;
  cursor: pointer;
}
#corporate.index #pickup .slider .slick-dots li.slick-active button {background-color: var(--primaryColor);}
#corporate.index #pickup .slider-box .toggle-extra{display: none;}
/* ttl-news
-------------------------------------------------------------*/
#corporate.index .ttl-index{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#corporate.index .ttl-index h2{
	color: var(--primaryColor);
	font-size: clamp(20px, calc(20px + 0.015625 * (100vw - 768px)), 24px);
	font-weight: 700;
	line-height: 200%	
}
#corporate.index .ttl-index p{margin-top: 0;}

/* link-area 
-------------------------------------------------------------*/
#corporate.index #link-area .col--2--{gap: 0;}
#corporate.index #link-area .col--2-->div{
	position: relative;
	width: 50%;
}
#corporate.index #link-area .col--2-->div .text-box {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 48px clamp(24px, calc(24px + 0.140625 * (100vw - 768px)), 60px) 0;
}
#corporate.index #link-area .col--2-->div .bg-img {
	overflow: hidden;
	height: 478px;
}
#corporate.index #link-area .col--2-->div .bg-img img {
	height: 100%;
	object-fit: cover;
}
#corporate.index #link-area .col--2-->div h3.link-arw--white a {
	font-size: 24px;
	line-height: 150%;
}
#corporate.index #link-area .col--2-->div h3.link-arw--white.nolink a{pointer-events: none;}
#corporate.index #link-area .col--2-->div h3.link-arw--white.nolink a::after{content: none!important;}
#corporate.index #link-area .col--2-->div .link-arw--white li a{
	font-weight: 500;
	line-height: 150%;
}
#corporate.index #link-area .col--2-->div .link-arw--white li + li {margin-top: 12px;}

/* recruit-banner
-------------------------------------------------------------*/
#corporate.index .recruit-banner{
	display: block;
	position: relative;
}
#corporate.index .recruit-banner .link-arw--large{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 22px;
	z-index: 1;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 PC-large
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media (min-width:1920px){
	
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 tablet
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px){

/* link-area 
-------------------------------------------------------------*/
#corporate.index #link-area .col--2-->div{width: 100%;}
#corporate.index #link-area .col--2-->div .bg-img {height: 430px;}
#corporate.index #link-area .col--2-->div .link-arw--white li + li {margin-top: 10px;}
	
/* pickup 
-------------------------------------------------------------*/
#corporate.index #pickup .slider{
	overflow: hidden;
	width: 100%;
	padding: 16px 16px;
}
#corporate.index #pickup .slider .item{
	width: 100%;
	height: inherit;
	margin-right: 0;
	margin-top: 10px;
}
#corporate.index #pickup .slider .item a{
	display: flex;
	gap:20px;
	padding: 16px;
}
#corporate.index #pickup .slider .item a figure{
	margin-bottom: 0;
	width: 30%;
}
#corporate.index #pickup .slider .item a time{
	display: block;
	margin-bottom: 0;
}
#corporate.index #pickup .slider .item a time span:first-child{font-size: 13px;}
#corporate.index #pickup .slider .item a .slider-text{width: calc((100% - (30% + 20px)));}
#corporate.index #pickup .slider-box .toggle-extra{
	display: block;
	margin: 10px auto;
	padding: 0 10px;
	background-color: transparent;
	color: var(--primaryColor);
	border: none;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	text-align: center;
	transition: all 0.3s ease;
	position: relative;
	padding-right: 30px;
}
#corporate.index #pickup .slider-box .toggle-extra::after,
#corporate.index #pickup .slider-box .toggle-extra::before {
  content: "";
  position: absolute;
  background-color: var(--primaryColor);
  transition: all 0.3s ease; 
}

#corporate.index #pickup .slider-box .toggle-extra::after {
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 2px;
}

#corporate.index #pickup .slider-box .toggle-extra::before {
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 10px;
}

#corporate.index #pickup .slider-box .toggle-extra.open::before {
  opacity: 0; 
}

/* #corporate.index #pickup .slider-box .toggle-extra.open::after {
  transform: translateY(-50%) rotate(90deg);
} */
#corporate.index #pickup .toggle-extra :hover {}
	
	
/* recruit-banner
-------------------------------------------------------------*/
#corporate.index .recruit-banner .link-arw--large{
	font-size: 1.6rem;
}	
	
	
	
}