@charset "UTF-8";
/*!
Theme Name: regina recruit
Author: Virginia
*/

@font-face {
	font-family: 'regina';
	src:  url('../fonts/regina.eot?tqlmtw');
	src:  url('../fonts/regina.eot?tqlmtw#iefix') format('embedded-opentype'),
	url('../fonts/regina.ttf?tqlmtw') format('truetype'),
	url('../fonts/regina.woff?tqlmtw') format('woff'),
	url('../fonts/regina.svg?tqlmtw#regina') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
		margin:0;
		padding:0;
		border:0;
		outline:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
}
html {
	scroll-behavior: smooth;
}
body {
		line-height:1;
		background: #fff;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,picture {
		display:block;
}

nav ul {
		list-style:none;
}

blockquote, q {
		quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
		content:'';
		content:none;
}

a {
		margin:0;
		padding:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
}
img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
ul {
	list-style: none;
}
/* change colours to suit your needs */
ins {
		background-color:#ff9;
		color:#000;
		text-decoration:none;
}

/* change colours to suit your needs */
mark {
		background-color:#ff9;
		color:#000;
		font-style:italic;
		font-weight:bold;
}

del {
		text-decoration: line-through;
}

abbr[title], dfn[title] {
		border-bottom:1px dotted;
		cursor:help;
}

table {
		border-collapse:collapse;
		border-spacing:0;
}

hr {
		display:block;
		padding:0;
}

input, select {
		vertical-align:middle;
}

/* all display
-------------------------------------------------- */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

html,body {
	font-family: 'Josefin Sans', 'Noto Sans JP', sans-serif;
	color: #323232;
	font-size: 3.75vw;
	font-weight: 400;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:none;
	letter-spacing: .2em;
}
body {
	min-height: 100%;
	margin-top: 70px;
}

a {
	color: #323232;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	display: inline-block;
	position: relative;
	word-break: break-all;
}
p > a:not(.btn) {
	color: #E6866D;
	text-decoration: underline;
}
p > a:not(.btn):hover {
	text-decoration: none;
}
i {
	font-family: 'regina' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.i-link:before {
	content: "\e90b";
  }
  .i-twitter:before {
	content: "\e90c";
  }
.i-access:before {
  content: "\e900";
}
.i-train:before {
  content: "\e901";
}
.i-tel:before {
  content: "\e906";
}
.i-official_site:before {
  content: "\e904";
}
.i-instagram:before {
  content: "\e905";
}
.i-plus:before {
  content: "\e903";
}
.i-minus:before {
  content: "\e902";
}
.i-arrow:before {
  content: "\e907";
}
.i-arrow_2px:before {
  content: "\e908";
}
.i-arrow_down:before {
  content: "\e909";
}
.i-play:before {
  content: "\e90a";
}
.i-search:before {
  content: "\e910";
}

h1,h2,h3,h4,h5,h6,p {
	line-height: 1.2666;
	vertical-align: middle;
}
p.left {
	text-align: left!important;
}
p.center {
	text-align: center!important;
}
picture {
	max-width: 100%;
}
img {
	width: 100%;
	height: auto;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.delay-0_5 {
	animation-delay: 0.5s!important;
}
.delay-1 {
	animation-delay: 1s!important;
}
.delay-1_5 {
	animation-delay: 1.5s!important;
}
.delay-2 {
	animation-delay: 2s!important;
}
.delay-2_5 {
	animation-delay: 2.5s!important;
}
.delay-3 {
	animation-delay: 3s!important;
}
.delay-3_5 {
	animation-delay: 3.5s!important;
}
.delay-4 {
	animation-delay: 4s!important;
}
.delay-4_5 {
	animation-delay: 4.5s!important;
}

@media screen and ( min-width: 1024px ) {
	html,body {
		font-size: 16px;
	}
	a, p {
		font-size: 16px;
	}
}

/* menu
-------------------------------------------------- */
#menu-toggle {
	width: 42px;
	height: 42px;
	position: fixed;
	cursor: pointer;
	top: .5vh;
	right: 6vw;
	z-index: 99;
}
#menu-toggle.on {
	z-index: 100;
}
#menu-toggle.on .one,
#menu-toggle.on .two,
#menu-toggle.on .three {
	background: #323232!important;
	opacity: 1;
}
#menu-toggle.on .one {
	-moz-transform: rotate(35deg) translate(7px, 10px);
	-ms-transform: rotate(35deg) translate(7px, 10px);
	-webkit-transform: rotate(35deg) translate(7px, 10px);
	transform: rotate(35deg) translate(7px, 10px);
	width: 110%;
}
#menu-toggle.on .two {
	opacity: 0!important;
}
#menu-toggle.on .three {
	-moz-transform: rotate(-35deg) translate(8px, -10px);
	-ms-transform: rotate(-35deg) translate(8px, -10px);
	-webkit-transform: rotate(-35deg) translate(8px, -10px);
	transform: rotate(-35deg) translate(8px, -10px);
	width: 110%;
}
#menu-toggle .one,
#menu-toggle .two,
#menu-toggle .three {
	width: 100%;
	height: 1px;
	background: #323232;
	margin: 12px auto;
	backface-visibility: hidden;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
#menu-toggle .three {
	margin-bottom: 6px;
}

#menu-toggle .menu {
	line-height: 12px;
}
#menu-toggle .menu::after {
	content: 'MENU';
	letter-spacing: .1em;
	font-size: 12px;
}
#menu-toggle.on .menu::after {
	content: 'CLOSE';
	letter-spacing: .1em;
	font-size: 12px;
	color: #323232!important;
}



@media screen and ( min-width: 480px ){

}
@media screen and ( min-width: 1024px ) {
	#menu-toggle {
		top: 20px;
		right: 50px;
	}
}

.top-menu {
	position: fixed;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 98;
	height: 100%;
	background-color: #FFF;
	overflow: hidden;
	top: 0;
	right: 0;
	width: 0;
}
.top-menu .top-menu-container {
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 1rem 8vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.top-menu .top-menu-container ul {
	position: relative;
	margin: 0;
	padding: 0;
	max-width: calc( 50% - 1em );
}
.top-menu .top-menu-container ul li {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 2rem;
	line-height: 1.8;
}
.top-menu .top-menu-container ul li:last-of-type {
	margin-bottom: 0;
}
.top-menu .top-menu-container ul li.current {
	color: #151515;
}
.top-menu .top-menu-container ul li a {
	color: #323232;
	position: relative;
	text-decoration: none;
	display: inline-block;
	line-height: 1.26;
	opacity: 0;
}
.top-menu .top-menu-container ul li a > span {
	display: inline-block;
	width: 100%;
	font-weight: 600;
	vertical-align: middle;
}
.top-menu .top-menu-container ul li a > span.jp {
	color: #999999;
	font-weight: 400;
	width: auto;
	font-size: .85em;
}
.top-menu .top-menu-container a::after {
	content: "";
	width: 0%;
	height: 1px;
	background-color: #999999;
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: all .25s linear;
}
.top-menu .top-menu-container a:hover::after {
	width: 100%;
}
.top-menu .top-menu-container .official-site {
	margin-top: 4rem;
	margin-bottom: 0;
	max-width: 100%;
	width: 100%;
}
.top-menu .top-menu-container .official-site li {
	text-align: left;
}
.top-menu .top-menu-container .official-site a {
	font-size: .85em;
}
.top-menu .top-menu-container ul.job-list {
	width: 100%;
	max-width: 100%;
	margin-top: 4rem;
}
.top-menu .top-menu-container ul.job-list li a.parent {
	pointer-events: none;
}
.top-menu .top-menu-container ul.job-list li ol li {
	padding-top: .5rem;
}
.top-menu .top-menu-container ul.job-list li ol li a {
	font-size: .8rem;
}
.top-menu .top-menu-container ul li ol li {
	padding-top: 1.5rem;
	margin-bottom: 0;
}

#gloval-nav {
	position: fixed;
	background-color: rgba(255,255,255,.7);
	z-index: 96;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	vertical-align: middle;
	margin: 0;
	padding: 2vh 6vw;
	top: 0;
	height: 70px;
}
#gloval-nav.scrolled {
	background-color: rgba(255,255,255,.7)!important;
}
#header-logo {
	width: 200px;
}

@media screen and ( min-width: 480px ){

}
@media screen and ( min-width: 1024px ) {
	body {
		margin-top: 95px;
	}
	#gloval-nav {
		height: 95px;
		padding: 20px 50px;
		justify-content: space-between;
	}
	.top-menu .top-menu-container {
		width: 860px;
		padding: 0;
	}
	.top-menu .top-menu-container ul li {
		margin-bottom: 50px;
		line-height: 1;
	}
	.top-menu .top-menu-container ul li a > span {
		width: 10em;
	}
	.top-menu .top-menu-container .official-site {
		margin-top: 60px;
		display: flex;
		justify-content: flex-end;
	}
	.top-menu .top-menu-container .official-site li {
		display: flex;
		width: 16.35em;
	}
	.top-menu .top-menu-container .official-site li a {
		font-size: 1em;
	}
	.top-menu .top-menu-container .official-site li a:not(:last-child) {
		margin-right: 1em;
	}
}


/* section
-------------------------------------------------- */
section {
	width: 100%;
	position: relative;
}
section .inner {
	margin: 0 auto;
	padding: 8vh 6vw;
}
section > .inner {
	max-width: 980px;
	width: 100%;
}
section > .left {
	text-align: left;
}
section > .center {
	text-align: center;
}
section > .right {
	text-align: right;
}
section > .inner > .left {
	display: flex;
	justify-content: flex-start;
}
section > .inner > .right {
	display: flex;
	justify-content: flex-end;
}
section > .inner.pbn {
	padding-top: 1rem;
	padding-bottom: 0;
}
section > .inner:nth-child(n+3) {
	padding-top: 0;
}
section h2 {
	margin: 0 auto;
	color: #E6866D;
	font-size: 1.15rem;
	display: block;
	text-align: center;
	margin-bottom: 4vh;
}
section h2.bl {
	color: #323232;
	font-size: 1.3rem;
}
section h3 {
	margin: 0 auto;
	color: #E6866D;
	font-size: 1.2rem;
	display: block;
	text-align: center;
}
section h3.bl {
	color: #323232;
	font-size: 1.3rem;
}
section p {
	line-height: 2;
	margin-bottom: 2em;
	font-size: 3.33vw;
}
section .inner p:last-child {
	margin-bottom: 0;
}
section .recruit-title {
	top: 1em;
	left: 6vw;
	position: absolute;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	line-height: 1;
	z-index: 3;
}
section .recruit-title > h1,
section .recruit-title > h2 {
	writing-mode: vertical-rl;
	color: #8F571A;
	font-weight: 400;
	white-space: nowrap;
	font-size: 1.4rem;
	line-height: 1;
	display: inline-block;
	margin: 0;
}
section .recruit-title > h1 {
	color: #FFF;
}
section .recruit-title > span {
	writing-mode: vertical-rl;
	color: #FFF;
	font-size: 1.1rem;
	padding-right: .25em;
	display: inline-block;
	position: relative;
	vertical-align: unset;
}
section .recruit-title hr {
	content: '';
	width: 1px;
	height: 3rem;
	margin: 1rem auto;
	display: inline-block;
	border: 0;
	background: #FFF;
}

section h1 {
	font-size: 2rem;
}
section .recruit-main-title {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-top: 2vh;
	margin-bottom: 12vh;
}
section .recruit-main-title h1,
section .recruit-main-title h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -40%);
	display: block;
	text-align: center;
	line-height: 1.2666;
	color: #323232;
	margin-bottom: 0;
	font-size: 1.4rem;
	width: 80%;
}
section .recruit-main-title h1 + picture,
section .recruit-main-title h2 + picture {
	overflow: hidden;
}
section .recruit-main-title h1 + picture img,
section .recruit-main-title h2 + picture img  {
	max-height: 150px;
	height: 100%;
	object-fit: contain;
}

section .list-title {
	border-bottom: dashed 1px #E6866D;
	text-align: left;
	padding: .5em 1em;
	position: relative;
	margin-bottom: 4vh;
	padding-top: 70px;
	margin-top: -70px;
}
section .list-title::before {
	content: '';
	display: block;
	background: #E6866D;
	width: 3px;
	height: .95em;
	position: absolute;
	left: 0;
}
dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 1rem;
}
dl dt {
	width: 100%;
	line-height: 1.8;
}
dl dd {
	width: 100%;
	line-height: 1.8;
}
.em {
	font-weight: 700;
}
.mb {
	margin-bottom: 6vh;
}
.sp {
	display: block;
}
.pc {
	display: none;
}
.txt2{
	opacity: 0;
}
p.small {
	font-size: 12px;
}
@media screen and ( min-width: 1024px ) {
	section > .inner {
		padding: 100px 0;
	}
	section h2 {
		font-size: 24px;
	}
	section h2.bl {
		font-size: 24px;
	}
	section h3 {
		font-size: 20px;
	}
	section .recruit-title {
		top: 15px;
		left: 50px;
	}
	section .recruit-title > h1,
	section .recruit-title > h2 {
		font-size: 28px;
	}
	section .recruit-main-title {
		margin-bottom: 60px;
	}
	section .recruit-main-title h1,
	section .recruit-main-title h2 {
		font-size: 32px;
	}
	section .list-title {
		border-bottom: dashed 1px #E6866D;
		text-align: left;
		padding: .5em 1em;
		position: relative;
		margin-bottom: 4vh;
		padding-top: 95px;
		/* margin-top: -95px; */
	}
	section p {
		font-size: 16px;
	}
	dl dt {
		width: 7em;
		font-size: 14px;
	}
	dl dd {
		font-size: 16px;
		width: calc(100% - 7em);
	}
	.mb {
		margin-bottom: 60px;
	}
	.sp {
		display: none;
	}
	.pc {
		display: block;
	}
	.pc-center {
		text-align: center;
	}
}


/* btn
-------------------------------------------------- */
a.btn {
	font-family: 'Josefin Sans', 'Noto Sans JP', sans-serif;
	width: 100%;
	max-width: 300px;
	display: block;
	border: 1px solid #E6866D;
	color: #E6866D;
	margin: 0 auto;
	padding: 1.2rem 1rem;
	position: relative;
	letter-spacing: 0.1em;
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	-webkit-transition: background 0.5s ease-in-out, border 0.5s ease-in-out;
	transition: background 0.5s ease-in-out, border 0.5s ease-in-out;
}
a.btn > span.arrow {
	position: relative;
	margin-left: 1em;
}
a.btn > span.arrow::before {
	display: inline-block;
	content: "";
	width: 3em;
	height: 1px;
	margin: 0 auto .2em;
	background: #E6866D;
}
a.btn > span.arrow::after {
	content: "";
	position: absolute;
	height: 1px;
	margin: auto 0;
	background: #E6866D;
	top: .45em;
	right: .18em;
	width: .5em;
	-webkit-transform: rotate(-140deg) translateX(-.5em) translateY(.45em);
	transform: rotate(-140deg) translateX(-.5em) translateY(.45em);
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
a.btn:hover {
	color: #FFF;
	background: #E6866D;
	border: 1px solid #E6866D;
}
a.btn:hover  > span.arrow::before {
	background: #FFF;
}
a.btn:hover  > span.arrow::after {
	background: #FFF;
}
a.btn.white {
	border: 1px solid #FFF;
	color: #FFF;
}
a.btn.white > span.arrow::before {
	background: #FFF;
}
a.btn.white > span.arrow::after {
	background: #FFF;
}
a.btn.white:hover {
	border: 1px solid #E6866D;
}
a.btn.bg {
	background: #E6866D;
	color: #FFF;
}
a.btn.bg > span.arrow::before {
	background: #FFF;
}
a.btn.bg > span.arrow::after {
	background: #FFF;
}
a.btn.bg:hover {
	color: #E6866D;
	background: transparent;
}
a.btn.bg:hover > span.arrow::before {
	background: #E6866D;
}
a.btn.bg:hover > span.arrow::after {
	background: #E6866D;
}
a.btn.big {
	max-width: 500px;
	font-size: 1.15rem;
	padding: 1.6em 1rem;
}
a.btn.small {
	max-width: 120px;
	font-size: .8rem;
	padding: .9rem 1rem;
	font-weight: 400;
}
a.btn.long {
	max-width: 500px;
}
a.btn.arrow::after {
	font-family: 'regina' !important;
	content: "\e908";
	font-size: .9em;
	position: absolute;
	right: 1em;
}
a.btn.round {
	border-radius: 2em;
}
a.btn.round::after {
	font-family: 'regina' !important;
	content: "\e907";
	font-size: .9em;
	position: absolute;
	right: 1em;
}
a.btn.disabled {
	pointer-events: none;
	border-color: #CCCCCC;
	background: #EDEDED;
	color: #323232;
}
a.btn.bl {
	color: #323232;
}
a.btn.bl:hover {
	color: #FFF;
}
section > .inner > .left a.btn {
	margin: 0;
}
section > .inner > .right a.btn {
	margin: 0;
}

/* footer
-------------------------------------------------- */
#footer {
	background: #B39271;
	padding: 10vh 0 calc( 6vh + 3.8em + 2vh );
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	position: relative;
}
#footer a {
	color: #FFFFFF;
}
#footer a:not(.btn)::after {
	content: "";
	width: 0%;
	height: 1px;
	background-color: #FFF;
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: all .25s linear;
}
#footer a:not(.btn):hover::after {
	width: 100%;
}
#footer > span {
	font-size: 8vw;
	font-weight: bold;
	display: block;
	width: 100%;
	color: #C1A88D;
	margin-bottom: .5em;
}
#footer > div.footer-copy {
	width: 100%;
	text-align: left;
	border-top: 1px solid #FFF;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 2vh 6vw;
	color: #F0E9E3;
}
#footer > div.footer-copy > div {
	width: 100%;
	text-align: center;
	margin-bottom: 2vh;
}
#footer > div.footer-copy > div:last-child {
	margin-bottom: 0;
	font-size: .8em;
}
#footer > div.footer-copy a {
	color: #F0E9E3;
}
#footer > ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 2vh 6vw;
}
#footer > ul li {
	width: 50%;
	margin-bottom: 2em;
}
#footer > ul li.mb-none {
	margin-bottom: 0;
}
#footer .job-list {
	width: 100%;
}
#footer .job-list ol {
	opacity: 1;
}
#footer .job-list ol li {
	width: 100%;
}
#footer .job-list ol li a{
	font-size: .8rem;
}

#footer > ul li ol li {
	padding-top: 1rem;
	margin-bottom: 0;
	list-style: none;
}
#footer-link {
	background-color: #FFF2E6;
}
#footer-link .inner {
	padding: 5vh 6vw;
	text-align: center;
}
#footer-link p {
	color: #E6866D;
	margin-bottom: 1em;
	font-weight: 700;
}

@media screen and ( min-width: 1024px ) {
	#footer {
		padding: 10vh 0 0;
	}
	#footer > span {
		font-size: 80px;
		margin-bottom: 0;
	}
	#footer > ul {
		padding: 20px 50px;
		justify-content: flex-end;
	}
	#footer > ul li {
		width: auto;
		margin-right: 2em;
		margin-bottom: 0;
	}
	#footer > ul li.job-list a.parent {
		
	}
	#footer > ul li.job-list ol {
		opacity: 0;
		transition: all .3s ease;
		
	}
	#footer > ul li.job-list ol {
		pointer-events: none;
	}
	#footer > ul li.job-list a:hover + ol,#footer > ul li.job-list ol:hover {
		opacity: 1;
	}
	#footer > ul li.job-list a:hover + ol li, #footer > ul li.job-list ol:hover {
		pointer-events: all;
	}
	#footer > ul li:last-child {
		margin-right: 0;
	}
	#footer > ul li a {
		font-size: 14px;
	}
	#footer > div.footer-copy {
		padding: 20px 50px;
		font-size: 12px;
	}
	#footer > div.footer-copy > div {
		width: 50%;
		text-align: left;
		margin: 0;
	}
	#footer > div.footer-copy > div:last-child {
		text-align: right;
	}
	#footer > div.footer-copy a {
		font-size: 12px;
	}
	#footer > ul li.job-list {
		width: auto;
	}
	#footer > ul li.job-list ol li {
		width: auto;
	}
}


/* FV
-------------------------------------------------- */
section#fv {
	width: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	position: relative;
}
section#fv > .inner {
	max-width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	background: rgba(71, 34, 12, 0.3);
}
section#fv video {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	background-size: cover;
	z-index: -1;
}

section#fv div#slider {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	background-size: cover;
	z-index: -1;
	margin: 0;
	left: 0;
	text-align: left;
	font-size: 0;
}
div#slider .slide_item {
	opacity: 0;
	transform: scale(1);
	transition: opacity 2s linear, transform 7.5s linear;
	position: relative;
	z-index: 1;
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left : 0;
}
div#slider .slide_item.first_ {
	opacity: 1;
}
div#slider .slide_item.show_ {
	opacity: 1;
}
div#slider .slide_item.zoom_ {
	transform: scale(1.1);
}
section#fv p {
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	margin: 0;
	letter-spacing: .1em;
}
section#fv p.entry-txt {
	color: #FFF;
	font-weight: 700;
	text-align: center;
	width: 72vw;
	font-family: 'Noto Sans JP', sans-serif;
}
section#fv p.entry-txt > span {
	opacity: 0;
	font-size: .832rem;
}
section#fv p.entry-txt > span.t {
	display: block;
	font-size: 6vw;
	line-height: 1.26;
	letter-spacing: .25em;
	margin-bottom: .75em;
	animation-delay: .1s;
}
section#fv p.entry-txt > span.p {
	animation-delay: .6s;
}
section#fv span.arrow {
	opacity: .9;
	color: #FFF;
	writing-mode: vertical-rl;
	position: absolute;
	right: 4vw;
	top: 50%;
	height: 100px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
section#fv span.arrow::before {
	content: "";
	position: absolute;
	height: 1px;
	margin: auto 0;
	background: #DDD;
	bottom: .4em;
	right: -.3em;
	width: .5em;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition-delay: .8s;
	opacity: 0;
}
section#fv span.arrow::after {
	display: inline-block;
	content: "";
	width: 1px;
	height: 0;
	margin: 0;
	background: #DDD;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition-delay: .8s;
	position: absolute;
	bottom: 0;
	left: -8px;
}
section#fv span.arrow.show::before {
	opacity: 1;
}
section#fv span.arrow.show::after {
	height: 2.5em;
}
section#fv span.arrow span{
	opacity: 0;
	display: table;
	transform: translate3d(0, 0px, 0);
	position: absolute;
	left: -15px;
	top: 0;
}
.fadeimg{
	transform: translateX(100%);
}
.f-txt,
.entry-txt,
.sub-msg span{
	opacity: 0;
}
.css-fade{
	animation-name: fade-in3;
	animation-duration: .3s;
	animation-timing-function: ease-out;
	animation-delay: .1s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
}

@keyframes fade-in3 {
	0% {
		opacity: 0;
		transform: translate3d(0, 50px, 0);
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
.css-fade-img{
	animation-name: fade-img;
	animation-duration: .3s;
	animation-timing-function: ease-out;
	animation-delay: .1s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
}

@keyframes fade-img{
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(0%);
	}
}
.bg-anime{
	-webkit-animation: bg-animation 100s linear infinite normal;
	animation: bg-animation 100s linear infinite normal;
}
.bg-anime2{
	-webkit-animation: bg-animation 100s -50s linear infinite normal;
	animation: bg-animation 100s -50s linear infinite normal;
}
@keyframes bg-animation{
	0%{
		-webkit-transform:translateX(-100%);
		transform:translateX(-100%);
	}
	25%{
		-webkit-transform:translateX(-50%);
		transform:translateX(-50%);
	}
	50%{
		-webkit-transform:translateX(0%);
		transform:translateX(0%);
	}
	100%{
		-webkit-transform:translateX(100%);
		transform:translateX(100%);
	}
}

.css-fade-txt{
	animation-name: txt-fade-in;
	animation-duration: .4s;
	animation-timing-function: ease-out;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
}

@keyframes txt-fade-in{
	0% {
		filter: blur(10px);
		opacity: 0;
	}
	100% {
		filter: blur(0px);
		opacity: 1;
	}
}
.entry-fade1{
	animation-name: fade-img1;
	animation-duration: .5s;
	animation-timing-function: ease-out;
	animation-delay: .1s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	height: 0;
	top: 0;
}

@keyframes fade-img1{
	0% {
		height: 0;
	}
	100% {
		height: 100%;
	}
}
.entry-fade2{
	animation-name: fade-img2;
	animation-duration: .5s;
	animation-timing-function: ease-out;
	animation-delay: .1s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
}

@keyframes fade-img2{
	0% {
		clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
	}
	100% {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}



section#top-news .news-list {
    text-align: left;
    margin-bottom: 6vh;
}
section#top-news .news-list li {
	margin-bottom: 1em;
    padding: 1em;
    border-bottom: 1px solid #DEDEDE;
    list-style: none;
}
section#top-news .news-list li span {
    display: block;
    margin-bottom: 1em;
}
section#top-news .news-list li a {
	display: block;
	padding: 0;
    color: #323232;
    text-align: left;
    text-decoration: none;
}
section#top-news a.btn {
	width: 50%;
	margin-right: 0;
	font-size: .8em;
}
section#top-news a.btn > span.arrow::before {
	width: 2.2em;
}
section#top-news a.btn > span.arrow::after {
	top: .42em;
}
@media screen and ( min-width: 1024px ) {
	section#top-news a.btn {
		margin: 0 auto;
		font-size: 1em;
	}
	section#top-news a.btn > span.arrow::before {
		width: 3em;
	}
	section#top-news a.btn > span.arrow::after {
		top: .45em;
	}
}

section#top-message {
	overflow: hidden;
}
section#fv .inner > a {
	display: none;
}
section#fv .recruit-title {
	top: calc( 70px + 1em );
}

@media screen and ( min-width: 1024px ) {
	section#fv {
		height: 700px;
	}
	section#fv span.arrow {
		right: 50px;
	}
	section#fv .inner > a {
		position: absolute;
		left: auto;
		right: 50px;
		bottom: 4vh;
		-webkit-transition: background 0.1s ease-in-out;
		transition: background 0.1s ease-in-out;
		background-color: transparent;
		border: none;
		border-radius: 0;
		color: #FFF;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width: 130px;
		height: 134px;
		margin: 0 auto;
		padding: 1.4em 1em;
		text-align: center;
	}
	section#fv .inner > a > span {
		z-index: 1;
	}
	section#fv .inner > a > span:last-child {
		margin-left: 0;
		font-size: .8em;
		margin-top: .5em;
	}
	section#fv .inner > a picture {
		position: absolute;
		display: block;
		overflow: hidden;
	}
	section#fv .recruit-title {
		top: calc( 95px + 1em );
	}
	section#fv p.entry-txt {
		font-size: 30px;
		width: 960px;
	}
	section#fv p.entry-txt > span.t {
		font-size: 50px;
		line-height: 1;
		letter-spacing: 10px;
	}
}

/* TOP PAGE
-------------------------------------------------- */
section .top-title {
	width: auto;
	display: inline-block;
	margin-bottom: 6vh;
}
section .top-title h2 {
	font-weight: 400;
	font-size: 3rem;
	display: inline-block;
	margin-bottom: .3em;
	color: #323232;
}
section .top-title h2 + span {
	font-size: 1rem;
	font-weight: 700;
	display: block;
	text-align: center;
	margin-bottom: 1em;
}
section .top-title::after {
	content: '';
	display: block;
	border-bottom: 1px solid #E6866D;
	width: 5.5em;
	margin: 0 auto;
}

.top-msg {
	font-size: 4.4vw;
	font-weight: 700;
	line-height: 2;
	margin-bottom: 6vh;
}
.bg-txt {
	color: rgba(50, 50, 50, .05);
	font-weight: 700;
	font-size: 11.5vw;
	letter-spacing: .1em;
	white-space: nowrap;
	position: absolute;
	z-index: -1;
	left: -0.3em;
	bottom: 10vh;
}


#top-interview {
	background-image: url(../img/recruit/top/data_bg_sp@2x.jpg);
	background-repeat: repeat-y;
	background-size: contain;
	background-position: -100vw top;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	z-index: -1;
}
#top-interview.show{
	background-position: -20vw top;
}
#top-interview .inner {
	padding-bottom: 0;
}
#top-interview .selector {
	display: flex;
	flex-wrap: wrap;
}
#top-interview .selector > div {
	width: 50%;
}
#top-interview .selector > div > a {
	width: 100%;
	height: 100%;
	position: relative;
	color: #FFF;
	display: block;
	overflow: hidden;
}
#top-interview .selector > div > a > picture {
	width: 100%;
	height: 100%;
}
#top-interview .selector > div > a > picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}
#top-interview .selector > div > a > h3 {
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: -0.2em;
	font-size: 5.6vw;
	letter-spacing: 0.2em;
	font-weight: 700;
	line-height: 0.5;
	opacity: 1;
	color: #FFF;
	-webkit-transition: opacity 0.2s ease-out, transform 0.2s ease-out;
	transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}
#top-interview .selector > div > a > p {
	opacity: 0;
	padding: 2vw;
	font-size: 4vw;
	font-weight: 700;
	line-height: 1.2;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	flex-direction: column;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	z-index: 2;
	bottom: 0;
	left: 0;
	-webkit-transition: opacity 1.0s ease-out 0.3s, background 0.5s linear;
	transition: opacity 1.0s ease-out 0.3s, background 0.5s linear;
	-webkit-font-smoothing: antialiased;
}
#top-interview .selector > div > a > p > span {
	font-size: .35em;
	font-weight: 400;
	display: block;
}
#top-interview .selector > div > a:hover > p {
	opacity: 1;
	background: rgba(230, 134, 109, 0.3);
}
#top-interview .selector > div > a:hover > h3 {
	opacity: 0;
	-moz-transform: translateY(.5em);
	-ms-transform: translateY(.5em);
	-webkit-transform: translateY(.5em);
	transform: translateY(.5em);
}
#top-interview .selector > div > a:hover > picture img {
	-webkit-transform: scale(1.05,1.05);
	-ms-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
	-webkit-filter: blur(3px);
	filter: blur(3px);
}
#top-interview .special {
	display: flex;
	flex-direction: columns;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
	background: rgba(179, 146, 113, .8);
	overflow: hidden;
}
#top-interview .special > div.inner {
	padding: 8vh 6vw;
	color: #FFF;
}
#top-interview .special > div.inner .recruit-main-title {
	margin-bottom: 3vh;
}
#top-interview .special > div.inner .recruit-main-title h2 {
	color: #FFF;
}
#top-interview .special > div.inner p {
	text-align: center;
	font-size: .8em;
}
#top-interview .special > picture {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#top-interview .special > picture > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


#top-data {
	background-image: url(../img/recruit/top/data_bg_sp@2x.jpg);
	background-repeat: repeat-y;
	background-size: contain;
	background-position: 100vw top;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	z-index: -1;
}
#top-data.show{
	background-position: 20vw top;
}
#top-data .inner > picture {
	margin: 0 auto;
	max-width: 632px;
	height: auto;
}
#top-data .top-data-view {
	padding: 14vw 0;
	position: relative;
	max-width: 632px;
	margin: 5rem auto;
}
#top-data .top-data-view .recruit-main-title {
	margin: 0;
}
#top-data .top-data-view .recruit-main-title > picture {
	width: 34vw;
}
#top-data .top-data-view > span {
	position: absolute;
	z-index: 2;
	color: #666666;
}
#top-data .top-data-view > span.one {
	font-size: 12vw;
	top: 0;
	left: 15%;
}
#top-data .top-data-view > span.two {
	font-size: 6vw;
	top: 10vw;
	right: 25%;
}
#top-data .top-data-view > span.three {
	font-size: 22vw;
	top: 22vw;
	left: 0;
}
#top-data .top-data-view > span.four {
	font-size: 10vw;
	top: 17vw;
	right: 0;
}
#top-data .top-data-view > span.five {
	font-size: 10vw;
	bottom: 0;
	left: 25%;
}
#top-data .top-data-view > span.six {
	font-size: 14vw;
	bottom: 0;
	right: 15%;
}
#top-benefits .selector {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#top-benefits .selector > div {
	width: 100%;
	position: relative;
	margin-bottom: 3em;
}
#top-benefits .selector > div > picture {
	width: calc( 100% - 1em );
	height: 100%;
	position: relative;
	overflow: hidden;
}
#top-benefits .selector > div > picture::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	mix-blend-mode: multiply;
	background-color: rgba(71, 34, 12, .5);
}
#top-benefits .selector > div > picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}
#top-benefits .selector > div >  div {
	position: absolute;
	top: 3em;
	left: 2em;
	width: calc( 100% - 3em );
}
#top-benefits .selector > div >  div > h3 {
	color: #FFF;
	text-align: left;
	margin-bottom: 1em;
}
#top-benefits .selector > div >  div > p {
	color: #FFF;
	font-size: .75em;
	text-align: left;
	width: calc( 100% - 2em );
}
#top-benefits .selector > div >  a {
	position: absolute;
	right: 0;
	bottom: -1em;
	opacity: 0.8;
	width: 65%;
}

#top-faq {
	position: relative;
	height: 500px;
}
#top-faq::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-color: rgba(71, 34, 12, .5);
	z-index: 0;
}
#top-faq > .inner {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
#top-faq .top-title h2,
#top-faq .top-title h2 + span,
#top-faq .inner p {
	color: #FFF;
}
#top-faq > .inner > .right {
	margin-top: 18vh;
}

@media screen and ( min-width: 1024px ) {
	section .top-title {
		margin-bottom: 60px;
	}
	section .top-title h2 {
		font-size: 64px;
		margin-bottom: 17px;
	}
	section .top-title h2 + span {
		margin-bottom: 24px;
	}
	.top-msg {
		font-size: 32px;
		margin-bottom: 60px;
	}
	.top-msg span{
		opacity: 0;
	}
	#top-interview,#top-data {
		background-image: url(../img/recruit/top/data_bg@2x.jpg);
	}
	#top-interview .selector > div {
		width: calc( 100%/3 );
		opacity: 0;
	}
	#top-interview .selector > div > a > h3 {
		font-size: 3.2vw;
	}
	#top-interview .special > div.inner {
		padding-left: 0;
		padding-right: 0;
	}
	#top-interview .special > div.inner .recruit-main-title h2 {
		font-size: 32px;
	}
	#top-interview .special > div.inner p {
		font-size: 13px;
	}

	#top-data .top-data-view {
		padding: 7rem 0;
		max-width: 632px;
		margin: 5rem auto;
	}
	#top-data .top-data-view .recruit-main-title > picture {
		width: auto;
	}
	#top-data .top-data-view > span.one {
		font-size: 5rem;
		top: 0;
		left: 18%;
	}
	#top-data .top-data-view > span.two {
		font-size: 2.5rem;
		top: 4.5rem;
		right: 30%;
	}
	#top-data .top-data-view > span.three {
		font-size: 10rem;
		top: 11rem;
		left: 0;
	}
	#top-data .top-data-view > span.four {
		font-size: 5.2rem;
		top: 8rem;
		right: 0;
	}
	#top-data .top-data-view > span.five {
		font-size: 4.5rem;
		bottom: .5rem;
		left: 25%;
	}
	#top-data .top-data-view > span.six {
		font-size: 6rem;
		bottom: 0;
		right: 15%;
	}

	#top-benefits .selector > div {
		width: calc( 50% - 1rem );
		margin-bottom: 0;
	}
	#top-benefits .selector > div > div > h3 {
		font-size: 24px;
	}
	#top-benefits .selector > div > div > p {
		width: 80%;
		font-size: 13px;
	}
	#top-benefits .selector > div >  a {
		width: calc( 50% + 1em );
	}

	#top-faq > .inner > .right {
		margin-top: 0;
	}
}

/* message
-------------------------------------------------- */
#recruit-message-body {
	position: relative;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}
#recruit-message-body > picture {
	width: 100%;
	max-height: 380px;
	overflow: hidden;
}
#recruit-message-body > div {
	width: 100%;
	padding: 6vh 0 0;
}
#recruit-message-body h2 {
	color: #323232;
	text-align: left;
}
#recruit-message-body .name {
	text-align: right;
	font-weight: 700;
	font-size: 1.1em;
	margin-bottom: 1em;
}
#recruit-message-body .sign {
	text-align: right;
	margin: 0;
}
#recruit-message-body .sign picture img {
	max-width: 310px;
	margin: 0;
}
#recruit-message .bg {
	position: relative;
}
#recruit-message .bg {
	content: '';
	background-color: #F7F7F7;
	z-index: -1;
	width: 100%;
	height: 100%;
	padding-top: 2em;
}
#personnel-department {
	padding-top: 0;
	max-width: 980px;
	width: 100%;
}
#personnel-department .title {
	position: relative;
	margin-bottom: 6vh;
	margin-right: -6vw;
	margin-left: -6vw;
}
#personnel-department .title h2 {
	background: #FFF;
	padding: 0.7em 1.4em;
	line-height: 1;
	color: #323232;
	margin: 0;
	margin-top: 2em;
	text-align: left;
}
#personnel-department h3 {
	color: #323232;
	text-align: left;
	margin-bottom: 1em;
	line-height: 2;
	font-size: 1.3rem;
}
#personnel-department .title picture {
	text-align: right;
}
#personnel-department .title picture img {
	width: calc( 100% - 6vw );
}
@media screen and ( min-width: 1024px ) {

	#recruit-message-body > picture {
		width: 50%;
		max-height: 630px;
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	}
	#recruit-message-body > div {
		width: 52%;
	}
	#recruit-message .bg {
		/*top: 100px;*/
	}
	#personnel-department {
		padding-right: 0;
		padding-left: 0;
	}
	#personnel-department .title {
		position: relative;
		margin-bottom: 40px;
		margin-right: 0;
		margin-left: 0;
	}
	#personnel-department .title h2 {
	}
	#personnel-department .title picture img {
		width: 80%;
		max-width: 720px;
	}
	#personnel-department h3 {
		font-size: 24px;
	}
}

/* interview
-------------------------------------------------- */
#recruit-interview .selector {
	display: flex;
	flex-wrap: wrap;
}
#recruit-interview .selector > div {
	opacity: 0;
	width: 100%;
}
#recruit-interview .selector > div > a {
	width: 100%;
	height: auto;
	position: relative;
	color: #FFF;
	display: block;
	margin-bottom: 2rem;
}
#recruit-interview .selector > div > a > div {
	width: 100%;
	height: 250px;
	overflow: hidden;
	position: relative;
}
#recruit-interview .selector > div > a > div picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
	mix-blend-mode: multiply;
}
/*
#recruit-interview .selector > div > a > div::before {
	content: '';
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(71, 34, 12, .5);
	-webkit-transition: opacity 1.2s ease-out;
	transition: opacity 1.2s ease-out;
}
*/
#recruit-interview .selector > div > a > div > h3 {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 6.5em;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.6;
	padding: 1em;
	color: #FFF;
	text-align: left;
}
#recruit-interview .selector > div > a > p {
	color: #323232;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: .85em;
	line-height: 1.8;
	display: block;
	width: 100%;
	margin: 1em 0 0;
}
#recruit-interview .selector > div > a:hover > div picture img {
	-webkit-transform: scale(1.05,1.05);
	-ms-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
	-webkit-filter: blur(3px);
	filter: blur(3px);
	z-index: -1;
}
#recruit-interview .selector > div > a:hover > div::before {
	opacity: .2;
}
#recruit-interview .special {
	display: flex;
	flex-direction: columns;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
	background: rgba(179, 146, 113, .8);
	overflow: hidden;
}
#recruit-interview .special a {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 4rem 1rem 1rem;
}
#recruit-interview .special h2 {
	text-align: left;
	color: #FFF;
	margin: 0 0 1em;
	font-size: 1rem;
}
#recruit-interview .special p {
	text-align: left;
	color: #FFF;
	margin: 0;
}
#recruit-interview .special picture {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#recruit-interview .special picture::before {
	content: '';
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(71, 34, 12, .5);
	-webkit-transition: opacity 1.2s ease-out;
	transition: opacity 1.2s ease-out;
}
#recruit-interview .special picture > img {
	width: 100%;
	height: 100%;
	mix-blend-mode: multiply;
	object-fit: cover;
}
#recruit-interview .special a:hover picture > img {
	-webkit-transform: scale(1.05,1.05);
	-ms-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
	-webkit-filter: blur(3px);
	filter: blur(3px);
	z-index: -1;
}

section[id^="recruit-interview-"] .title {
	width: 80%;
	margin: 0 0 0 auto;
}
section[id^="recruit-interview-"] .title p {
	position: absolute;
	bottom: .7rem;
	left: -.7rem;
	min-width: 32vw;
	background-color: rgba(245, 166, 143, .8);
	color: #FFF;
	padding: .7rem 1rem .7rem 1.4rem;
	line-height: 1.8;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: .832rem;
}
section[id^="recruit-interview-"] .title p span {
	display: block;
	width: 100%;
	font-size: 2rem;
	line-height: 1;
	letter-spacing: .15em;
	font-family: 'Josefin Sans', 'Noto Sans JP', sans-serif;
}
section[id^="recruit-interview-"] div.interview > div {
	width: 100%;
}
section[id^="recruit-interview-"] div.interview > div:nth-of-type(even) > picture {
	margin: 0 6vw;
}
section[id^="recruit-interview-"] div.interview > div:nth-of-type(odd) > picture {
	margin: 0 6vw;
}
section[id^="recruit-interview-"] div.interview > div > div {
	width: 100%;
}
section[id^="recruit-interview-"] div.interview > div > div > h2 {
	position: relative;
	text-align: left;
	color: #323232;
	line-height: 1.6;
	padding-bottom: .5em;
}
section[id^="recruit-interview-"] div.interview > div > div > h2::after {
	content: '';
	width: 40%;
	height: 1px;
	border-bottom: #E6866D solid 1px;
	bottom: 0;
	position: absolute;
	left: 0;
}
section[id^="recruit-interview-"] div.interview > div > div > h2:not(:first-child) {
	margin-top: 10vh;
}


section[id^="recruit-interview-"] div.schedule .recruit-main-title picture::before {
	padding-top: 12vh;
}

section[id^="recruit-interview-"] .other-interview {
	padding: 8vh 0 6vh;
	overflow-x: auto;
	width: calc( 100% + 6vw );
}
section[id^="recruit-interview-"] div.schedule > h3 {
	color: #323232;
}
section[id^="recruit-interview-"] .other-interview > div {
	width: 200%;
	padding-right: 6vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
section[id^="recruit-interview-"] .other-interview > div > a {
	width: calc( 100vw/3 );
	color: #323232;
}
section[id^="recruit-interview-"] .other-interview > div > a p {
	line-height: 1.8;
	margin-top: 1em;
	text-align: center;
	font-size: .8em;
}


#recruit-interview-specialtalk .specialtalk {
	padding-top: 6vh;
	max-width: 760px;
}
#recruit-interview-specialtalk .specialtalk-member {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 3em 0;
}
#recruit-interview-specialtalk .specialtalk-member > div {
	width: calc( (100%/3) - 1em );
}
#recruit-interview-specialtalk .specialtalk-member > div > picture {
	margin-bottom: 1em;
}
#recruit-interview-specialtalk .specialtalk-member > div > p {
	font-size: .8em;
	margin: 0;
	text-align: center;
}

#recruit-interview-specialtalk .specialtalk > h3 {
	color: #323232;
	text-align: left;
	line-height: 1.8;
	font-size: 1rem;
	margin-bottom: 2em;
}
#recruit-interview-specialtalk .specialtalk > h3::before {
	content: '――';
}
#recruit-interview-specialtalk .specialtalk > p[class^="specialtalk-member-"] {
	display: flex;
	align-items: center;
	font-family: 'Noto Sans JP', sans-serif;
	padding-left: calc( 18% + 1rem );
	background-repeat: no-repeat;
	background-size: 18%;
	background-position: left top;
	min-height: 17.5vw;
}
#recruit-interview-specialtalk .specialtalk > p.specialtalk-member-ks {
	background-image: url(../img/recruit/special_talk/k_s@2x.png);
}
#recruit-interview-specialtalk .specialtalk > p.specialtalk-member-km {
	background-image: url(../img/recruit/special_talk/k_m@2x.png);
}
#recruit-interview-specialtalk .specialtalk > p.specialtalk-member-tn {
	background-image: url(../img/recruit/special_talk/t_n@2x.png);
}

@media screen and ( min-width: 1024px ) {
	#recruit-interview .selector > div {
		width: calc( 100%/3 );
	}
	#recruit-interview .selector > div > a {
		margin-bottom: 50px;
	}
	#recruit-interview .special a {
		height: 250px;
		overflow: hidden;
	}
	#recruit-interview .special h2 {
		font-size: 24px;
		margin-bottom: .5em;
	}
	section[id^="recruit-interview-"] .title {
		width: 80%;
		margin: 0 0 0 auto;
	}
	section[id^="recruit-interview-"] .title p {
		width: auto;
		min-width: 180px;
		height: 130px;
	}
	section[id^="recruit-interview-"] .title p span {
		font-size: 40px;
	}
	section[id^="recruit-interview-"] div.interview > div {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	section[id^="recruit-interview-"] div.interview > div > div {
		order: 1;
		width: calc( 100% - 600px);
	}
	section[id^="recruit-interview-"] div.interview > div:nth-of-type(even) > picture {
		width: 600px;
		margin: 0 auto 0 0;
		order: 0;
	}
	section[id^="recruit-interview-"] div.interview > div:nth-of-type(even) > div {
		padding-right: calc( 50% - 490px );
		padding-left: 40px;
	}
	section[id^="recruit-interview-"] div.interview > div:nth-of-type(odd) > picture {
		width: 600px;
		margin: 0 0 0 auto;
		order: 2;
	}
	section[id^="recruit-interview-"] div.interview > div:nth-of-type(odd) > div {
		padding-left: calc( 50% - 490px );
		padding-right: 40px;
	}
	section[id^="recruit-interview-"] div.schedule {
		padding-top: 12vh;
	}
	section[id^="recruit-interview-"] div.schedule:last-child {
		padding-top: 0;
	}
	section[id^="recruit-interview-"] .other-interview {
		width: 100%;
	}
	section[id^="recruit-interview-"] .other-interview > div {
		width: 100%;
		padding-right:0;
	}
	section[id^="recruit-interview-"] .other-interview > div > a {
		width: calc( (100%/5) - .5em );
	}

	#recruit-interview-specialtalk .specialtalk-member {
		justify-content: space-around;
		width: 760px;
		margin: 80px auto;
	}
	#recruit-interview-specialtalk .specialtalk-member > div {
		width: 190px;
	}
	#recruit-interview-specialtalk .specialtalk > h3 {
		padding-left: calc( 80px + 3rem );
	}
	#recruit-interview-specialtalk .specialtalk > p[class^="specialtalk-member-"] {
		padding-left: calc( 80px + 3rem );
		background-size: 80px;
		min-height: 80px;
	}
}

.timeline_attention {
	margin-top: 2em;
}

.timeline {
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
}
.timeline > li:before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #323232;
	left: 30%;
	margin-left: -1px;
}
.timeline > li:last-child:before {
	height: 2rem;
}
.timeline > li {
	position: relative;
	padding: 2rem 1rem;
}
.timeline > li:first-child {
	padding-top: 0;
}
.timeline > li:nth-child(even) {
	background: #F7F7F7;
}
.timeline > li .timeline-tmtime {
	display: block;
	text-align: right;
	width: 25%;
	padding: 0;
	position: absolute;
	left: 0;
	top: 1.8rem;
}
.timeline > li:first-child .timeline-tmtime {
	top: -.1em;
}
.timeline > li .timeline-tmtime.time {
	font-size: 2rem;
}
.timeline > li .timeline-lbl {
	margin: 0 0 0 35%;
	position: relative;
	padding-left: 1em;
}
.timeline > li .timeline-lbl h3 {
	color: #323232;
	text-align: left;
	padding: 0;
	margin-bottom: 0;
}
.timeline > li .timeline-lbl h3+p {
	margin-top: 1em;
	margin-bottom: 0;
}
.timeline > li .timeline-tm {
	width: 12px;
	height: 12px;
	line-height: 24px;
	position: absolute;
	background: #323232;
	border-radius: 50%;
	text-align: center;
	left: 30%;
	top: 2rem;
	margin: 0 0 0 -6px;
}
.timeline > li:first-child .timeline-tm {
	top: 0;
}


div.schedule-timeline {

}
div.schedule-timeline .timeline {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
div.schedule-timeline .timeline > li {
	position: relative;
	padding: .9rem 1rem 1rem;
	background-color: transparent;
}
div.schedule-timeline .timeline > li:before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #E6866D;
	left: 30%;
	margin-left: -1px;
}
div.schedule-timeline .timeline > li:last-child:before {
	height: 50%;
}
div.schedule-timeline .timeline:first-child > li:last-child:before {
	height: 100%;
}
div.schedule-timeline .timeline:first-child > li:first-child {
	padding-top: 0;
}
div.schedule-timeline .timeline > li .timeline-tmtime {
	display: block;
	text-align: right;
	width: 20%;
	padding: 0;
	position: absolute;
	left: 0;
	top: .8rem;
}
div.schedule-timeline .timeline:first-child > li:first-child .timeline-tmtime {
	top: -.1em;
}
div.schedule-timeline .timeline > li .timeline-tmtime.time {
	font-size: 1.2rem;
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif;
}
div.schedule-timeline .timeline > li .timeline-lbl {
	margin: 0 0 0 35%;
	position: relative;
	padding-left: 1em;
}
div.schedule-timeline .timeline > li .timeline-lbl h3 {
	color: #323232;
	text-align: left;
	font-size: 1rem;
	font-weight: 400;
	padding: 0;
	margin-bottom: 0;
}
div.schedule-timeline .timeline > li .timeline-lbl h3+p {
	margin-top: 1em;
	margin-bottom: 0;
}
div.schedule-timeline .timeline > li .timeline-tm {
	width: 10px;
	height: 10px;
	line-height: 20px;
	position: absolute;
	background: #E6866D;
	border-radius: 50%;
	text-align: center;
	left: 30%;
	top: 1rem;
	margin: 0 0 0 -5px;
}
div.schedule-timeline .timeline:first-child > li:first-child .timeline-tm {
	top: 0;
}
@media screen and ( min-width: 1024px ) {

	.timeline_attention {
		padding-left: 53px;
	}
	div.schedule-timeline {
		display: flex;
		justify-content: space-around;
	}
	div.schedule-timeline .timeline {
		width: 400px;
	}
	div.schedule-timeline .timeline > li:first-child {
		padding-top: 0;
	}
	div.schedule-timeline .timeline:first-child > li:last-child:before {
		height: 50%;
	}
	div.schedule-timeline .timeline > li:last-child:before {
		height: 50%;
	}
	div.schedule-timeline .timeline > li:first-child .timeline-tmtime {
		top: -.1em;
	}
	div.schedule-timeline .timeline > li:first-child .timeline-tm {
		top: 0;
	}
}

/* data
-------------------------------------------------- */
#recruit-data .inner {
	max-width: 640px;
}
#recruit-data .inner p {
	text-align: left;
}
.recruit-data {
	border-bottom: 1px solid #CCCCCC;
	padding: 4vh 1rem;
	margin: 0;
}
.recruit-data.top {
	border-top: 1px solid #CCCCCC;
}
.recruit-data h3 {
	color: #323232;
	margin-bottom: 2em;
	font-size: 1.3rem;
}
.recruit-data > p {
	font-size: .75em;
	letter-spacing: 0;
	text-align: left;
	margin-top: 4vh;
}
.recruit-data-g {
	font-size: 4.4vw;
	display: flex;
	justify-content: center;
	align-items: baseline;
	line-height: 1.6rem;
}
.recruit-data-g > picture {
	margin-right: .65em;
}
.recruit-data-g > picture img {
	height: 3.5rem;
	width: auto;
}
.recruit-data-g > span {
	font-size: 6rem;
	vertical-align:bottom;
	display: inline-block;
}
.recruit-data-icon {

}
.recruit-data-list dl {

}
.recruit-data-list dl.one {
	display: flex;
	justify-content: space-between;
}
.recruit-data-list dl.other p {
	font-size: 1rem;
}
.recruit-data-list dl dt {
	width: 30%;
	text-align: right;
	line-height: 2.5rem;
	letter-spacing: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.recruit-data-list dl dd {
	width: 70%;
	padding-left: 2rem;
	text-align: left;
	line-height: 2.5rem;
	font-weight: 700;
}
.recruit-data-list dl dt span {
	font-size: 2.5rem;
	font-weight: 700;
	width: 1em;
	display: inline-block;
	text-align: center;
}
.recruit-data-list dl.one dd {
	font-size: 1.6rem;
}
.recruit-data-list dl.two dd {
	font-size: 1.5rem;
}
.recruit-data-list dl.three dd {
	font-size: 1.4rem;
}
.recruit-data-list dl.four dd {
	font-size: 1.3rem;
}
.recruit-data-list dl.five dd {
	font-size: 1.2rem;
}
.recruit-data-g > picture.recruit-data-picture {
	margin: 0;
	max-width: 300px;
}
.recruit-data-g > picture.recruit-data-picture img {
	width: 80%;
	height: auto;
}

.recruit-data-list.dtp dl {
	justify-content: center;
}
.recruit-data-list.dtp dl dt {
	width: 50%;
}
.recruit-data-list.dtp dd {
	line-height: 1;
	display: flex;
	align-items: center;
	width: 50%;
	font-weight: 400;
	padding-left: 1rem;
}
.recruit-data-list.dtp picture {
	margin: 0 0 0 auto;
}
.recruit-data-list.dtp picture img {
	height: auto;
	width: 100%;
}
.recruit-data-list.dtp dl.one dt picture {
	width: 8rem;
}
.recruit-data-list.dtp dl.one dd {
	font-size: 3.5rem;
}
.recruit-data-list.dtp dl.two dt picture {
	width: 7rem;
}
.recruit-data-list.dtp dl.two dd {
	font-size: 3rem;
}
.recruit-data-list.dtp dl.three dt picture {
	width: 6rem;
}
.recruit-data-list.dtp dl.three dd {
	font-size: 2.5rem;
}
.recruit-data-list.dtp dl.four dt picture {
	width: 5rem;
}
.recruit-data-list.dtp dl.four dd {
	font-size: 2rem;
}

.recruit-data-list.dtpt dl {
	margin-bottom: 2rem;
}
.recruit-data-list.dtpt dl:last-child {
	margin-bottom: 0;
}
.recruit-data-list.dtpt dl dt {
	width: 45%;
	line-height: 1;
	align-items: baseline;
}
.recruit-data-list.dtpt dl dt p {
	line-height: 1;
}
.recruit-data-list.dtpt dl dd {
	width: 55%;
	font-size: 1.15rem;
	padding-left: 1.5rem;
	display: flex;
	align-items: flex-end;
	line-height: 1.6;
}
.recruit-data-list.dtpt dl dt picture {
	margin: 0 0 0 auto;
}
.recruit-data-list.dtpt dl dt picture img {
	height: 2.8rem;
	width: 2.8rem;
	margin-right: 1rem;
}
.recruit-data-list.dtpt dl.other dt {
	font-size: 1.2rem;
	font-weight: 700;
	align-items: center;
}
.recruit-data-list.dtpt dl.other dd {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.4;
}

@media screen and ( min-width: 1024px ) {

	.recruit-data h3 {
		font-size: 32px;
		margin-bottom: 1.5em;
	}
	.recruit-data > p {
		text-align: center!important;
	}
	.recruit-data-list dl dt {
		width: 40%;
	}
	.recruit-data-list dl dd {
		width: 60%;
	}
	.recruit-data-list.dtp {
		display: flex;
		justify-content: space-between;
		max-width: 500px;
		margin: 0 auto;
	}
	.recruit-data-list.dtp picture {
		margin: 0 auto;
	}
	.recruit-data-list.dtp dl {
		flex-direction: column;
		margin: 0;
	}
	.recruit-data-list.dtp dl dt {
		height: 90px;
		width: 100%;
	}
	.recruit-data-list.dtp dl dd {
		width: 100%;
		padding: 0;
		justify-content: center;
		margin-top: 1rem;
	}
	.recruit-data-list.dtpt {
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.recruit-data-list.dtpt dl {
		justify-content: flex-start;
		flex-direction: column;
		margin: 0;
		width: calc( 100%/6 );
	}
	.recruit-data-list.dtpt dl dt {
		height: 90px;
		width: 100%;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.recruit-data-list.dtpt dl dd{
		width: 100%;
		padding: 0;
		justify-content: center;
		align-items: center;
		margin-top: 1rem;
		font-size: 1rem;
		font-weight: 400;
		text-align: center;
		line-height: 1.3666;
		letter-spacing: 0;
	}
	.recruit-data-list.dtpt dl dt picture {
		margin: 0;
	}
	.recruit-data-list.dtpt dl dt picture img {
		margin: 0 0 1rem;
	}
	.recruit-data-list.dtpt dl dt p {
		display: flex;
		justify-content: center;
		align-items: baseline;
	}
	.recruit-data-list.dtpt dl.other dd {
		font-size: 12px;
	}
	.recruit-data-g {
		font-size: 30px;
	}
}

/* benefit
-------------------------------------------------- */
.benefit {
	display: flex;
	flex-wrap: wrap;
}
.benefit-box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.benefit-box > div {
	width: 100%;
	border-top: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	padding: 1.5rem 1rem;
}
.benefit-box > div:last-child {
	border-bottom: 1px #CCCCCC solid;
}
.benefit-box:not(:first-child) > div:first-child {
	border-top: 0;
}
.benefit-box > div > h3 {
	color: #323232;
	text-align: left;
	margin-bottom: 1rem;
}
.benefit-box > div > h3 > picture {
	height: 2em;
	width: 2em;
	display: inline-block;
}
.benefit-box > div > h3 > picture img {
	height: 100%;
	width: 100%;
}
.education-link {
	background-image: url(../img/recruit/benefit/education_bg_sp@2x.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
	padding: 0;
	position: relative;
}
.education-link::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-color: rgba(71, 34, 12, .3);
	z-index: 0;
}
.education-link .inner {
	position: relative;
	z-index: 1;
	padding: 10vh 6vw;
}
.education-link .inner h2 {
	color: #FFF;
	font-size: 1.45rem;
}

@media screen and ( min-width: 1024px ) {
	#recruit-benefit .inner > p{
		text-align: center;
	}
	.benefit-box {
		width: 50%;
	}
	.benefit-box:not(:first-child) {
		margin-top: 3rem;
	}
	.benefit-box:not(:first-child) > div:first-child {
		border-top: 1px #CCCCCC solid;
	}
	.benefit-box > div {
		padding: 2rem 1.5rem;
	}
	.benefit-box > div p {
		font-size: 14px;
	}
	.education-link {
		background-image: url(../img/recruit/benefit/education_bg@2x.jpg);
		background-position: center;
	}
}


/* qa
-------------------------------------------------- */
.accordion {
	width: 100%;
}
.accordion:first-of-type {
	border-top: rgba(153, 153, 153, .5) 1px solid;
}
.accordion > .cont {
	padding: 1rem;
	display: none;
	background-color: #FFF;
	line-height: 1.4;
	border-bottom: rgba(153, 153, 153, .5) 1px solid;
}
.accordion > .cont > p {
	margin: 0;
}
.accordion > .cont > p a {
	color: #E6866D;
}
.accordion .title {
	cursor: pointer;
	position: relative;
	padding: 1rem;
	font-weight: 700;
	border-bottom: rgba(153, 153, 153, .5) 1px solid;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.accordion .title::before,
.accordion .title::after {
	content: '';
	display: block;
	position: absolute;
	font-size: 1rem;
	transform-origin: 50% 50%;
	transition: all 0.25s ease-out;
}
.accordion .title::before {
	top: 1rem;
	content: 'Q';
	font-size: 1.3em;
	font-weight: 400;
}
.accordion .title::after {
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	font-family: 'regina' !important;
	content: "\e903";
}
.accordion .title.active:before {

}
.accordion .title.active:after {
	transform: rotate(-180deg) translateY(50%);
	content: "\e902";
}
.accordion .title p {
	width: 100%;
	padding-left: 2.5em;
	padding-right: 2.1rem;
	line-height: 1.4;
	margin-bottom: 0;
}

@media screen and ( min-width: 1024px ) {
	.accordion > .cont {
		padding: 2rem;
	}
	.accordion .title {
		padding: 2rem;
	}
	.accordion .title::before {
		font-size: 1.6em;
		top: 50%;
		transform: translateY(-50%);
	}
	.accordion .title::after {
		right: 2rem;
	}
}

/* education
-------------------------------------------------- */
div.education-timeline {
	margin-bottom: 6vh;
}
h2.education-timeline-title {
	margin-bottom: 0;
}
h2+div.education-timeline {
	padding-top: .1rem;
}
div.education-timeline .timeline {
	margin-right: -6vw;
	margin-left: -6vw;
}
div.education-timeline .timeline > li {
	margin: 8rem 0 0;
	padding: 0 1.5rem 2rem 2rem;
}
div.education-timeline .timeline.rv > li {
	background: #F7F7F7;
}
div.education-timeline .timeline.rv > li:nth-child(even) {
	background: #FFF;
}
div.education-timeline .timeline > li:before {
	height: calc( 100% + 8rem );
	left: 2rem;
}
div.education-timeline .timeline > li:last-child:before {
	height: 0;
}
div.education-timeline .timeline > li .timeline-lbl {
	margin: 0 0 0 2rem;
	position: relative;
	padding-left: 0;
}
div.education-timeline .timeline > li .timeline-lbl h3 > span::before {
	content: '｜';
	margin: 0 .2em;
	line-height: 1;
}
div.education-timeline .timeline > li .timeline-lbl h3+p {
	text-align: left;
}
div.education-timeline .timeline > li .timeline-tm {
	top: 0;
	left: 2rem;
}
div.education-timeline .timeline > li .timeline-tmtime.time {
	position: absolute;
	width: 100%;
	height: 8rem;
	top: -8rem;
	padding: 0 1rem 1.2rem;
	margin: 0 auto;
	text-align: center;
	left: 0;
	right: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
div.education-timeline .timeline.rv > li .timeline-tmtime.time {
	background: #F7F7F7;
}
div.education-timeline .timeline > li:nth-child(even) .timeline-tmtime.time {
	background: #F7F7F7;
}
div.education-timeline .timeline.rv > li:nth-child(even) .timeline-tmtime.time {
	background: #FFF;
}
div.education-timeline .timeline > li .timeline-tmtime.time > div {
	display: inline-block;
	position: relative;
	padding: .7em 0 0 1.3em;
}
div.education-timeline .timeline > li .timeline-tmtime.time > div h3 {
	color: #323232;
	font-size: 2rem;
	font-weight: 400;
	position: relative;
	z-index: 1;
}
div.education-timeline .timeline > li .timeline-tmtime.time > div span {
	font-size: 1.3em;
}
div.education-timeline .timeline > li .timeline-tmtime.time > div picture {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
div.education-timeline .timeline > li .timeline-tmtime.time > div picture img {
	height: 1.9em;
	width: 100%;
	object-fit: contain;
}
@media screen and ( min-width: 1024px ) {
	div.education-timeline .timeline {
		margin: 0;
	}
	h2+div.education-timeline {
		padding: 0;
	}
	div.education-timeline .timeline > li .timeline-tmtime.time {
		display: block;
		text-align: right;
		width: calc( 40% - 3rem );
		height: auto;
		padding: 0;
		position: absolute;
		left: 0;
		top: 1.5rem;
		height: auto;
		right: auto;
	}
	div.education-timeline .timeline > li {
		margin: 0;
		padding: 4rem 2rem;
	}
	div.education-timeline .timeline > li:before {
		left: 40%;
		top: 4rem;
		height: 100%;
	}
	div.education-timeline .timeline > li .timeline-tm {
		left: 40%;
		top: 4rem;
	}
	div.education-timeline .timeline > li .timeline-lbl {
		margin: 0 0 0 calc( 40% + 3rem );
		width: 410px;
	}
	div.education-timeline .timeline > li .timeline-lbl h3 {
		font-size: 24px;
	}
	div.education-timeline .timeline > li .timeline-tmtime.time > div h3 {
		font-size: 40px;
	}
	div.education-timeline .timeline > li .timeline-tmtime.time > div picture img {
		height: auto;
	}
}


/* job list
-------------------------------------------------- */
h2.rebody, h3.rebody{
	color: #E59A15;
}
.list-title.rebody{
	border-color: #E59A15;
}
.list-title.rebody::before{
	background: #E59A15;
}
.recruit-biz-type-menu .list li:not(:last-of-type){
	margin-bottom: 1rem;
}
.recruit-biz-type-menu .list li a{
	max-width: initial;
}
.recruit-biz-type-menu .list li a::after{
	font-family: 'regina' !important;
    content: "\e909";
    font-size: .8em;
	font-weight: normal;
    position: absolute;
    right: 1em;
}
.recruit-biz-type-menu .list li.rebody a{
	color: #E59A15;
	border-color: #E59A15;
}
.recruit-biz-type-menu .list li.rebody a::after{
	color: #E59A15;
}
.recruit-biz-type-menu .list li.rebody a:hover{
	background: #E59A15;
	color: #fff;
}
.recruit-biz-type-menu .list li.rebody a:hover::after{
	color: #fff;
}
.biz-type{
	padding-top: 70px;
	margin: -10vh 0 4vh;
}
.biz-type b{
	background: #E6866D;
	color: #fff;
	text-align: center;
	padding: 1rem;
	display: block;
}
.biz-type#clinic_rebody b{
	background: #E59A15;
}
.recruit-careers-menu {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.recruit-careers-menu > a {
	width: 100%;
	max-width: 100%;
	text-align: left;
	padding-left: 1.5em;
	margin-bottom: 1rem;
}
.recruit-clinic-menu {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.recruit-clinic-menu > a {
	border: 1px solid #FAF6F2;
	background: #FAF6F2;
	color: #323232;
	font-weight: 400;
	line-height: 1.4;
	width: calc( 50% - .5rem );
	max-width: 100%;
	margin: 0 0 1rem;
	display: flex;
    justify-content: center;
    align-items: center;
}
.recruit-clinic-menu > a::after {
	font-family: 'regina' !important;
	content: "\e909";
	font-size: .8em;
	position: absolute;
	right: 1em;
}
.recruit-clinic-menu > a:hover {
	border: 1px solid #FAF6F2;
	background: transparent;
	color: #ccc;
}
.recruit-clinic-menu > a b {
	font-weight: normal;
}

.recruit-clinic-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.recruit-clinic-list > div {
	width: 100%;
	margin-bottom: 6vh;
	padding-top: 70px;
	margin-top: -70px;
}
.recruit-clinic-list .apply_clinic_header {
	background: #F9E1DA;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem;
	color: #323232;
	position: relative;
}
.recruit-clinic-list.rebody .apply_clinic_header{
	background: #f8e6c4;
}
.recruit-clinic-list > div > div.body {
	width: 100%;
	padding: 2rem 1rem;
	border-right: 1px solid #F9E1DA;
	border-left: 1px solid #F9E1DA;
	border-bottom: 1px solid #F9E1DA;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.recruit-clinic-list > div > div.body > div {
	width: calc( (100%/2) - .5rem );
	text-align: center;
}
.recruit-clinic-list > div > div.body > div:nth-last-of-type(n+3) {
	margin-bottom: 2rem;
}
.recruit-clinic-list > div > div.body > div > span {
	font-weight: 700;
	display: block;
	margin-bottom: 1rem;
	font-size: .82em;
}
.recruit-clinic-list > div > div.body > div > a {
	position: relative;
	z-index: 3;
	max-width: initial;
}
.recruit-clinic-list.rebody > div > div.body > div > a:not(.disabled){
	border-color: #E59A15;
}
.recruit-clinic-list.rebody > div > div.body > div > a:not(.disabled):hover{
	background: #E59A15;
}
@media screen and ( min-width: 1024px ) {
	.recruit-biz-type-menu .list{
		display: flex;
		justify-content: space-between;
		max-width: 660px;
		margin: 0 auto;
	}
	.recruit-biz-type-menu .list li{
		width: 48.5%;
	}
	.biz-type{
		padding-top: 95px;
		margin-top: -150px;
	}
	.recruit-careers-menu > a {
		width: calc( 100%/3 );
		max-width: 100%;
		text-align: center;
		padding: 1rem;
		margin-bottom: 0;
	}
	.recruit-careers-menu > a:not(:last-child) {
		border-bottom: 1px solid #E6866D;
	}
	.recruit-careers-menu > a:nth-child(2) {
		border-right: 0;
		border-left: 0;
	}
	.recruit-clinic-menu {
		justify-content: flex-start;
	}
	.recruit-clinic-menu > a {
		width: calc( ( 100%/4 ) - (16px*3)/4  );
		margin-bottom: 16px;
		margin-right: 16px;
		max-width: 100%;
	}
	.recruit-clinic-menu > a:nth-child(4n) {
		margin-right: 0;
	}
	.recruit-clinic-list > div {
		width: calc( (100%/2) - 12px );
		margin-bottom: 24px;
		padding-top: 95px;
		margin-top: -95px;
	}
	.recruit-clinic-list > div.fade{
		opacity: 0;
	}
}

.modal {
	opacity: 0;
	padding: 3rem 1rem;
	position: absolute;
	z-index: 9999;
	background-color: #FFFFFF;
	-webkit-transition: opacity 600ms linear 600ms;
	-moz-transition: opacity 600ms linear 600ms;
	-ms-transition: opacity 600ms linear 600ms;
	-o-transition: opacity 600ms linear 600ms;
	transition: opacity 600ms linear 600ms;
	max-width: 100%;
	max-height: 100vh;
	overflow-y: auto;
}
.modal-content {
	width: 100%;
	height: 100%;
}
body#front-recruit {
	margin-top: 0;
}
body#front-recruit .modal {
	overflow: hidden;
	max-width: 100%;
	width: 100vw!important;
	height: 100vh!important;
	padding: 3rem 1rem 1rem!important;
}
body#front-recruit #gloval-nav {
	background-color: transparent;
}
body#front-recruit #menu-toggle .one,
body#front-recruit #menu-toggle .two,
body#front-recruit #menu-toggle .three {
	background: #FFF;
	opacity: .9;
}
body#front-recruit #menu-toggle .menu::after {
	color: #FFF;
	opacity: .9;
}
body#front-recruit #menu-toggle.scrolled .one,
body#front-recruit #menu-toggle.scrolled .two,
body#front-recruit #menu-toggle.scrolled .three {
	background: #323232!important;
}
body#front-recruit #menu-toggle.scrolled .menu::after {
	color: #323232!important;
}


#player iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.modal-info {
	display: none;
}
.modal-title {
	display: flex;
	flex-wrap: wrap;
}
.modal-title > div {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.1rem;
	padding: .8rem 1rem;
	position: relative;
	overflow: hidden;
}
.modal-title > div > span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	color: #EAEAEA;
	font-size: 1.8em;
	font-weight: 400;
	text-transform: uppercase;
}
.modal-body {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 1rem 0 0;
}
.modal-body > picture {
	width: 100%;
	padding-bottom: 1rem;
}
.modal-body > div {
	width: 100%;
	padding-left: 1rem;
	position: relative;
}
.modal-overlay {
	background: rgba(0, 0, 0, 0.5);
	bottom: 0;
	left: 0;
	opacity: 0;
	overflow: auto;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 97;
	-webkit-transition: opacity 200ms linear;
	-moz-transition: opacity 200ms linear;
	-ms-transition: opacity 200ms linear;
	-o-transition: opacity 200ms linear;
	transition: opacity 200ms linear;
}
.modal.display,
.modal-overlay.display {
	opacity: 1;
	visibility: visible;
}
button.modal-close {
	background-color: transparent;
	border: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	outline: none;
	width: 2rem;
	height: 2rem;
	position: absolute;
	right: 1rem;
	top: 1rem;
	-webkit-transition: -webkit-transform 600ms;
	-moz-transition: -moz-transform 600ms;
	-ms-transition: -ms-transform 600ms;
	-o-transition: -o-transform 600ms;
	transition: transform 600ms;
}
button.modal-close:hover {
	-webkit-transform: rotate(360deg) scale(1.10);
	-moz-transform: rotate(360deg) scale(1.10);
	-ms-transform: rotate(360deg) scale(1.10);
	-o-transform: rotate(360deg) scale(1.10);
	transform: rotate(360deg) scale(1.10);
	-webkit-transition: -webkit-transform 600ms;
	-moz-transition: -moz-transform 600ms;
	-ms-transition: -ms-transform 600ms;
	-o-transition: -o-transform 600ms;
	transition: transform 600ms;
}

button.modal-close span,
button.modal-close span:before,
button.modal-close span:after {
	background: #323232;
	content: '';
	cursor: pointer;
	display: block;
	height: 2px;
	position: absolute;
	width: 2rem;
}
button.modal-close span:first-child {
	background: none;
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
}
button.modal-close span:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
button.modal-close span:after {
	-webkit-transform: translateY(-2px) rotate(-45deg);
	-moz-transform: translateY(-2px) rotate(-45deg);
	-ms-transform: translateY(-2px) rotate(-45deg);
	-o-transform: translateY(-2px) rotate(-45deg);
	transform: translateY(-2px) rotate(-45deg);
	top: 2px;
}
.modal-body > div.modal-footer {
	padding: 0;
	margin: 2rem auto 3rem;
}
@media screen and ( min-width: 1024px ) {
	.modal {
		padding: 50px 40px;
		max-width: 980px;
		max-height: 100%;
		height: auto!important;
		overflow-y: hidden;
	}
	body#front-recruit .modal {
		padding: 3rem!important;
	}
	.modal-title > div {
		width: 50%;
	}
	.modal-title > div:first-child {
		border-right: 1px solid #323232;
	}
	.modal-body {
		padding-top: 2rem;
	}
	.modal-body > picture {
		width: 50%;
		padding-right: 1rem;
		padding-bottom: 0;
	}
	.modal-body > div {
		width: 50%;
		padding-left: 1rem;
	}
	.modal-body > div.modal-footer {
		padding: 0;
		margin: 6vh auto 0;
	}
}

/* careers
-------------------------------------------------- */
.underborder {
	padding: 0 0 8vh;
	border-bottom: 1px solid #CCCCCC;
}
.recruit-careers-table {
}
.recruit-careers-table thead th {
	background-color: #EDEDED;
	padding: 1.2em 1em;
}
.recruit-careers-table thead th h2 {
	margin-bottom: 0;
	font-size: 1.15rem;
	color: #323232;
}
.recruit-careers-table tbody tr {
	border-bottom: 1px solid #CCCCCC;
}
.recruit-careers-table tbody tr th,
.recruit-careers-table tbody tr td {
	padding: 1.5rem 0;
	line-height: 1.6;
	font-family: 'Noto Sans JP', sans-serif;
}
.recruit-careers-table tbody tr th {
	width: 6.8em;
	text-align: left;
}
.recruit-careers-table tbody tr td {
	width: calc( 100% - 6.8em);
	padding-left: 1rem;
	line-height: 2;
	margin-bottom: 2em;
	font-size: 3.33vw;
}
.recruit-careers-table tbody tr td ul {
	list-style: disc;
	padding: 0 0 0 1em;
}
.recruit-careers-flow {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 6vh;
}
.recruit-careers-flow > div {
	border: 1px solid #E6866D;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	line-height: 1;
	height: 11rem;
}
.recruit-careers-flow > div span {
	color: #E6866D;
	font-size: 1.15rem;
	margin-bottom: 1rem;
	font-weight: 700;
}
.recruit-careers-flow > div p {
	writing-mode: vertical-rl;
	line-height: 1;box-sizing: border-box;
	letter-spacing: .5em;
	font-weight: 700;
	font-size: 1.05rem;
	padding-right: .5em;
}
span.flowarrow {
	position: relative;
}
span.flowarrow::before {
	display: inline-block;
	content: "";
	width: 2.5em;
	height: 2px;
	margin: 0 auto .2em;
	background: #E6866D;
}
span.flowarrow::after {
	content: "";
	position: absolute;
	height: 2px;
	margin: auto 0;
	background: #E6866D;
	top: .3em;
	right: .18em;
	width: .5em;
	-webkit-transform: rotate(-140deg) translateX(-.5em) translateY(.45em);
	transform: rotate(-140deg) translateX(-.5em) translateY(.45em);
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
.recruit-careers-interview > a {
	border: solid #CCCCCC 1px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	min-height: 100px;
	height: 7rem;
	margin-bottom: 1rem;
}
.recruit-careers-interview > a:last-child {
	margin-bottom: 0;
}
.recruit-careers-interview > a > picture {
	width: 35%;
	height: 100%;
}
.recruit-careers-interview > a > picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.recruit-careers-interview > a > p {
	width: 65%;
	padding: 0 0 0 2rem;
	color: #323232;
	font-size: .832rem;
	font-weight: 700;
	margin: 0;
}

.recruit-careers-interview > a > span.arrow {
	position: absolute;
	right: 2rem;
	margin-left: 1em;
}
.recruit-careers-interview > a > span.arrow::before {
	display: inline-block;
	content: "";
	width: 3em;
	height: 1px;
	margin: 0 auto .2em;
	background: #323232;
}
.recruit-careers-interview > a > span.arrow::after {
	content: "";
	position: absolute;
	height: 1px;
	margin: auto 0;
	background: #323232;
	top: .45em;
	right: .18em;
	width: .5em;
	-webkit-transform: rotate(-140deg) translateX(-.5em) translateY(.45em);
	transform: rotate(-140deg) translateX(-.5em) translateY(.45em);
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}

@media screen and ( min-width: 1024px ) {
	.recruit-careers-table {
		border: 1px solid #CCCCCC;
		margin: 0 auto;
		width: 100%;
	}
	.recruit-careers-table tbody tr th,
	.recruit-careers-table tbody tr td {
		padding: 2rem;
	}
	.recruit-careers-table tbody tr th {
		width: 300px;
	}
	.recruit-careers-table tbody tr td {
		width: calc( 100% - 300px );
		font-size: 16px;
	}
	.recruit-careers-table tbody tr td a {
		margin: 0 auto 0 0;
	}
	.recruit-careers-flow > div {
		width: 106px;
		height: 320px;
		padding: 60px 0;
	}
	.recruit-careers-flow > div p {
		font-size: 20px;
		letter-spacing: .8em;
	}
	.recruit-careers-flow > div span {
		font-size: 32px;
		font-weight: 400;
	}
	span.flowarrow::before {
		width: 80px;
	}
	.recruit-careers-interview {
		display: flex;
		justify-content: center;
	}
	.recruit-careers-interview > a {
		width: 480px;
		height: 142px;
		margin-right: 1rem;
	}
	.recruit-careers-interview > a:nth-child(2n) {
		margin-right: 0;
	}
	.recruit-careers-interview > a > picture {
		width: 190px;
	}
	.recruit-careers-interview > a > p {
		width: calc( 100% - 190px );
	}
}

/* application
-------------------------------------------------- */
.recruit-application {
}
.recruit-application dl {
	border-top: 1px solid rgba(214, 125, 103, .5);
	padding: 2em 0;
	margin: 0;
}
.recruit-application dl dt {
	font-weight: 700;
	margin-bottom: .5em;
}
.recruit-application dl dt:not(.annotation)::after {
	font-family: -apple-system, auto;
	letter-spacing: 0;
	content: '必須';
	color: #FFF;
	font-size: .8em;
	padding: .1em .5em;
	background-color: #E6866D;
	border-radius: 3px;
	margin-left: .5em;
}
input[type='text'], input[type='tel'],
input[type='email'],
select, textarea {
	width: 100%;
	max-height: 300px;
	padding: 1em;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	background-color: #FFFBF7;
	font-size: 16px;
}
input::placeholder,
input[type='tel']::placeholder,
input[type='email']::placeholder,
select::placeholder,
textarea::placeholder {
	color: #CCCCCC;
}
.birth-flex {
	display: flex;
	justify-content: space-between;
}
.birth-flex > div {
	width: calc( 100%/3 );
}
.birth-flex > div > span {
	width: 100%;
	font-size: .8rem;
}
.birth-flex > div select {
	width: calc( 100% - 1.6em );
	margin-right:  .2em;
}
.wpcf7-form-control-wrap.nen::after {
	content: '年';
}
.wpcf7-form-control-wrap.tsuki::after {
	content: '月';
}
.wpcf7-form-control-wrap.nichi::after {
	content: '日';
}
#recruit-application div.screen-reader-response{
	display: none;
}
.recruit-application > p {
	margin: 2em 0;
}
.recruit-application > p > a {
	color: #1AA8DB;
	text-decoration: underline;
}
.recruit-application > p > a:hover {
	text-decoration: none;
}
.recruit-application .acceptance {
	border: 1px solid #999999;
	padding: 2rem;
	height: 260px;
	overflow-y: auto;
	margin-bottom: 3rem;
}
.recruit-application .acceptance h3 {
	color: #323232;
	font-size: .9rem;
	margin-bottom: 1em;
}
.recruit-application .acceptance h4 {
	color: #323232;
	font-size: .85rem;
	margin-bottom: 1em;
}
.recruit-application .acceptance p {
	font-size: .85rem;
}
.wpcf7-form-control-wrap.form-acceptance,
.wpcf7-acceptance {
	width: 100%;
	display: block;
}
.wpcf7-form-control-wrap.form-acceptance span.wpcf7-list-item {
	margin: 0 auto;
	display: block;
}
.wpcf7-acceptance .wpcf7-list-item label {
	width: 100%;
	border: 1px solid #999999;
	display: block;
	padding: 1rem;
	text-align: center;
	font-size: 16px;
}
.wpcf7-acceptance .wpcf7-list-item input[type="checkbox"] {
	opacity:0;
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
}
.wpcf7-acceptance .wpcf7-list-item input[type="checkbox"] + span::before {
	display: inline-block;
	vertical-align: text-bottom;
	content: '';
	width: 1.4em;
	height: 1.4em;
	border: 2px solid #E6866D;
	margin-right: .5rem;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.wpcf7-acceptance .wpcf7-list-item input[type="checkbox"]:checked + span::before {
	background-image: url(../img/recruit/SVG/check_box.svg);
	background-repeat: no-repeat;
	background-position: 0 2px;
}
.wpcf7-form-control.wpcf7-submit.btn {
	cursor: pointer;
	font-family: 'Josefin Sans', 'Noto Sans JP', sans-serif;
	width: 100%;
	display: block;
	border: 1px solid #E6866D;
	background: #E6866D;
	color: #FFF;
	margin: 0 auto;
	padding: 1.2rem 1rem;
	position: relative;
	letter-spacing: 0.1em;
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	-webkit-transition: background 0.5s ease-in-out, border 0.5s ease-in-out;
	transition: background 0.5s ease-in-out, border 0.5s ease-in-out;
}
.wpcf7-form-control.wpcf7-submit.btn:disabled {
	border: 1px solid #CCCCCC;
	background: #CCCCCC;
}
.submitbtn {
	position: relative;
}
.submitbtn::before {
	display: block;
	content: "";
	width: 3em;
	height: 1px;
	background: #FFF;
	position: absolute;
	z-index: 1;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
}
.submitbtn::after {
	content: "";
	position: absolute;
	height: 1px;
	margin: auto 0;
	background: #FFF;
	top: calc( 50% - .2em );
	right: 1.3em;
	width: .5em;
	-webkit-transform: rotate(-140deg) translateX(-.5em) translateY(.45em);
	transform: rotate(-140deg) translateX(-.5em) translateY(.45em);
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
div.wpcf7 .recruit-application .ajax-loader {
	position: absolute;
	left: 1rem;
	top: 50%;
	transform: translateY(-50%);
}
.recruit-application div.wpcf7-response-output {
	padding: 1rem;
	line-height: 1.6;
}
.grecaptcha-badge {
	z-index: 3;
	bottom: 8vh!important;
}

body#front-recruit .loading {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100;
}
body#front-recruit .loading:before {
	content: "";
	background: #323232;
	position: absolute;
	opacity: 1;
	width: 100%;
	height: 100%;
}
body#front-recruit .loading.hidden {
	display: none;
}

@media screen and ( min-width: 1024px ) {
	.recruit-application dl dt {
		margin-bottom: 0;
		width: 45%;
		padding-left: 100px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.recruit-application dl dd {
		width: 55%;
		padding-right: 100px;
	}
	.recruit-application dl dt:not(.annotation)::after {
		font-size: 10px;
	}
	.recruit-application .acceptance {
		max-width: 450px;
		margin: 0 auto!important;
	}
	.wpcf7-acceptance .wpcf7-list-item label {
		max-width: 350px;
		margin: 0 auto;
	}
	.submitbtn {
		max-width: 450px;
		margin: 0 auto!important;
	}
	.grecaptcha-badge {
		bottom: 230px!important;
	}
}

#header-btn {
	position: fixed;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 6vw 4vh;
}
#header-btn > a {
	position: relative;
	border: 1px solid #F5A68F;
	background-color: #F5A68F;
	display: block;
	width: 100%;;
	margin: 0 auto;
	border-radius: 2em;
	text-align: center;
	color: #FFF;
	padding: 1.4em 1em;
	-webkit-transition: color 0.25s, background 0.25s ease-out 0.25s;
	transition: color 0.25s, background 0.25s ease-out 0.25s;
}

#header-btn > a:hover {
	background-color: transparent;
	color: #F5A68F;
}
#header-btn > a > span:last-child {
	margin-left: 1em;
}
#body-recruit-application #header-btn {
	display: none;
}


@media screen and ( min-width: 1024px ) {
	body#front-recruit #header-btn {
		display: none;
	}
	#gloval-nav.scrolled #header-btn {
		display: block;
	}
	#header-btn {
		position: relative;
		width: 372px;
		right: 72px;
		padding: 0 72px 0 0;
	}
	#header-btn > a {
		padding: 1em;
	}
}

section#top-news > .inner {
	padding: 6vh 6vw 8vh;
}
section#notice > .inner {
	padding: 6vh 6vw 0;
}
.notice_box {
    width: 100%;
	border: 2px solid #E6866D;
	padding: 4vw 5vw;
}
.notice_box .ttl {
	font-weight: bold;
    margin-bottom: 0.5em;
}
.notice_box .list li.new::before {
	content: "NEW";
	color: #E6866D;
	font-size: .9em;
	font-weight: 700;
	letter-spacing: 0.1em;
	display: block;
    margin-bottom: 0.2em;
}
.notice_box .list li:not(:last-of-type) {
	margin-bottom: 1em;
}
.notice_box .list li a {
	line-height: 1.5;
	text-decoration-line: underline;
}
@media screen and ( min-width: 1024px ) {
	section#top-news > .inner {
	padding: 70px 0 100px;
	}
	section#notice > .inner {
		padding: 70px 0 0;
	}
	.notice_box {
		padding: 16px 50px;
	}
	.notice_box .list li::before {
		display: inline-block;
		margin: 0 0.5em 0 0;
	}
	.notice_box .list li.new::before {
		display: inline-block;
	}
	.notice_box .list li:not(:last-of-type) {
		margin-bottom: .5em;
	}
	.notice_box .list li a {
		transition: all .3s ease;
	}
	.notice_box .list li a:hover {
		color: #E6866D;
	}
}

.fadein {
	opacity: 0;
	transform: translateY(10%);
	transition: all .6s ease;
	transition-delay: .5s;
}
.fadein.ef_on {
	opacity: 1;
	transform: translateY(0);
}

#video .ttl {
	font-weight: bold;
	margin-bottom: .5em;
}
#video .video_box {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
#video .video_box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and ( min-width: 1024px ) {
	#video .inner {
		max-width: 640px;
	}
}


#recruit-doctor .lead_box{display:flex;flex-wrap:wrap;justify-content:center}@media screen and (min-width: 1024px){#recruit-doctor .lead_box{justify-content:space-between}}#recruit-doctor .lead_box .doctor_img{width:56vw}@media screen and (min-width: 1024px){#recruit-doctor .lead_box .doctor_img{width:260px}}
#recruit-doctor .txt_cont{padding-top:2em}@media screen and (min-width: 960px){#recruit-doctor .txt_cont{width:calc(100% - 260px);padding-top:0;padding-left:20px;display:flex;flex-wrap:wrap;justify-content:flex-end}#recruit-doctor .txt_cont .btn{margin:0}}#recruit-doctor p{font-size:3.73vw;font-weight:500;margin-bottom:2em}@media screen and (min-width: 960px){#recruit-doctor p{font-size:16px}}#recruit-doctor .btn{font-weight:bold;font-size:3.46vw;padding:1.3em 2em}@media screen and (min-width: 960px){#recruit-doctor .btn{font-size:13px}}


.sw_wrap{letter-spacing:.05em}.sw_wrap .sw_tabs{display:flex;flex-wrap:wrap;justify-content:space-between}.sw_wrap .sw_tabs .sw_tab{width:44vw}@media screen and (min-width: 1024px){.sw_wrap .sw_tabs .sw_tab{width: 50%;max-width:470px}}.sw_wrap .sw_tabs .sw_tab a{pointer-events:unset;display:block;width:100%;height:auto;background-color:#eaeaea;text-align:center;padding:.5em;border-radius:5px 5px 0 0;transition:all .2s ease-in-out}.sw_wrap .sw_tabs .sw_tab a b{color:rgba(91,82,68,.6)}.sw_wrap .sw_tabs .sw_tab a.active{pointer-events:none;background-color:#707070}.sw_wrap .sw_tabs .sw_tab a.active b{color:#fff}@media screen and (min-width: 1024px){.sw_wrap .sw_tabs .sw_tab a:hover{background-color:#707070}.sw_wrap .sw_tabs .sw_tab a:hover b{color:#fff}}.sw_wrap .sw_cont table{width:100%;border:1px solid #d6d5d5;border-collapse:collapse;display:none}.sw_wrap .sw_cont table.active{display:table}.sw_wrap .sw_cont table tr th,.sw_wrap .sw_cont table tr td{border:1px solid #d6d5d5;padding:1em 1.2em;font-size:3.46vw}@media screen and (min-width: 1024px){.sw_wrap .sw_cont table tr th,.sw_wrap .sw_cont table tr td{font-size:13px}}.sw_wrap .sw_cont table tr th{background-color:#f7f7f7;text-align:center;width:24vw}@media screen and (min-width: 1024px){.sw_wrap .sw_cont table tr th{width:235px}}.sw_wrap .sw_cont table tr td{background-color:#fff}.sw_wrap .btn{margin-top:3em}

.column_box{padding-top:.5em;padding-bottom:2em;margin-bottom:2em;border-bottom:2px solid #edebe1}@media screen and (min-width: 1024px){.column_box{display:flex;flex-wrap:wrap;justify-content:space-between}.column_box:nth-of-type(even){flex-direction:row-reverse}.column_box:last-of-type{margin-bottom:0}}.column_box picture{width:89.33vw}@media screen and (min-width: 1024px){.column_box picture{width:300px}}.column_box h2{text-align:left;margin:1em 0 .5em;line-height: 1.6;}@media screen and (min-width: 1024px){.column_box h2{margin:0 0 .5em}.column_box:nth-of-type(odd) .column_txt{padding-left:30px}.column_box:nth-of-type(even) .column_txt{padding-right:30px}}.column_box:last-of-type{border:none}@media screen and (min-width: 1024px){.column_box .column_txt{width:calc(100% - 300px);display:flex;flex-wrap:wrap;justify-content:unset}}.column_box .column_txt p{text-align:left}.column_box .column_txt p a{display:inline;text-decoration:underline}

.yu-go {
	letter-spacing: 0;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}