@charset "UTF-8";
/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. モジュール

******************************************************************************* */
/* ==

　01. モジュール

=============================================================================== */
/* ページMV
------------------------------------------------------------------------------- */
#main .dVisual01 {
  position: relative;
  padding: 190px 0 0;
}
#main .dVisual01_blc01 {
  margin: 186px 0 0;
}
#main .dVisual01_img {
  display: flex;
  position: absolute;
  overflow: hidden;
  border-radius: 100%;
  box-shadow: 8px 8px 30px 0px rgba(0, 0, 0, 0.1);
}
#main .dVisual01_img > img {
  width: 100%;
  height: auto;
}
#main .dVisual01_img01 {
  top: -295px;
  left: 50%;
  align-items: flex-end;
  width: 785px;
  height: 785px;
}

/* 取り組みリスト
------------------------------------------------------------------------------- */
#main .dList01 {
  display: flex;
  gap: 0 24px;
}
#main .dList01 > li {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  width: calc(100% - 16px);
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 5px 5px 20px 0px rgba(171, 171, 171, 0.05);
  font-weight: 700;
  font-size: clamp(18px, 1.81vw, 20px);
  line-height: 2;
  letter-spacing: 0.08em;
  text-align: center;
}
#main .dList01 > li b {
  color: #fa0046;
  font-size: 140%;
}


/* イメージリスト
------------------------------------------------------------------------------- */
#main .rImgList01 .rImgList01_long{
  width: 100% !important;
}
#main .rImgList02 .rImgList02_col30 {
	left: 60.00% !important;
  width: 50% !important;
}
#main .rImgList02_long{
	gap: 20px 0 !important;;	
}
#main .rImgList02_long > div {
	left: 0 !important;
  width: 100% !important;
}
#main .rColumn01_reverse{
	flex-direction:row-reverse;
}
#main .rColumn01_img div img,
#main .rColumn01_reverse div img{
	max-width:100%;
	height:auto;
}

.rLinkBnr01 a{
	box-sizing: border-box;
	display:flex;
	position: relative;
	align-items: center;
	justify-content: space-between;
	border-radius: 10px;
	background:#fff;
	color:#000;
	font-weight:bold;
	font-size:230%;
	text-decoration: none;
}
.rLinkBnr01 a > div{
	display:block;
	width:calc(100% - 320px);
}
.rLinkBnr01 a > div:first-child{
	position: relative;
	width:280px;
	min-height:180px;
	overflow: hidden;
	border-radius: 10px 0 0 10px;
	background:#ccc
}
.rLinkBnr01 a > div:first-child > img{
	position: absolute;
	top:50%;
	left:0;
	width:280px;
	height:auto;
	margin-top:-95px;
}
.rLinkBnr01 a::before, .rLinkBnr01 a::after {
  position: absolute;
  right: 30px;
  aspect-ratio: 1/1;
  width: 48px;
  border-radius: 100%;
  background: #fa0046 no-repeat center center;
  background-size: 20px;
  content: "";
  transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.rLinkBnr01 a::after {
  background-image: url(/recruit/common/images/rn/ico_arrow.svg);
  background-color: transparent;
}
.rLinkBnr01 a:hover::before {
  -webkit-transform: scale(1.125);
          transform: scale(1.125);
}
.technology_list{
	margin-top:50px;
	padding:10px 30px 20px;
	border-radius: 10px;
	background:#d9003d;
}
.technology_list h2{
	padding:10px;
	border-radius: 10px 10px 0 0;
	background:#d9003d;
	color:#fff;
	font-size:300%;
	letter-spacing:0.1em;
	text-align:center;
}
.technology_list ul{
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.technology_list ul li{
	box-sizing: border-box;
	display:table;
	width:32.5%;
	min-height:200px;
	margin-bottom:1.3%;
	padding:0 10px;
	border-radius: 10px;
	background:#fff;
	text-align:center;
}
.technology_list ul li p{
	display:table-cell;
	font-weight:bold;
	font-size:120%;
	letter-spacing: 0.1em;
	vertical-align: middle;
}
.technology_list ul li span{
	display:block;
	margin-bottom:5px;
	color:#fa0047;
	font-weight:bold;
	font-size:160%;
	line-height:1.4;
}
.local_bottom_nav{
	border-radius: 10px;
	background:#fff;
}
.local_bottom_nav h3{
	padding:10px;
	border-radius: 10px 10px 0 0;
	background:#d9003d;
	color:#fff;
	font-size:230%;
	letter-spacing:0.1em;
	text-align:center;
}
.local_bottom_nav ul{
	padding: 15px 30px 36px
}