@charset "UTF-8";
/* -------------------------
main 
-------------------------*/
.main {
	position: relative;
}
.main .inner {
	position: relative;
}
.main .set {
	position: absolute;
	left: 4rem;
	bottom: 4rem;
}
.main .category span {
	display: inline-block;
	padding: 0 1.6rem;
	font-size: 2.4rem;
	line-height: 5.2rem;
}
.main .category span:first-child {
	background: #fff;
}
.main .category span:last-child {
	color: #fff;
	background: #333;
}
.main .title {
	margin-top: 2rem;
	color: #fff;
	font-family: 'Noto Serif JP', serif;
	font-size: 4.4rem;
	font-weight: 400;
	line-height: 8rem;
}
.main img {
	height: 75rem;
	object-fit: cover;
	object-position: 80% 0;
}
.main .profile {
	padding: 5.5rem 4rem 1.5rem;
}
.main .profile .name {
	margin-bottom: 2rem;
	font-size: 3.8rem;
}
.main .profile .dev {
	font-size: 2.6rem;
	font-weight: 400;
	line-height: 4.4rem;
}
.main .bg {
	right: 0;
	bottom: 0;
	margin-bottom: -6rem;
	height: 12rem;
}
.main .bg::before,
.main .bg::after {
	width: 42.3rem;
}
.main .bg::before {
	background: url(../../img/interview/main_bg01.png) no-repeat 50% 100% / 100% auto;
}
.main .bg::after {
	background: url(../../img/interview/main_bg02.png) no-repeat 50% 100% / 100% auto;
}
@media print, screen and (min-width: 767px){/* PC */
.main .inner {
	position: relative;
}
.main .set {
	left: calc(50% - 55rem);
	bottom: 4.5rem;
}
.main .category span {
	padding: 0 1.6rem;
	font-size: 2.1rem;
	line-height: 4.4rem;
}
.main .title {
	margin-top: 3rem;
	font-size: 5rem;
	line-height: 7.5rem;
	letter-spacing: .15em;
}
.main img {
	height: 91rem;
	max-height: 100vh;
}
.main .profile {
	max-width: 110rem;
	margin: 0 auto;
	padding: 4.5rem 4rem 0;
	letter-spacing: .15em;
}
.main .profile .name {
	margin-bottom: 1rem;
	font-size: 3.2rem;
}
.main .profile .dev {
	font-size: 1.6rem;
	line-height: 3.2rem;
}
.main .bg {
	margin-bottom: -10.65rem;
	height: 21.3rem;
}
.main .bg::before,
.main .bg::after {
	width: 75rem;
}
}/* @media */
@media print, screen and (max-width: 1180px) and (min-width: 767px){/* TABLET */
.main .set {
	left: 4rem;
}
.main .title {
	font-size: 4rem;
	line-height: 5rem;
}
}/* @media */
/* -------------------------
article 
-------------------------*/
.article {
	background: #E8E8E8;
}
.article .bg {
	right: 0;
	bottom: -6rem;
	height: 12rem;
}
.article .bg::before,
.article .bg::after {
	width: 42.3rem;
}
.article .bg::before {
	background: url(../../img/index/outline_bg01.png) no-repeat 50% 100% / 100% auto;
}
.article .bg::after {
	background: url(../../img/index/outline_bg02.png) no-repeat 50% 100% / 100% auto;
}
@media print, screen and (min-width: 767px){/* PC */
.article .bg {
	bottom: -10.6rem;
	height: 21.2rem;
}
.article .bg::before,
.article .bg::after {
	width: 75rem;
}
}/* @media */
/* -------------------------
block 
-------------------------*/
.block {
	position: relative;
	padding: 10rem 4rem 0;
}
.block .set {
	margin: 4rem 0 0;
}
.block .subtitle {
	position: relative;
	padding: 2.5rem 4rem;
	color: #fff;
	background: #333;
	font-family: 'Noto Serif JP', serif;
	font-size: 3.2rem;
	line-height: 5.3rem;
}
.block .subtitle::before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 9.7rem;
	height: 100%;
	background: url(../../img/interview/subtitle_bg_sp.svg) no-repeat 50% / 100% auto;
}
.block .text {
	padding: 3.5rem 4rem;
	background: #fff;
	font-size: 2.8rem;
	font-weight: 400;
	line-height: 5.2rem;
}
.block_img {
	padding: 10rem 0 0;
}
.block.type03 {
}
.block.type03 .set {
	margin-bottom: 4rem;
}
@media print, screen and (min-width: 767px){/* PC */
.block {
	display: flex;
	max-width: 150rem;
	margin: 0 auto;
	padding: 10rem 0 0;
}
.block .set {
	width: 55rem;
	margin: 0;
}
.block .subtitle {
	padding: 2.2rem 2.8rem;
	font-size: 1.8rem;
	line-height: 3.4rem;
	letter-spacing: .06em;
}
.block .subtitle::before {
	width: 11.2rem;
	background-image: url(../../img/interview/subtitle_bg_pc.svg);
}
.block .text {
	padding: 2.8rem;
	font-size: 1.6rem;
	line-height: 3.2rem;
}
.block .img {
	flex: 1;
	max-width: calc(675 / 1500 * 100%);
}
.block_img {
	max-width: 150rem;
	margin: 0 auto;
}
.block.type01 {
	justify-content: end;
	padding: 15rem 0 0;
}
.block.type01 .img {
	order: 2;
}
.block.type01 .set {
	order: 1;
	margin-right: calc(75 / 1500 * 100%);
}
.block.type02 .set {
	margin-left: calc(75 / 1500 * 100%);
}
.block.type02 .subtitle {
	padding-left: 7rem;
	padding-right: 0;
}
.block.type02 .subtitle::before {
	right: auto;
	left: 0;
	transform: rotate(180deg);
}
.block.type03 {
	justify-content: end;
	margin-bottom: -10rem;
}
.block.type03 .set {
	margin-right: calc(75 / 1500 * 100%);
}
}/* @media */
@media print, screen and (max-width: 1000px) and (min-width: 767px){/* TABLET */
.block {
	display: block;
	max-width: 55rem;
}
.block .img {
	max-width: none;
}
.block.type01 .set,
.block.type02 .set {
	margin: 4rem 0 0;
}
}/* @media */
/* -------------------------
interview 
-------------------------*/
.interview .subtitle {
	margin-bottom: 5rem;
	font-family: 'Noto Serif JP', serif;
	font-size: 4rem;
	font-weight: 400;
	text-align: center;
	letter-spacing: .15em;
}
@media print, screen and (min-width: 767px){/* PC */
.interview {
	overflow: hidden;
}
.interview .subtitle {
	font-size: 3.5rem;
	text-align: left;
}
}/* @media */
/* -------------------------
recruit 
-------------------------*/
.recruit {
	padding-top: 0;
}
/* -----------------------------------------------
= print
----------------------------------------------- */
@media print {
}/* @media */