@charset "UTF-8";

/*===============================================
	共通設定
===============================================*/
img {
  image-rendering: auto;
}

.CareersContentsArea div,
.CareersContentsArea dl,
.CareersContentsArea dt,
.CareersContentsArea dd,
.CareersContentsArea ul,
.CareersContentsArea ul li,
.CareersContentsArea h1,
.CareersContentsArea h2,
.CareersContentsArea h3,
.CareersContentsArea h4,
.CareersContentsArea h5,
.CareersContentsArea h6,
.CareersContentsArea pre,
.CareersContentsArea form,
.CareersContentsArea fieldset,
.CareersContentsArea input,
.CareersContentsArea textarea,
.CareersContentsArea blockquote,
.CareersContentsArea th,
.CareersContentsArea td{
	line-height: 1.3;
}

.CareersContentsArea p{
	line-height: 1.6;
}

/* 金融共通CSSリセット */
.SubMenu .GridSet {
    max-width: 1275px !important;
}

#Contents{
	overflow: inherit;
}

/* 定数定義 */
:root {
  --color-white: #fff; /* 白色 */
  --color-primary: #0c0c0c; /* プライマリーカラー:ブラック */
  --color-red01: #fa000f; /* Red01 */
  --color-red02: #cc0000; /* Red02 */
  --color-gray02: #D9D9D9; /* Gray02 */
  --color-gray04: #737373; /* Gray04 */
  --color-white70: rgba(255,255,255,0.7);
  --color-white80: rgba(255,255,255,0.8);
  --color-gray70: rgba(244,244,244,0.7);
}

/* 共通設定 */
.Tab1Disappear, /* 994px */
.Tab2Disappear, /* 767px */
.Sp1Disappear /* 579px */{
	display: inherit;
}


.Tab1Appear, /* 994px */
.Tab2Appear, /* 767px */
.Sp1Appear, /* 579px */
.Sp2Appear /* 399px */{
  display: none;
}

.GridSet{
	max-width: 996px!important;
}

/* 共通背景カラム設定 */
.OneColumn{
	width: 100%;
}

.TwoColumn{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}

.PCTwoSPOneColumn{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}

.WhiteBG{
	background: var(--color-white70);
	border-radius: 8px;
	padding: 15px;
	margin-bottom: 25px;
}

.WhiteBG img{
	width: 100%;
}

.PCTwoSPOneColumn .WhiteBG{
	width: calc(50% - 12px);
}


.TwoColumn .WhiteBG{
	width: calc(50% - 12px);
}

.BGInner{
	font-size: 112%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.BGInner span{
	font-size: 77.7%;
}

/* サブメニュー */
.SubMenu{
	display: none;
}

.no-wrap{
	white-space: nowrap;
}

/* リクルート用コンテンツエリア共通 */
/* 背景 */
.CareersContentsArea{
	background-image: url('/products/it/finance/careers/image/common/bg_page.png');
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
}

.touch-device{
	background-image: url('/products/it/finance/careers/image/common/bg_page_sp.png');
    background-attachment: scroll;
    background-size: auto;
    background-position: center;
    background-repeat:repeat-y;
}

.CareersContentsArea h2.h2small{
	background:none;
	position: relative;
	padding-left: 16px;
	font-weight: bold;
}

.CareersContentsArea h2.h2small::before{
	content: url("/products/it/finance/careers/image/common/title_dot.png");
	position: absolute;
	top: -3px;
	left: 0px;
}

.CareersContentsArea h2.h2large{
	background:none;
	position: relative;
	padding-left: 16px;
	font-weight: bold;
}

.CareersContentsArea h2.h2large::before {
	content: url("/products/it/finance/careers/image/common/title_dot.png");
	position: absolute;
	top: -3px;
	left: 0px;
}

.CareersContentsArea .NormalText{
	font-size: 100%;
}

.CareersContentsArea .SmallText{
	font-size: 75%;
}

.CareersContentsArea .SmallText2{
	font-size: 87.5%;
}

.CareersContentsArea .Bold{
	font-weight: bold;
}

.CareersContentsArea .Red{
	color: var(--color-red02);
	font-weight: bold;
}


/* InterviewButtonボタン */
.CareersContentsArea .InterviewButton a{
	text-decoration: none;
	background: var(--color-primary);
	color: var(--color-white);
	display: flex;
	margin-inline:auto;
	padding: 25px;
	border-radius: 8px;
	border-color: var(--color-gray04);
	border-width: 1px;
	border-style: solid;
	width: 485px;
	font-weight: bold;
}

.CareersContentsArea .InterviewButton:hover a{
	background: var(--color-red02);
	border-color: var(--color-red02);
}

.CareersContentsArea .InterviewButton a::after{
	content: url("/products/it/finance/careers/image/common/arrow_red.svg");
	margin-left: auto;
}

.CareersContentsArea .InterviewButton:hover a::after{
	content: url("/products/it/finance/careers/image/common/arrow_white.svg");
}
/* BlackButton左寄せ */
.CareersContentsArea .BlackButton a{
	text-decoration: none;
	background: var(--color-primary);
	color: var(--color-white);
	display: flex;
	padding: 25px;
	border-radius: 8px;
	border-color: var(--color-gray04);
	border-width: 1px;
	border-style: solid;
	width: 485px;
	font-weight: bold;
}

.CareersContentsArea .BlackButton:hover a{
	background: var(--color-red02);
	border-color: var(--color-red02);
}

.CareersContentsArea .BlackButton a::after{
	content: url("/products/it/finance/careers/image/common/arrow_red.svg");
	margin-left: auto;
}

.CareersContentsArea .BlackButton:hover a::after{
	content: url("/products/it/finance/careers/image/common/arrow_white.svg");
}

/* PointArea */
.CareersContentsArea .PointArea ul li{
	position: relative;
	display: grid;
	padding: 40px 15px;
}

.CareersContentsArea .PointArea ul li::after{
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url("/products/it/finance/careers/image/common/point_line_pc.png");
	display: block;
	width: 100%;
	height: 10px;
	background-size: contain;
	background-repeat: no-repeat;
}

.CareersContentsArea .PointArea ul li:last-child{
	border-bottom-color: var(--color-white);
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.CareersContentsArea .PointArea ul li::before{
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	content: "";
	width: 46px;
	height: 68px;
	display: inline;
	background-size: contain;
	vertical-align: top;
	background-repeat: no-repeat;
	margin-right: 25px;
}

.CareersContentsArea .PointArea ul li:first-child::before{
	background-image: url("/products/it/finance/careers/image/common/point_01_pc.svg");
}

.CareersContentsArea .PointArea ul li:nth-child(2)::before{
	background-image: url("/products/it/finance/careers/image/common/point_02_pc.svg");
}

.CareersContentsArea .PointArea ul li:nth-child(3)::before{
	background-image: url("/products/it/finance/careers/image/common/point_03_pc.svg");
}

.CareersContentsArea .PointArea ul li:nth-child(4)::before{
	background-image: url("/products/it/finance/careers/image/common/point_04_pc.svg");
}

.CareersContentsArea .PointArea ul li:nth-child(5)::before{
	background-image: url("/products/it/finance/careers/image/common/point_05_pc.svg");
}

.CareersContentsArea .PointArea ul li .PointsTitle{
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	width: 410px;
	font-size: 150%;
	font-weight: bold;
	padding-right: 20px;
}

.CareersContentsArea .PointArea ul li .NormalText{
	grid-column: 3 / 4;
	grid-row: 1 / 2;
	text-align: justify;
}

/* スライダー */
/* 社員と仕事ページ、事例一覧以外 */
.CareersContentsArea .CareersSliderNormal{
	display: grid;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
}

.CareersContentsArea .CareersSliderNormal img{
	margin-bottom: 5px;
}

.CareersContentsArea .CareersSliderNormal a:hover img{
	opacity: 0.7;
}

.CareersContentsArea .CareersSliderNormal div.slick-list{
	grid-column: 1 / 4;
	grid-row: 1 / 2;
	margin-bottom: 60px;
	
}

.CareersContentsArea .CareersSliderNormal button.slick-prev{
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.CareersContentsArea .CareersSliderNormal button.slick-next{
	grid-column: 3 / 4;
	grid-row: 2 / 3;
}

.CareersContentsArea .CareersSliderNormal ul.slick-dots{
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	place-content: center;
	display: flex;
	flex-wrap: wrap;
}

.CareersContentsArea .CareersSliderNormal button{
	display: grid;
	width: 60px;
	height: 48px;
}

.CareersContentsArea .CareersSliderNormal button.slick-prev,
.CareersContentsArea .CareersSliderNormal button.slick-next{
	color: rgba(0,0,0,0);
	background: rgba(0,0,0,0);
}

.CareersContentsArea .CareersSliderNormal button.slick-prev{
	margin-left: auto;
	margin-right: 0;
}

.CareersContentsArea .CareersSliderNormal button.slick-next{
	margin-left: 0;
	margin-right: auto;
}

.CareersContentsArea .CareersSliderNormal button.slick-prev::before{
	content: url("/products/it/finance/careers/image/common/button_arrow_left.png");
}

.CareersContentsArea .CareersSliderNormal button.slick-prev:hover:before{
	content: url("/products/it/finance/careers/image/common/button_arrow_left_hover.png");
}

.CareersContentsArea .CareersSliderNormal button.slick-next::before{
	content: url("/products/it/finance/careers/image/common/button_arrow_right.png");
}

.CareersContentsArea .CareersSliderNormal button.slick-next:hover:before{
	content: url("/products/it/finance/careers/image/common/button_arrow_right_hover.png");
}

.CareersContentsArea .CareersSliderNormal ul.slick-dots li{
	width: 10px;
	height: 10px;
	background: var(--color-primary);
	border-radius: 50%;
	margin: 8px;
}

.CareersContentsArea .CareersSliderNormal ul.slick-dots li:hover{
	background: var(--color-red02);
}

.CareersContentsArea .CareersSliderNormal ul.slick-dots li.slick-active{
	background: var(--color-red01);
}

.CareersContentsArea .CareersSliderNormal ul.slick-dots li button{
	display: none;
}

.CareersContentsArea .CareersSliderNormal div.slick-list a{
	width: calc(100% - 30px);
	display: block;
	text-decoration: none;
	margin:0 auto;
}

.CareersContentsArea .CareersSliderNormal{
	margin-inline: -15px;
}

.CareersContentsArea .CareersSliderNormal img{
	width: 100%;
	border-radius: 8px;
}

.CareersContentsArea .CareersSliderNormal .SlideText{
	color: var(--color-primary);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-weight: bold;
}

.CareersContentsArea .CareersSliderNormal a:hover .SlideText{
	color: var(--color-red02);
}

/* EntryButtonArea */
.CareersContentsArea .EntryButtonArea{
	background: var(--color-primary);
	padding-top: 85px;
	padding-bottom: 85px;
}

.CareersContentsArea .EntryButtonArea h2.h2small{
	color: var(--color-white);
}

.CareersContentsArea .EntryButtonArea .NormalText{
	color: var(--color-white);
	margin-bottom: 45px;
}

.CareersContentsArea .EntryButtonArea a{
	text-decoration: none;
	color: var(--color-white);
	font-weight: bold;
}

.CareersContentsArea .EntryButtonArea .EntryButtonRed{
	margin-bottom: 25px;
}

.CareersContentsArea .EntryButtonArea .EntryButtonRed,
.CareersContentsArea .EntryButtonArea .EntryButtonBlack{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.CareersContentsArea .EntryButtonArea .EntryButtonRed a,
.CareersContentsArea .EntryButtonArea .EntryButtonBlack a{
	display: flex;
}

.CareersContentsArea .EntryButtonArea .EntryButtonRed a{
	padding: 65px 25px;
}

.CareersContentsArea .EntryButtonArea .EntryButtonBlack a{
	padding: 25px 25px;
}

.CareersContentsArea .EntryButtonArea .EntryButtonRed a::after{
	content: url("/products/it/finance/careers/image/common/arrow_white.svg");
	margin-left: auto;
}

.CareersContentsArea .EntryButtonArea .EntryButtonBlack a::after{
	content: url("/products/it/finance/careers/image/common/arrow_red.svg");
	margin-left: auto;
}

.CareersContentsArea .EntryButtonArea .EntryButtonBlack li:hover a::after{
	content: url("/products/it/finance/careers/image/common/arrow_white.svg");
}

.CareersContentsArea .EntryButtonArea .EntryButtonRed li{
	background: var(--color-red02);
	width: calc(50% - 12px);
	border-radius: 8px;
	border-style: solid;
	border-color: var(--color-gray04);
	border-width: 1px;
}

.CareersContentsArea .EntryButtonArea .EntryButtonRed li:hover{
	background: var(--color-red01);
}

.CareersContentsArea .EntryButtonArea .EntryButtonBlack li{
	background: var(--color-primary);
	width: calc(50% - 12px);
	border-radius: 8px;
	border-style: solid;
	border-color: var(--color-gray04);
	border-width: 1px;
}

.CareersContentsArea .EntryButtonArea .EntryButtonBlack li:hover{
	background: var(--color-red01);
}

/* ページタイトルエリア */
.CareersContentsArea .PageTitleArea{
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center top;
	padding-top: 90px;
	height: 520px;
	margin-bottom: 20px;
}

.CareersContentsArea .PageTitleArea .PageTitleCopy{
	font-size: 200%;
	margin-bottom: 30px;
	font-weight: bold;
	line-height: 1.3;
}

.CareersContentsArea .PageTitleArea p.h1Deco{
	background:none;
	position: relative;
	padding-left: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}

.CareersContentsArea .PageTitleArea p.h1Deco::before{
	content: url("/products/it/finance/careers/image/common/title_dot.png");
	position: absolute;
	top: -3px;
	left: 0px;
}

.CareersContentsArea .PageTitleArea h1{
	font-size: 300%;
	margin-bottom: 70px;
	font-weight: bold;
}

.CareersContentsArea .PageTitleArea p.NormalText{
	max-width: 53%;
}

/* タブ表示 */
.CareersContentsArea .NormalTabWrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
}
.CareersContentsArea .NormalTabWrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: var(--color-white80);
  display: block;
  order: -1;
}
.CareersContentsArea .NormalTabLabel {
  color: var(--color-primary);
  background: var(--color-gray02);
  white-space: nowrap;
  text-align: left;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 8px 8px 0 0;
  flex: 1;
}
.CareersContentsArea .NormalTabLabel:not(:last-of-type) {
  margin-right: 5px;
}

.CareersContentsArea .NormalTabLabel .ButtonWrap{
	padding: 25px 25px;
	display: flex;
	font-weight: bold;
}

.CareersContentsArea .NormalTabLabel .ButtonWrap::after{
	content: url("/products/it/finance/careers/image/common/down_gray.svg");
	margin-left: auto;
	margin-right: 10px;
}

.CareersContentsArea .TabInner {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
.CareersContentsArea .NormalTabContent {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

.CareersContentsArea .NormalTabContent > li{
	width: 50%;
}

.CareersContentsArea .NormalTabContent > li:nth-child(2n+1){
	border-bottom-style: solid;
	border-bottom-color: var(--color-gray02);
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-color: var(--color-gray02);
	border-right-width: 1px;
	padding: 40px 40px 40px 0;
}
.CareersContentsArea .NormalTabContent > li:nth-child(2n){
	border-bottom-style: solid;
	border-bottom-color: var(--color-gray02);
	border-bottom-width: 1px;
	padding: 40px 0 40px 40px;
}

.CareersContentsArea .NormalTabContent > li:nth-child(1),
.CareersContentsArea .NormalTabContent > li:nth-child(2){
	padding-top: 0;
}

.CareersContentsArea .NormalTabContent > li:nth-last-child(1),
.CareersContentsArea .NormalTabContent > li:nth-last-child(2){
	padding-bottom: 0;
	border-bottom: none;
}

.CareersContentsArea .NormalTabContent .TabTitle{
	font-weight: bold;
	font-size: 150%;
	margin-bottom: 25px;
}

.CareersContentsArea ul.DoubleColumn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.CareersContentsArea ul.DoubleColumn li{
	width: calc(50% - 16px);
}

.CareersContentsArea .ListDot li {
	font-size: 87.5%;
	position: relative;
	margin-left: 8px;
	line-height: 1.4;
}

.CareersContentsArea .ListDot li::after {
	display: inline-block;
	content: "";
	position: absolute;
	top: 7px;
	left: -7px;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: var(--color-primary);
}

/* アクティブなタブ */
.CareersContentsArea .NormalTabSwitch:checked+.NormalTabLabel {
  background: var(--color-white80);
}
.CareersContentsArea .NormalTabSwitch:checked+.NormalTabLabel .ButtonWrap{
	border-top-color: var(--color-red01);
	border-top-style: solid;
	border-top-width: 2px;
	margin-inline: 8px;
	padding: 25px 17px;
	display: flex;
}

.CareersContentsArea .NormalTabSwitch:checked+.NormalTabLabel .ButtonWrap::after{
	content: url("/products/it/finance/careers/image/common/down_red.svg");
	margin-left: auto;
	margin-right: 10px;
}

.CareersContentsArea .NormalTabSwitch:checked+.NormalTabLabel+.TabInner {
  height: auto;
  overflow: auto;
  opacity: 1;
  transition: .5s opacity;
  background: var(--color-white80);
  border-radius: 0 0 8px 8px;
}

.CareersContentsArea .TabInnerPadding{
	padding: 50px;
}

/* ラジオボタン非表示 */
.CareersContentsArea .NormalTabSwitch {
  display: none;
}

/* サブページ共通コンテンツエリア */
.CareersContentsArea .SubPageNormalContents .SubPageNormalSection{
	padding-bottom: 120px;
}

.CareersContentsArea .SubPageNormalContents .SubPageNormalSection h2{
	background:none;
	position: relative;
	padding-left: 25px;
	padding-bottom: 10px;
	font-size: 200%;
	font-weight: bold;
}
.CareersContentsArea .SubPageNormalContents .SubPageNormalSection h2::before{
	content: url("/products/it/finance/careers/image/common/title_dot_large.png");
	position: absolute;
	top: -5px;
	left: 0px;
}

.CareersContentsArea .SubPageNormalContents .SubPageNormalSection h3{
	font-size: 150%;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 30px;
}

/* What's Next エリア */
.CareersContentsArea .WhatsNextArea{
	overflow: hidden;
	position: relative;
	color: var(--color-white);
	padding-top: 125px;
	padding-bottom: 125px;
}

.CareersContentsArea .WhatsNextArea a{
	text-decoration: none;
}

.CareersContentsArea .WhatsNextBg::after{
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transition: all .2s ease-out;
}

.CareersContentsArea .WhatsNextArea:hover .WhatsNextBg::after{
	transform: scale(1.1);
}

.CareersContentsArea .WhatsNextArea .Grid4{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	z-index: 1;
}

.CareersContentsArea .WhatsNextArea .Grid4::before{
	content: url("/products/it/finance/careers/image/common/whats_next.png");
	width: 50%;
}

.CareersContentsArea .WhatsNextArea .WhatsNextInner{
	width: 50%;
}

.CareersContentsArea .WhatsNextArea .WhatsNextInner h2{
	color: var(--color-white);
}

.CareersContentsArea .WhatsNextArea .WhatsNextCopy{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.CareersContentsArea .WhatsNextArea .WhatsNextCopy p{
	font-size: 300%;
	font-weight: bold;
	color: var(--color-white);
	line-height: 1.3;
}

.CareersContentsArea .WhatsNextArea .WhatsNextCopy::after{
	content:"";
	height: 48px;
	width: 48px;
	background-image: url("/products/it/finance/careers/image/common/button_arrow_right.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-left: 35px;
}

.CareersContentsArea .WhatsNextArea:hover .WhatsNextCopy::after{
	background-image: url("/products/it/finance/careers/image/common/button_arrow_right_hover.png");
}

.CareersContentsArea .WhatsNextArea h2.h2small{
	font-weight: normal;
}


/*===============================================
	レスポンシブ
===============================================*/
@media screen and (max-width: 1304px) {
	/* サブメニュー、リクルート用コンテンツエリア共通*/
	.SubMenu,
	.CareersContentsArea{
		margin-inline: -15px;
	}
	/* リクルート用コンテンツエリア共通*/
	.CareersContentsArea .Grid4{
		margin-left: 15px;
		margin-right: 15px;
		width: calc(100% - 30px);
	}
	
	/* ページタイトルエリア */
	.CareersContentsArea .PageTitleArea{
		background-size: contain;
		background-position: top;
	}
	
    /* 背景 */
    .CareersContentsArea{
        background-image: url('/products/it/finance/careers/image/common/bg_page_sp.png');
        background-attachment: scroll;
        background-size: auto;
        background-position: center;
        background-repeat:repeat-y;
    }
}

/* タブレット */
@media screen and (max-width: 994px) {
	/* 共通設定 */
	.Tab1Disappear{
		display: none;
	}
	.Tab1Appear{
		display: block;
	}
	/* ページタイトルエリア */
	.CareersContentsArea .PageTitleArea{
		height: auto;
		margin-bottom: 50px;
	}
	
	/* サブページ共通コンテンツエリア */
	.CareersContentsArea .SubPageNormalContents .SubPageNormalSection{
		padding-bottom: 70px;
	}
	
	/* ポイントエリア */
	.CareersContentsArea .PointArea ul li::before{
		width: 65px;
	}
	.CareersContentsArea .PointArea ul li .PointsTitle{
		width: 270px;
	}
}

@media screen and (max-width: 767px) {
	/* 共通設定 */
	.Tab2Disappear {
		display: none;
	}
	.Tab2Appear{
		display: block;
	}
	/* サブメニュー */
	.SubMenu{
		background: var(--color-white);
		display: block;
		position: sticky;
		top: 0;
		z-index: 10;
	}
	
	.SubMenu .SubMenuWrap{
		margin-left: 15px;
		margin-right: 15px;
		height: 60px;
		display: flex;
	}
	
	.SubMenu .SubMenuWrap a{
		text-decoration: none;
		color: var(--color-primary);
		text-align: center;
		font-size: 75%;
		font-weight: bold;
		line-height: 1.3;
	}
	
	.SubMenu .SubMenuWrap li{
		display: grid;
		place-items: center;
		padding: 5px;
	}
	
	.SubMenu .SubMenuWrap ul{
		display: flex;
	}

	.SubMenu .SubMenuWrap ul li:first-child{
		padding-left: 0px;
	}
	.SubMenu .SubMenuWrap ul li:last-child{
		padding-right: 0px;
	}
	
	/* ページタイトルエリア */
	.CareersContentsArea .PageTitleArea p.NormalText{
		max-width: 100%;
	}
	
	/* 共通背景カラム設定 */
	.PCTwoSPOneColumn .WhiteBG{
		width: 100%;
	}
	
	/* タブ表示 */
	.CareersContentsArea ul.DoubleColumn li{
		width: calc(100% - 16px);
	}
	
	.CareersContentsArea .TabInnerPadding{
		padding: 30px 15px;
	}
	
	/* ポイントエリア */
	.CareersContentsArea .BusinessPointArea{
		margin-bottom: 80px;
	}
	.CareersContentsArea .PointArea ul li::before{
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		width: 26px;
		height: 34px;
	}
	
	.CareersContentsArea .PointArea ul li .PointsTitle{
		grid-column: 2 / 3;
		grid-row: 1 / 2;
		margin-top: -5px;
		width: calc(100% - 30px);
		font-size: 112%;
	}
	
	.CareersContentsArea .PointArea ul li .NormalText{
		grid-column: 1 / 3;
		grid-row: 2 / 3;
		margin-top: 25px;
	}
	
	.CareersContentsArea .PointArea ul li{
		grid-template-columns: 35px auto;
	}
	
	.CareersContentsArea .PointArea ul li:first-child::before{
		background-image: url("/products/it/finance/careers/image/common/point_01_sp.svg");
	}
	
	.CareersContentsArea .PointArea ul li:nth-child(2)::before{
		background-image: url("/products/it/finance/careers/image/common/point_02_sp.svg");
	}
	
	.CareersContentsArea .PointArea ul li:nth-child(3)::before{
		background-image: url("/products/it/finance/careers/image/common/point_03_sp.svg");
	}
	
	.CareersContentsArea .PointArea ul li:nth-child(4)::before{
		background-image: url("/products/it/finance/careers/image/common/point_04_sp.svg");
	}
	
	.CareersContentsArea .PointArea ul li:nth-child(5)::before{
		background-image: url("/products/it/finance/careers/image/common/point_05_sp.svg");
	}
	
	.CareersContentsArea .PointArea ul li{
		padding: 25px 15px;
	}
	
	/* タブエリア */
	
	.CareersContentsArea .NormalTabContent > li:nth-last-child(2){
		border-bottom-style: solid;
		border-bottom-color: var(--color-gray02);
		border-bottom-width: 1px;
	}
	.CareersContentsArea .NormalTabContent > li{
		width: 100%;
		margin-bottom: 25px;
		border-bottom-style: solid;
		border-bottom-color: var(--color-gray02);
		border-bottom-width: 1px;
		padding: 0 0 25px;
	}
	
	.CareersContentsArea .NormalTabContent > li:nth-child(2n){
		padding: 0 0 25px;
	}
	
	.CareersContentsArea .NormalTabContent > li:nth-child(2n+1){
		border-right:none;
		padding: 0 0 25px;
	}
	.CareersContentsArea .NormalTabContent > li:last-child,
	.CareersContentsArea .NormalTabContent > li.LastChild{
		border-bottom: none;
		padding: 0;
		margin-bottom: 0;
	}
	.CareersContentsArea .NormalTabContent .TabTitle{
		font-size: 112%;
		margin-bottom: 15px;
	}

	/* What's Next エリア */
	.CareersContentsArea .WhatsNextArea{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.CareersContentsArea .WhatsNextArea .Grid4::before{
		content: url("/products/it/finance/careers/image/common/arrow_whatnext_vertical.png");
		width: 28px;
		position: absolute;
		top: -40px;
	}
	.CareersContentsArea .WhatsNextArea .WhatsNextInner{
		width: calc(100% - 28px);
		margin-left: 28px;
	}
	.CareersContentsArea .WhatsNextArea .WhatsNextCopy p{
		font-size: 200%;
	}
	
	/* EntryButtonArea */
	.CareersContentsArea .EntryButtonArea .EntryButtonRed{
		margin-bottom: 0;
	}
	
	.CareersContentsArea .EntryButtonArea .EntryButtonRed a{
		padding: 50px 15px;
	}
	
	.CareersContentsArea .EntryButtonArea .EntryButtonRed li{
		width: 100%;
		margin-bottom: 15px;
	}
	
	.CareersContentsArea .EntryButtonArea .EntryButtonBlack li{
		width: 100%;
		margin-bottom: 15px;
	}
}

/* スマホ1 */
@media screen and (max-width: 579px) {

	/* 共通設定 */
	.Sp1Disappear {
		display: none;
	}
	
	.Sp1Appear {
	  display: block;
	}
	
	/* サブメニュー */
	.SubMenu .SubMenuWrap ul{
		justify-content: space-between;
        width: 100%;
	}
	
	.SubMenu .SubMenuWrap li{
		padding-right: 0;
		padding-left: 0;
	}
	
	/* ページタイトルエリア */
	.CareersContentsArea .PageTitleArea p.h1Deco{
		padding-bottom: 0px;
	}
	.CareersContentsArea .PageTitleArea h1{
		font-size: 200%;
		margin-bottom: 10px;
	}

	.CareersContentsArea .PageTitleArea .PageTitleCopy{
		font-size: 150%;
	}
	
	/* サブページ共通コンテンツエリア */
	.CareersContentsArea .SubPageNormalContents .SubPageNormalSection h2{
		font-size: 150%;
	}
	
	.CareersContentsArea .SubPageNormalContents .SubPageNormalSection h3{
		font-size: 120%;
		
	}
	
	/* InterviewButtonボタン */
	.CareersContentsArea .InterviewButton a{
		width: 360px;
		padding: 25px 15px;
	}
	/* BlackButtonボタン */
	.CareersContentsArea .BlackButton a{
		width: 360px;
		padding: 25px 15px;
	}
}

/* スマホ2 */
@media screen and (max-width: 399px) {
	/* 共通設定 */
	.Sp2Appear {
	  display: block;
	}
	
	/* サブメニュー */
	.SubMenu .SubMenuWrap ul{
		justify-content: space-between;
	}
	.SubMenu .SubMenuWrap ul li{
		padding: 10px 5px;
	}
	
	/* InterviewButtonボタン */
	.CareersContentsArea .InterviewButton a{
		width: 100%;
	}
	/* BlackButtonボタン */
	.CareersContentsArea .BlackButton a{
		width: 100%;
	}
}