@charset "utf-8";

*,*::before,*::after{box-sizing:border-box;}
body,h1,h2,h3,h4,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0;}
ul,ol{list-style:none;padding:0;}
a{color:inherit;text-decoration:inherit;text-decoration-skip-ink:auto;}
img,svg,video,iframe{vertical-align:middle;}
img,video{max-width:100%;}
input,button,textarea,select{font:inherit;}
@media (prefers-reduced-motion:reduce){
	*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}
}
html.isTouch {
	scroll-behavior: smooth;
}
html.isTouch.behavior-auto {
	scroll-behavior: auto;
}
:root {
	--main: #09c;
	--sub: #3cf;
	--business: #ebf7fd;
}
body.is-fixed {
	position: fixed;
	width: 100%;
	height: 100%;
}
.copyright {
	font-family: Helvetica, sans-serif;
}
@media screen and (max-width: 767px) {
	.v-dt { display: none; }
}
@media screen and (min-width: 768px) {
	.v-mb { display: none; }
}

.p-recruit {
	overflow: hidden;
	color: white;
	font-family: "Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
	font-weight: 600;
	font-feature-settings: "palt";
	text-align: center;
	text-rendering: optimizeLegibility;
	background: #00bfff;
	perspective: 1000px;
}
@media screen and (min-width: 960px) {
	html.g-lnav-sticky .p-recruit {
		padding-top: 56px;
	}
}
@media screen and (max-width: 959px) {
	.p-recruit {
		padding-top: 56px;
	}
}
.l-modal {
	font-family: "Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
	font-weight: 600;
	font-feature-settings: "palt";
	text-rendering: optimizeLegibility;
}
.p-recruit .l-section > * {
	z-index: 1;
	position: relative;
}
.p-recruit .title {
	text-align: center;
}
.p-recruit .ico {
	fill: currentcolor;
}
html.no-touchevents .p-recruit a:hover {
	text-decoration: inherit;
}

/**
 * effect
 * -------------------------------------------------- */
.p-recruit .o-hr,
.p-recruit .o-effect {
	position: relative;
	width: 100%;
}
.o-hr,
.p-recruit .o-effect {
	perspective: 1000px;
}
.o-hr{
	overflow: hidden;
}
.o-hr .h,
.p-recruit .o-effect .e {
	position: absolute;
	width: 100%;
}

/* effect */
.p-recruit .l-effect {
	z-index: -1;
	position: absolute;
	left: -50%;
	width: 200%;
	opacity: .7;
}
.p-recruit .l-effect.js-inview:not(.is-inview) {
	opacity: 0;
}
.p-recruit .l-effect.js-inview.is-inview {
	transition: opacity 1.2s;
}
.p-recruit .l-effect.-e0 {
	top: 0;
	opacity: .5;
}
.p-recruit .l-effect.-e1 { top: 41%; }
.p-recruit .l-effect.-e2 { top: 82%; }

.p-recruit .-e0 .o-effect {
	animation: effect0 50s cubic-bezier(0.37, 0, 0.63, 1) alternate infinite;
}
.p-recruit .-e1 .o-effect {
	animation: effect1 60s cubic-bezier(0.37, 0, 0.63, 1) alternate infinite;
}
.p-recruit .-e2 .o-effect {
	animation: effect2 40s cubic-bezier(0.37, 0, 0.63, 1) alternate infinite;
}

@keyframes effect0 {
	0%, 100% { transform: rotate(-10deg); }
	20% { transform: rotate(-5deg); }
	40% { transform: scaleX(1.05); }
	60% { transform: rotate(-5deg); }
	80% { transform: rotate(-15deg); }
}
@keyframes effect1 {
	0%, 100% { transform: rotate(24deg); }
	20% { transform: rotate(10deg); }
	40% { transform: scaleX(1.05); }
	60% { transform: rotate(24deg); }
	80% { transform: rotate(16deg); }
}
@keyframes effect2 {
	0%, 100% { transform: rotate(-8deg); }
	20% { transform: rotate(-2deg); }
	40% { transform: scaleX(1.05); }
	60% { transform: rotate(-10deg); }
	80% { transform: rotate(-3deg); }
}

/* fluctuation */
.o-hr .h {
	animation: fluctuation 10s cubic-bezier(0.37, 0, 0.63, 1) alternate infinite;
}
.o-hr.-h0 .h { animation-name: fluctuation1; }
.o-hr.-h1 .h { animation-name: fluctuation2; }
.o-hr.-h2 .h { animation-duration: 12s; }
.o-hr.-h3 .h { animation-duration: 15s; }

@keyframes fluctuation {
	0%, 100% { transform: none; }
	20% { transform: rotateX(8deg) rotateY(-5deg); }
	40% { transform: rotateX(-5deg) rotateY(-8deg); }
	60% { transform: rotateX(-8deg) rotateY(5deg); }
	80% { transform: rotateX(5deg) rotateY(8deg); }
}
@keyframes fluctuation1 {
	0%, 100% { transform: none; }
	20% { transform: rotateZ(-1deg); }
	40% { transform: rotateY(-8deg); }
	60% { transform: rotateZ(1deg); }
	80% { transform: rotateX(5deg); }
}
@keyframes fluctuation2 {
	0%, 100% { transform: none; }
	20% { transform: rotateZ(1deg); }
	40% { transform: rotateX(5deg); }
	60% { transform: rotateZ(-1deg); }
	80% { transform: rotateY(-8deg); }
}

/* wave loop */
.o-hr .h::after,
.p-recruit .o-effect .e::after {
	content: "";
	position: absolute;
	top: 0;
	left: -10%;
	width: 200%;
	min-width: calc(768px * 3);
	height: 100%;
	background: url('/-/media/Project/Daikin/daikin_co_jp/recruit/renewal/img/honne/effect_01 svg') center / 900px 200px repeat-x;
	animation: wave 20s linear infinite;
}
.p-recruit .-e0 .o-effect .e::after {
	animation-duration: 18s;
	animation-direction: reverse;
}
.p-recruit .-e1 .o-effect .e::after {
	background-image: url('/-/media/Project/Daikin/daikin_co_jp/recruit/renewal/img/honne/effect_02 svg');
	animation-duration: 24s;
}
.o-hr.-h0 .h::after {
	background-image: url('/-/media/Project/Daikin/daikin_co_jp/recruit/renewal/img/honne/wave_00 svg');
	animation-timing-function: cubic-bezier(.3,0,.7,1);
}
.o-hr.-h1 .h::after {
	background-image: url('/-/media/Project/Daikin/daikin_co_jp/recruit/renewal/img/honne/wave_01 svg');
	animation-delay: -1s;
	animation-timing-function: cubic-bezier(0,.3,1,.7);
}
.o-hr.-h2 .h::after {
	background-image: url('/-/media/Project/Daikin/daikin_co_jp/recruit/renewal/img/honne/wave_02 svg');
}
.o-hr.-h3 .h::after {
	background-image: url('/-/media/Project/Daikin/daikin_co_jp/recruit/renewal/img/honne/wave_03 svg');
}

@keyframes wave {
	from { transform: none; }
	to { transform: translateX(-900px); }
}
@media screen and (max-width: 767px) {
	.o-hr .h::after,
	.p-recruit .o-effect .e::after {
		background-size: 450px 100px;
		animation-duration: 12s;
	}
	@keyframes wave {
		from { transform: none; }
		to { transform: translateX(-450px); }
	}
}

.o-hr .h,
.p-recruit .o-effect,
.p-recruit .o-effect .e {
	height: 200px;
}
@media screen and (min-width: 768px) {
	.o-hr {
		height: 150px;
	}
	.o-hr.-h0 .h,
	.o-hr.-h2 .h {
		top: 50px;
	}
	.o-hr.-h1 .h,
	.o-hr.-h3 .h {
		bottom: 50px;
	}
}
@media screen and (max-width: 767px) {
	.o-hr {
		height: 100px;
	}
	.o-hr.-h0 .h,
	.o-hr.-h2 .h {
		top: 0;
	}
	.o-hr.-h1 .h,
	.o-hr.-h3 .h {
		bottom: 0;
	}
}


/**
 * fonts
 * -------------------------------------------------- */
/*
body {
	font-size: 16px;
	line-height: 2;
}
*/
main, .l-modal {
	font-size: 16px;
	line-height: 2;
}

/* :::::: object :::::: */
.p-recruit .o-button {
	font-size: 16px;
	line-height: 1.2;
}
.p-recruit .o-button.-s {
	font-size: 16px;
}
.p-recruit .o-link {
	color: inherit;
	font-size: 13px;
	letter-spacing: .17em;
}
@media screen and (min-width: 768px) {
	.p-recruit .o-button {
		font-size: 22px;
	}
	.p-recruit .o-button.-s {
		font-size: 23px;
	}
	.p-recruit .o-link {
		font-size: 17px;
	}
}

/* :::::: intro :::::: */
.recruit-intro .lead {
	font-size: 14.5px;
	letter-spacing: .15em;
}
@media screen and (min-width: 768px) {
	.recruit-intro .lead {
		font-size: 24px;
	}
}

/* :::::: project :::::: */
.project_content .text {
	font-size: 12.5px;
	line-height: 1.8;
	letter-spacing: .12em;
}
.real-voice_item .bln {
	position: relative;
	margin-bottom: 6px;
	padding: 4px .4em 4px .6em;
	border-radius: 2em;
	color: #00bfff;
	font-size: 11px;
	letter-spacing: .18em;
	background: white;
}
.real-voice_item .bln::after {
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	left: calc(50% - 5px);
	border-width: 7px 5px 0 5px;
	border-style: solid;
	border-color: transparent;
	border-top-color: white;
}
.real-voice_item strong {
	font-size: 34.5px;
	font-weight: 500;
	letter-spacing: .12em;
}
@media screen and (min-width: 768px) {
	.project_content .text {
		font-size: 16px;
	}
	.real-voice_item .bln {
		margin-bottom: 8px;
		font-size: 16.5px;
	}
	.real-voice_item .bln::after {
		left: calc(50% - 7px);
		border-width: 10px 7px 0 7px;
	}
	.real-voice_item strong {
		font-size: 53px;
	}
}

/* :::::: topics :::::: */
.topics_title {
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: .15em;
	line-break: loose;
	word-break: break-word;
}
.topics_text .o-link {
	font-size: 10px;
}
@media screen and (max-width: 374px) {
	.topics_title br {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.topics_title {
		font-size: 19px;
	}
	.topics_text .o-link {
		font-size: 13px;
	}
}


/**
 * button
 * -------------------------------------------------- */
.p-recruit .o-button {
	display: flex;
	justify-content: space-around;
	align-items: center;
	position: relative;
	width: 100%;
	max-width: 320px;
	height: 64px;
	margin: 0 auto;
	padding: 1em;
	border: 1.5px solid currentcolor;
	border-radius: 7.5px;
	color: #00bfff !important;
	letter-spacing: .19em;
	background: white;
	box-shadow: 3px 3px 3px rgba(20,122,173,.2);
}
.p-recruit .o-button.-s {
	max-width: 280px;
	padding-right: calc(1em + 6px);
	border-width: .5px;
}
.p-recruit .o-button .ico {
	width: 7px;
	height: 9px;
}
.p-recruit .o-button.-s .ico {
	position: absolute;
	top: calc(50% - 5px);
	right: 20px;
}
@media screen and (min-width: 768px) {
	.p-recruit .o-button {
		max-width: 500px;
		height: 93px;
	}
	.p-recruit .o-button.-s {
		max-width: 375px;
	}
	.p-recruit .o-button .ico {
		width: 9px;
		height: 12px;
	}
}

/* inview */
.p-recruit .o-button.js-inview:not(.is-inview) {
	opacity: 0;
	transform: translateY(80px) skewY(8deg);
}
.p-recruit .o-button.js-inview.is-inview {
	transition: box-shadow 1.2s, opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (hover: hover) {
	.p-recruit .o-button.js-inview.is-inview:hover {
		box-shadow: 3px 5px 12px rgba(20,122,173,.2);
		transform: translateY(-5px);
		transition-duration: .4s;
	}
}


/**
 * link
 * -------------------------------------------------- */
.p-recruit .o-link {
	display: inline-block;
	padding: 2px 0;
	background: linear-gradient(currentcolor, currentcolor) left bottom / 100% 1px no-repeat;
}
.p-recruit .o-link .ico {
	width: 5px;
	height: 7px;
	margin: -.1em 0 0 .7em;
}

/* inview */
.p-recruit .o-link.js-inview:not(.is-inview) {
	opacity: 0;
	transform: translateY(40px) scale(.8);
}
.p-recruit .o-link.js-inview.is-inview {
	transition: background-size .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (hover: hover) {
	.p-recruit .o-link {
		transition: background-size .3s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.topics_item a:hover .o-link,
	.p-recruit .o-link:hover {
		background-position: right bottom;
		background-size: 0 1px;
	}
}


/**
 * intro
 * -------------------------------------------------- */
.recruit-intro {
	position: relative;
	padding: 64px 20px 40px;
}
@media screen and (min-width: 768px) {
	.recruit-intro {
		padding: 120px 20px;
	}
}

/* :::::: title :::::: */
.recruit-intro .title {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	z-index: 1;
	position: relative;
}
.recruit-intro .title .line,
.recruit-intro .title .bln {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.recruit-intro .title .line.-l1 {
	margin-left: 30px;
}
.recruit-intro .title .bln {
	position: relative;
}
.recruit-intro .title .bln .obj {
	z-index: -1;
	position: absolute;
	top: -15px;
	left: -16px;
	width: 70px;
	height: 119px;
	fill: currentcolor;
}
.recruit-intro .title .t {
	width: 40px;
	max-height: 40px;
}
.recruit-intro .title .t4,
.recruit-intro .title .t8,
.recruit-intro .title .t15 {
	max-height: 14px;
}
/* 就活に、採用に、 */
.recruit-intro .title .t2 { margin-top: 7px; }
.recruit-intro .title .t3 { margin-top: 7px; }
.recruit-intro .title .t4 { margin-top: 4px; }
.recruit-intro .title .t5 { margin-top: 9px; }
.recruit-intro .title .t6 { margin-top: 10px; }
.recruit-intro .title .t7 { margin-top: 6px; }
.recruit-intro .title .t8 { margin-top: 4px; }
/* もっと本音を */
.recruit-intro .title .t10 { margin-top: 6px; }
.recruit-intro .title .t11 { margin-top: 6px; }
.recruit-intro .title .bln { margin: 18px 0 19px; }
.recruit-intro .title .t13 { margin-top: 7px; }
.recruit-intro .title .t15 { margin-top: 5px; }
@media screen and (min-width: 768px) {
	.recruit-intro .title .line.-l1 {
		margin-left: 51px;
	}
	.recruit-intro .title .bln .obj {
		top: -25px;
		left: -30px;
		width: 134px;
		height: 220px;
	}
	.recruit-intro .title .t {
		width: 75px;
		max-height: 75px;
	}
	.recruit-intro .title .t4,
	.recruit-intro .title .t8,
	.recruit-intro .title .t15 {
		max-height: 25px;
	}
	.recruit-intro .title .t2 { margin-top: 15px; }
	.recruit-intro .title .t3 { margin-top: 14px; }
	.recruit-intro .title .t4 { margin-top: 9px; }
	.recruit-intro .title .t5 { margin-top: 19px; }
	.recruit-intro .title .t6 { margin-top: 20px; }
	.recruit-intro .title .t7 { margin-top: 12px; }
	.recruit-intro .title .t8 { margin-top: 9px; }
	.recruit-intro .title .t10 { margin-top: 12px; }
	.recruit-intro .title .t11 { margin-top: 12px; }
	.recruit-intro .title .bln { margin: 36px 0 39px; }
	.recruit-intro .title .t13 { margin-top: 15px; }
	.recruit-intro .title .t15 { margin-top: 11px; }
}
/* inview */
.recruit-intro > .title.js-inview:not(.is-inview) .t,
.recruit-intro > .title.js-inview:not(.is-inview) .bln {
	opacity: 0;
	transform: translateY(80px) scale(.8);
	/*filter: blur(10px);*/
}
.recruit-intro > .title.js-inview .t,
.recruit-intro > .title.js-inview .bln {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.recruit-intro > .title.js-inview.is-inview .t,
.recruit-intro > .title.js-inview.is-inview .bln {
	transition: opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), filter 1.2s;
}
.recruit-intro > .title.js-inview.is-inview .t2 { transition-delay: .05s; }
.recruit-intro > .title.js-inview.is-inview .t3 { transition-delay: .1s; }
.recruit-intro > .title.js-inview.is-inview .t4 { transition-delay: .15s; }
.recruit-intro > .title.js-inview.is-inview .t5 { transition-delay: .2s; }
.recruit-intro > .title.js-inview.is-inview .t6 { transition-delay: .25s; }
.recruit-intro > .title.js-inview.is-inview .t7 { transition-delay: .3s; }
.recruit-intro > .title.js-inview.is-inview .t8 { transition-delay: .35s; }
.recruit-intro > .title.js-inview.is-inview .t9 { transition-delay: .4s; }
.recruit-intro > .title.js-inview.is-inview .t10 { transition-delay: .45s; }
.recruit-intro > .title.js-inview.is-inview .t11 { transition-delay: .5s; }
.recruit-intro > .title.js-inview.is-inview .bln { transition-delay: .7s; }
.recruit-intro > .title.js-inview.is-inview .t14 { transition-delay: .9s; }
.recruit-intro > .title.js-inview.is-inview .t15 { transition-delay: .95s; }

/* :::::: lead :::::: */
.recruit-intro .lead {
	max-width: 760px;
	margin: 40px auto 0;
	text-align: justify;
}
@media screen and (min-width: 768px) {
	.recruit-intro .lead {
		margin-top: 72px;
		line-height: 2.25;
	}
}
/* inview */
.recruit-intro > .lead.js-inview:not(.is-inview) {
	opacity: 0;
	transform: translateY(80px) scale(.9);
}
.recruit-intro > .lead.js-inview.is-inview {
	transition: opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/**
 * project
 * -------------------------------------------------- */
.recruit-project {
	padding: 40px 12px 64px;
}
@media screen and (min-width: 768px) {
	.recruit-project {
		padding: 80px 12px 120px;
	}
}

@media screen and (max-width: 767px) {
	.recruit-project > .title .t {
		width: 138px;
		max-height: 41px;
	}
}
@media screen and (max-width: 374px) {
	.recruit-project > .title .t {
		width: calc(138vw / 3.75);
		max-height: calc(41vw / 3.75);
	}
}
/* inview */
.recruit-project > .title.js-inview:not(.is-inview) {
	opacity: 0;
	transform: translateY(40px) skewY(12deg);
}
.recruit-project > .title.js-inview.is-inview {
	transition: opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.project_content {
	max-width: 860px;
	margin: 40px auto 0;
	padding: 64px 20px 40px;
	border-radius: 10px;
	color: #00bfff;
	background: white;
	box-shadow: 3px 3px 3px rgba(20,122,173,.2);
}
@media screen and (min-width: 768px) {
	.project_content {
		margin-top: 64px;
		padding: 120px 80px 100px;
	}
}

/* :::::: title :::::: */
.project_content .title {
	display: flex;
	justify-content: center;
}
.project_content .title .t {
	height: 33px;
	max-width: 33px;
}
.project_content .title .t3,
.project_content .title .t4,
.project_content .title .t6,
.project_content .title .t7 {
	max-width: 29px;
}
.project_content .title .t5 {
	max-width: 12px;
}
/* 読むOG・OB訪問 */
.project_content .t2 { margin-left: 5px; }
.project_content .t3 { margin-left: 3px; }
.project_content .t4 { margin-left: 4px; }
.project_content .t5 { margin-left: 5px; }
.project_content .t6 { margin-left: 3px; }
.project_content .t7 { margin-left: 2px; }
.project_content .t8 { margin-left: 3px; }
.project_content .t9 { margin-left: 4px; }
@media screen and (max-width: 374px) {
	.project_content .title .t {
		height: calc(33vw / 3.75);
		max-width: calc(33vw / 3.75);
	}
	.project_content .title .t3,
	.project_content .title .t4,
	.project_content .title .t6,
	.project_content .title .t7 {
		max-width: calc(61vw / 3.75);
	}
	.project_content .title .t5 {
		max-width: calc(25vw / 3.75);
	}
}
@media screen and (min-width: 768px) {
	.project_content .title .t {
		height: 70px;
		max-width: 70px;
	}
	.project_content .title .t3,
	.project_content .title .t4,
	.project_content .title .t6,
	.project_content .title .t7 {
		max-width: 61px;
	}
	.project_content .title .t5 {
		max-width: 25px;
	}
	.project_content .t2 { margin-left: 10px; }
	.project_content .t3 { margin-left: 6px; }
	.project_content .t4 { margin-left: 8px; }
	.project_content .t5 { margin-left: 10px; }
	.project_content .t6 { margin-left: 7px; }
	.project_content .t7 { margin-left: 5px; }
	.project_content .t8 { margin-left: 6px; }
	.project_content .t9 { margin-left: 8px; }
}
/* inview */
.project_content > .title.js-inview:not(.is-inview) .t {
	opacity: 0;
	transform: translateY(80px) scale(.8);
	/*filter: blur(10px);*/
}
.project_content > .title.js-inview.is-inview .t {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), filter 1.2s;
}
.project_content > .title.js-inview.is-inview .t1 { transition-delay: 0s; }
.project_content > .title.js-inview.is-inview .t2 { transition-delay: .05s; }
.project_content > .title.js-inview.is-inview .t3 { transition-delay: .1s; }
.project_content > .title.js-inview.is-inview .t4 { transition-delay: .15s; }
.project_content > .title.js-inview.is-inview .t5 { transition-delay: .2s; }
.project_content > .title.js-inview.is-inview .t6 { transition-delay: .25s; }
.project_content > .title.js-inview.is-inview .t7 { transition-delay: .3s; }
.project_content > .title.js-inview.is-inview .t8 { transition-delay: .35s; }
.project_content > .title.js-inview.is-inview .t9 { transition-delay: .4s; }

/* :::::: text :::::: */
.project_content .text {
	max-width: 260px;
	margin: 32px auto 0;
	text-align: justify;
}
@media screen and (min-width: 768px) {
	.project_content .text {
		max-width: 436px;
		margin-top: 48px;
	}
}
/* inview */
.project_content > .text.js-inview:not(.is-inview) {
	opacity: 0;
	transform: translateY(80px) scale(.9);
}
.project_content > .text.js-inview.is-inview {
	transition: opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (max-width: 767px) {
	.project_content .o-button img[alt="note"] {
		width: 43px;
		height: 11px;
	}
}
@media screen and (max-width: 374px) {
	.project_content .o-button {
		flex-direction: column;
		height: 80px;
	}
	.project_content .o-button img[alt="note"] {
		width: 71px;
		height: 18px;
	}
	.project_content .o-button .ico {
		position: absolute;
		top: calc(50% - 7px);
		right: 12px;
	}
}

.project_content .o-link {
	margin-top: 12px;
}
@media screen and (min-width: 768px) {
	.project_content .o-link {
		margin-top: 24px;
	}
}

/**
 * 本音
 * -------------------------------------------------- */
.c-real-voice {
	z-index: 1;
	position: relative;
	height: 200px;
	margin-top: 32px;
	margin-right: calc(50% - 50vw);
	margin-bottom: 40px;
	margin-left: calc(50% - 50vw);
}
/* inview */
.c-real-voice.js-inview:not(.is-inview) {
	opacity: 0;
	transform: translateY(80px);
}
.c-real-voice.js-inview.is-inview {
	transition: opacity 2s, transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.real-voice_item {
	width: 232px;
}
.real-voice_item[style] {
	/*-webkit-backface-visibility: hidden;
	backface-visibility: hidden;*/
}
.real-voice_item a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	padding-top: 24px;
	border-radius: 5px;
	color: white;
	background: white url('/-/media/Project/Daikin/daikin_co_jp/recruit/renewal/img/honne/bg svg') center;
	box-shadow: 3px 3px 3px rgba(20,122,173,.2);
}
.real-voice_item a {
	transition: color .4s, opacity .4s, box-shadow .4s;
}
.real-voice_item .bln {
	transition: opacity .4s, transform .4s;
}
.real-voice_item:not(.is-selected) a {
	pointer-events: none;
	color: transparent;
	opacity: .5;
	box-shadow: 0 0 0 rgba(20,122,173,0);
}
.real-voice_item:not(.is-selected) .bln {
	opacity: 0;
	transform: translateY(10px);
}
.real-voice_item a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background: #00bfff;
}
.real-voice_item a::before {
	transition: opacity .4s, transform .4s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.real-voice_item:not(.is-selected) a::before {
	opacity: 0;
	transform: scale(.94);
}
@media screen and (max-width: 374px) {
	.real-voice_item {
		width: 208px;
	}
}
@media screen and (min-width: 768px) {
	.c-real-voice {
		height: 286px;
		margin-top: 64px;
		margin-bottom: 64px;
	}
	.real-voice_item {
		width: 538px;
	}
	.real-voice_item a {
		width: 438px;
		height: 286px;
		padding-top: 24px;
	}
}
@media (hover: hover) {
	.real-voice_item.is-selected a {
		transition: box-shadow 1s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.real-voice_item.is-selected a:hover {
		box-shadow: 3px 5px 12px rgba(20,122,173,.2);
		transform: translateY(-5px);
		transition-duration: .4s;
	}
}

.real-voice_item .bln,
.real-voice_item strong {
	line-height: 1.35;
	transform: scale(.97,.99);
}
.real-voice_item strong {
	text-indent: .05em;
}
.real-voice_item.-i1 strong {
	text-indent: .15em;
}
.real-voice_item .ico {
	position: relative;
	width: 10px;
	height: 13px;
	margin-top: 24px;
}
@media screen and (min-width: 768px) {
	.real-voice_item .ico {
		width: 15px;
		height: 20px;
		margin-top: 32px;
	}
}

/* :::::: flickity :::::: */
.flickity-slider[style] {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.c-real-voice .flickity-viewport {
	overflow: visible;
	box-sizing: content-box;
}
.c-real-voice .flickity-viewport.is-dragging a {
	pointer-events: none;
}
.c-real-voice .flickity-prev-next-button {
	top: calc(50% - 16px);
	width: 32px;
	height: 32px;
	opacity: .5;
	line-height: 1;
}
.c-real-voice .flickity-prev-next-button.previous {
	left: calc(50% - 142px);
}
.c-real-voice .flickity-prev-next-button.next {
	right: calc(50% - 142px);
}
.c-real-voice .flickity-prev-next-button .flickity-button-icon {
	position: static;
	width: 24px;
	height: 24px;
	fill: none;
	stroke: #00bfff;
	stroke-width: 8;
}
@media screen and (max-width: 374px) {
	.c-real-voice .flickity-prev-next-button {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.c-real-voice .flickity-prev-next-button {
		top: calc(50% - 24px);
		width: 48px;
		height: 48px;
	}
	.c-real-voice .flickity-prev-next-button.previous {
		left: calc(50% - 312px);
	}
	.c-real-voice .flickity-prev-next-button.next {
		right: calc(50% - 312px);
	}
	.c-real-voice .flickity-prev-next-button .flickity-button-icon {
		width: 38px;
		height: 38px;
	}
}


/**
 * topics
 * -------------------------------------------------- */
.recruit-topics {
	padding: 40px 20px;
	color: #00bfff;
	background: white;
}

/* inview */
.recruit-topics > .title.js-inview:not(.is-inview) {
	opacity: 0;
	transform: translateY(40px) skewY(12deg);
}
.recruit-topics > .title.js-inview.is-inview {
	transition: opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width: 767px) {
	.recruit-topics .title .t {
		width: 122px;
		max-height: 40px;
	}
}
@media screen and (max-width: 374px) {
	.recruit-topics .title .t {
		width: calc(122vw / 3.75);
		max-height: calc(40vw / 3.75);
	}
}

.c-topics {
	max-width: 690px;
	margin: 40px auto 0;
	text-align: left;
}
.topics_item {
	position: relative;
}
@media screen and (max-width: 767px) {
	.topics_item a {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.topics_item:nth-child(n+2) {
		margin-top: 40px;
	}
}
@media screen and (min-width: 768px) {
	.c-topics {
		display: flex;
		flex-wrap: wrap;
		margin-top: 72px;
	}
	.topics_item {
		flex-basis: calc(50% - 40px);
	}
	.topics_item:nth-child(2n) {
		margin-left: 80px;
	}
	.topics_item:nth-child(n+3) {
		margin-top: 40px;
	}
}
/* inview */
.topics_item.js-inview:not(.is-inview) .topics_photo,
.topics_item.js-inview:not(.is-inview) .topics_title,
.topics_item.js-inview:not(.is-inview) .o-link,
.topics_item.js-inview:not(.is-inview) .topics_vol {
	opacity: 0;
}
.topics_item.js-inview:not(.is-inview) .topics_photo {
	transform: translateY(80px) skewY(8deg);
}
.topics_item.js-inview:not(.is-inview) .topics_title {
	transform: translateY(40px) scale(.9);
}
.topics_item.js-inview:not(.is-inview) .o-link {
	transform: translateY(40px) scale(.8);
}
.topics_item.js-inview:not(.is-inview) .topics_vol {
	transform: scale(.8);
}
.topics_item.js-inview.is-inview .topics_vol,
.topics_item.js-inview.is-inview .topics_photo,
.topics_item.js-inview.is-inview .topics_title {
	transition: opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.topics_item.js-inview.is-inview .o-link {
	transition: background-size .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.topics_item.js-inview.is-inview .topics_vol {
	transition-duration: 1s;
	transition-delay: .4s;
}

.topics_photo {
	z-index: 1;
	position: relative;
}
.topics_photo::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 6px;
	left: 4px;
	width: 100%;
	height: 100%;
	background: url('/-/media/Project/Daikin/daikin_co_jp/recruit/renewal/img/honne/bg svg');
}
.topics_item .topics_vol {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 83px;
	height: 24px;
	color: white;
	line-height: 1;
	background: url('/-/media/Project/Daikin/daikin_co_jp/recruit/renewal/img/honne/bg_topics_mb svg') center / contain no-repeat;
}
@media screen and (max-width: 767px) {
	.topics_photo,
	.topics_text {
		flex-basis: calc(50% - 16px);
	}
	.topics_photo::before {
		background-size: 45px 147px;
	}
	.topics_text {
		margin-left: 32px;
	}
	.topics_item .topics_vol img {
		width: 58px;
		height: 15px;
	}
	.topics_title {
		margin-top: 10px;
	}
}
@media screen and (min-width: 768px) {
	.topics_photo::before {
		top: 11px;
		left: 9px;
	}
	.topics_text {
		margin-top: 32px;
		padding-left: 24px;
	}
	.topics_item .topics_vol {
		z-index: 1;
		position: absolute;
		top: -32px;
		left: -40px;
		width: 113px;
		height: 60px;
		background-image: url('/-/media/Project/Daikin/daikin_co_jp/recruit/renewal/img/honne/bg_topics_dt svg');
	}
}
@media (hover: hover) {
	.topics_item .topics_photo .wrap {
		display: block;
		overflow: hidden;
	}
	.topics_item .topics_photo img {
		transition: transform 1.2s cubic-bezier(0.33, 1, 0.68, 1);
	}
	.topics_item a:hover .topics_photo img {
		transform: scale(1.08);
		transition-duration: .6s;
	}
}

.recruit-topics .o-button {
	margin-top: 64px;
}
.recruit-topics .o-button .ico {
	position: absolute;
	top: calc(50% - 7px);
	right: 24px;
}
@media screen and (min-width: 768px) {
	.recruit-topics .o-button .ico {
		right: 48px;
	}
}


/**
 * conversion
 * -------------------------------------------------- */
.recruit-conversion {
	padding: 64px 20px;
}
.recruit-conversion .o-button {
	justify-content: center;
	white-space: nowrap;
}
.recruit-conversion .o-button:nth-child(n+2) {
	margin-top: 40px;
}
.recruit-conversion .o-button[href$="/intern/"] {
	letter-spacing: .1em;
}
.recruit-conversion .o-button.-s img {
	width: 70px;
	height: 26px;
}
@media screen and (min-width: 768px) {
	.recruit-conversion {
		padding: 80px 20px 160px;
	}
	.recruit-conversion .o-button:nth-child(n+2) {
		margin-top: 64px;
	}
	.recruit-conversion .o-button.-s img {
		width: 87px;
		height: 32px;
	}
}


/**
 * modal
 * -------------------------------------------------- */
.l-modal {
	z-index: 100;
	position: fixed;
}
.l-modal,
.l-modal_container,
.l-modal_overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.l-modal_container,
.l-modal_overlay {
	position: absolute;
}
.l-modal_container {
	display: flex;
	justify-content: center;
	align-items: center;
}
.l-modal_overlay {
	opacity: .9;
	background: #00bfff;
}

/* modal_close */
.l-modal_close {
	z-index: 2;
	position: absolute;
	cursor: pointer;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 0;
	opacity: .5;
	background: none;
}
.l-modal_close:focus {
	outline: 0;
}
.l-modal_close::before,
.l-modal_close::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	border-top: 2px solid #00bfff;
}
.l-modal_close::before {
	transform: rotate(45deg);
}
.l-modal_close::after {
	transform: rotate(-45deg);
}
.l-modal_arrow {
	z-index: 1;
	position: absolute;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 0;
	opacity: .5;
	background: none;
}
.l-modal_arrow:focus {
	outline: 0;
}
.l-modal_arrow .ico {
	pointer-events: none;
	fill: none;
	stroke: #00bfff;
	stroke-width: 3;
}
@media screen and (max-width: 767px) {
	.l-modal_close {
		top: 24px;
		right: 4px;
	}
	.l-modal_close::before,
	.l-modal_close::after {
		left: 20%;
		width: 60%;
	}
	.l-modal_arrow {
		bottom: 4px;
	}
	.l-modal_arrow.-prev {
		left: 4px;
	}
	.l-modal_arrow.-next {
		right: 4px;
	}
	.l-modal_arrow .ico {
		width: 14px;
		height: 24px;
		stroke:white;
	}
}
@media screen and (min-width: 768px) {
	.l-modal_close {
		top: 72px;
		right: 24px;
	}
	.l-modal_close::before,
	.l-modal_close::after {
		left: 5%;
		width: 90%;
		border-top: 3px solid #00bfff;
	}
	.l-modal_arrow {
		/* bottom: 20px; */
	}
	.l-modal_arrow.-prev {
		left: -50px;
		cursor:pointer;
	}
	.l-modal_arrow.-next {
		right: -50px;
		cursor:pointer;
	}
	.l-modal_arrow .ico {
		width: 22px;
		height: 38px;
	}
}

/* wave */
.l-modal .o-hr {
	pointer-events: none;
	z-index: 1;
	position: absolute;
}
.l-modal .o-hr.-h0 {
	bottom: 0;
	left: 0;
	width: 100%;
}
.l-modal .o-hr.-h1 {
	top: 0;
	left: 0;
	width: 100%;
}
.l-modal .o-hr.-h0 .h::after {
	background-image: url('/-/media/Project/Daikin/daikin_co_jp/recruit/renewal/img/honne/wave_b0 svg');
}
.l-modal .o-hr.-h1 .h::after {
	background-image: url('/-/media/Project/Daikin/daikin_co_jp/recruit/renewal/img/honne/wave_b1 svg');
}
@media screen and (min-width: 768px) {
	.l-modal .o-hr.-h0 {
		height: 180px;
	}
	.l-modal .o-hr.-h1 {
		height: 120px;
	}
}
@media screen and (max-width: 767px) {
	.l-modal .o-hr.-h0 {
		height: 120px;
	}
	.l-modal .o-hr.-h1 {
		height: 80px;
	}
}

/* before/after */
.l-modal:not(.is-active) {
	pointer-events: none;
}
.l-modal:not(.is-active) .l-modal_overlay,
.l-modal:not(.is-active) .l-modal_close,
.l-modal:not(.is-active) .l-modal_container,
.l-modal:not(.is-active) .l-modal_content {
	opacity: 0;
}
.l-modal:not(.is-active) .l-modal_close,
.l-modal:not(.is-active) .l-modal_content {
	transform: scale(.8);
}
.l-modal:not(.is-active) .o-hr.-h0 {
	transform: translateY(100%);
}
.l-modal:not(.is-active) .o-hr.-h1 {
	transform: translateY(-100%);
}

/* timing */
.l-modal .l-modal_overlay,
.l-modal .l-modal_container {
	transition: opacity .4s;
}
.l-modal .l-modal_close,
.l-modal .l-modal_content {
	transition: opacity .4s, transform .4s;
}
.l-modal .o-hr {
	transition: transform 1s cubic-bezier(0.33, 1, 0.68, 1);
}
.l-modal.is-active .o-hr {
	transition-duration: 2s;
}

.l-modal_adjust{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	max-width:650px;
	width:100%;
	height:50px;
	z-index:10;
}


/**
 * モーダルの本音
 * -------------------------------------------------- */
.l-modal_content {
	z-index: 1;
	width: 100vw;
	height: 100%;
	color: #00bfff;
	background: white;
}
.c-modal-voice {
	height: 100%;
}
.modal-voice_item {
	overflow: hidden;
	width: 100vw;
	height: 100%;
	background: white;
}
.modal-voice_container {
	overflow: auto;
	width: 100%;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
}
.modal-voice_container::-webkit-scrollbar{
	width:0;
	height:0;
}
.modal-voice_title,
.modal-voice_text {
	pointer-events: none;
	max-width: 100%;
}
.modal-voice_title {
	padding-bottom: 16px;
	border-bottom: 1px solid currentcolor;
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: .17em;
	text-align: center;
}
.modal-voice_text {
	margin-top: 16px;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: .1em;
	text-align: justify;
	word-break: break-word;
}
.modal-voice_item[style] {
	/*-webkit-backface-visibility: hidden;
	backface-visibility: hidden;*/
	transition: opacity .4s;
}
.modal-voice_item:not(.is-selected) {
	opacity: .3;
}
@media screen and (max-width: 767px) {
	.modal-voice_container {
		padding: 80px 40px 100px;
	}
	.l-modal_adjust{
		top:auto;
		left:auto;
		transform:none;
		bottom:0;
	}
}
@media screen and (max-width: 480px) {
	.modal-voice_container {
		padding: 80px 20px 100px;
	}
	.modal-voice_title {
		text-align: left;
	}
	.modal-voice_title br {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.modal-voice_container {
		padding: 180px 40px 200px;
	}
	.modal-voice_title,
	.modal-voice_text {
		max-width: 650px;
		margin: 0 auto;
	}
	.modal-voice_title {
		font-size: 21px;
	}
	.modal-voice_text {
		margin-top: 40px;
		font-size: 16px;
	}
}

/* :::::: flickity :::::: */
.c-modal-voice .flickity-prev-next-button {
	opacity: .5;
	line-height: 1;
}
.c-modal-voice .flickity-prev-next-button.previous {
	left: 8px;
}
.c-modal-voice .flickity-prev-next-button.next {
	right: 8px;
}
.c-modal-voice .flickity-prev-next-button .flickity-button-icon {
	position: static;
	width: 24px;
	height: 24px;
	fill: none;
	stroke: #00bfff;
	stroke-width: 8;
}
@media screen and (max-width: 767px) {
	.c-modal-voice .flickity-prev-next-button {
		bottom: 60px;
		width: 32px;
		height: 32px;
	}
}
@media screen and (min-width: 768px) {
	.c-modal-voice .flickity-prev-next-button {
		bottom: 120px;
		width: 48px;
		height: 48px;
	}
	.c-modal-voice .flickity-prev-next-button.previous {
		left: calc(50% - 35vw);
	}
	.c-modal-voice .flickity-prev-next-button.next {
		right: calc(50% - 35vw);
	}
	.c-modal-voice .flickity-prev-next-button .flickity-button-icon {
		width: 38px;
		height: 38px;
	}
}


/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;padding:0;border:none;color:#333;background:none}.flickity-button:hover{cursor:pointer}.flickity-button:focus{outline:0}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}