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

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)

font-family: YakuHanMP_Noto, "Noto Serif JP", serif;

*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: 400;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */

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

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

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

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

.text-align-center {
	text-align: center;
}

.text-align-right {
	text-align: right;
}

.display-block {
	display: block;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.clearfix::before,
.clearfix::after {
	content: "";
	display: table;
}

.clearfix::after {
	clear: both;
}

.clear {
	clear: both;
}

/* show only  SP/PC
-------------------------------*/

.sp-only {
	display: none !important;
}

.sp-only-2 {
	display: none !important;
}

.pc-only {
	display: block !important;
}

.pc-only-2 {
	display: inline-block !important;
}



@media screen and (max-width: 680px) {

	.sp-only { /* sp */
		display: block !important;
	}

	.sp-only-2 { /* sp */
		display: inline-block !important;
	}

	.pc-only { /* sp */
		display: none !important;
	}

	.pc-only-2 { /* sp */
		display: none !important;
	}

}

/* font
-------------------------------*/

.bold {
	font-weight: bold;
}

/* margin
-------------------------------*/

/* padding
-------------------------------*/

/* base */

html {
	font-size: 62.5%;
}

body {
/*	font-family: YakuHanMP_Noto, "Noto Serif JP", serif;	*/
	font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif;
	
	font-size: 1.4rem;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	font-weight: 400;
	color: #4b4b73;
}

a {
	color: inherit;
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align:top;
}

input,
textarea,
select,
button {
	font-family: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
}

select::-ms-expand {
	display: none;
}

button {
	cursor: pointer;
	font-size: inherit;
}

/* for development */

pre {
	padding: 15px;
	background: #eee;
	font-size: 1.2rem;
	line-height: 1.2;
}


/*************************************************************************************************************************
* Objective Fit Image
*************************************************************************************************************************/
.ofi-cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ofi-contain {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

html { height: 100%; }
body { width: 100%; height: 100%; }

/* Layout */
.l-body { position: relative; width: 100%; height: 100%; }
/*.l-body.lock { position: fixed; }*/
/*
.l-body.is-fixed {
	position: fixed;
}
*/
@media screen and (min-width: 681px) {
	body { min-width: 1200px; }
	.l-body { min-width: 1200px; }
}

@keyframes border_anim {
	0%{ width: 0%; }
	50%{ width: 100%; }
	100%{ width: 0%; }
}
/*
@keyframes passing-line-keyframe  {
	0% {
		right: 0;
		width: 0;
	}
	50% {
		right: 0;
		width: 100%;
	}
	51% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 100%;
		width: 0;
	}
}
*/
@keyframes passing-line-keyframe {
	33% {
		right: 0;
		width: 0;
	}
	66% {
		right: 0;
		width: 100%;
	}
	67% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 100%;
		width: 0;
	}
}


.l-wrapper { width: calc(100% - 60px); margin-left: auto; margin-right: auto; }

@media screen and (min-width: 681px) {
	.l-wrapper { width: 800px; }
}

/*		button	*/
.btn { position: relative; display: flex; align-items: center; }





.btn--center { justify-content: center; }
.btn--white { background-color: #fff; }
.btn--blank {  }
.btn--blank::after { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); width: 15px; height: 14px; background-image: url("../img/ico_blank.png"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; content: ""; }
.btn--blank:hover::after { background-image: url("../img/ico_blank_white.png"); }
@media screen and (min-width: 681px) {
	.btn--blank::after { width: 24px; height: 22px; }
}


.btn-square { display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; font-family: 'Roboto', sans-serif; font-size: 1.2rem; line-height: 1; }
.btn-square span { position: relative; z-index: 5; }
.btn-square span:after { display: inline-block; width: 10px; height: 6px; margin-left: 6px; background: url("../img/ico_arrow_white.png") no-repeat 50% 50%/100% auto; content: ""; }
.btn-square:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #284182; transform: translateX(-100%); transition: all 400ms ease; z-index: 0; }
.btn-square:hover::before { transform: translateX(0); }


.btn-square--blue { background-color: #418fca; color: #fff; }
.sns { display: flex; justify-content: space-between; align-items: center; }




/**************************************************
		Header
**************************************************/
.header { position: fixed; top: 0; left: 0; width: 100%; background-color: transparent; z-index: 100; transition: all 400ms ease; }
.l-body.lock .header { background: #f5f5f5; }
.header__inner { display: flex; justify-content: space-between; align-items: center; height: 64px; }
.header__logo { margin-left: 16px; }
.header__logo > a { display: block; transition: .4s; }
.header__logo > a:hover { opacity: .7; }
.header__logo img { width: auto; height: 42px; }

.header__navtrg { position: relative; display: flex; justify-content: center; align-items: center; width: 64px; height: 64px; }
.header__navtrg span { position: absolute; left: 50%; display: inline-block; transition: all .4s; width: 24px; height: 2px; background: #fff; }
.header__navtrg span:nth-of-type(1) { top: 21px; transform: translateX(-50%); }
.header__navtrg span:nth-of-type(2) { top: 50%; left: 50%; transform: translate(-50%, -50%); }
.header__navtrg span:nth-of-type(3) { bottom: 21px; transform: translateX(-50%); }
.header__navtrg.active span { background: #4b4b73; }
.header__navtrg.active span:nth-of-type(1),
.header__navtrg.active span:nth-of-type(3) { top: 50%; left: 50%; }
.header__navtrg.active span:nth-of-type(1) { transform: translate(-50%, -50%) rotate(-45deg); }
.header__navtrg.active span:nth-of-type(2) { opacity: 0; }
.header__navtrg.active span:nth-of-type(3) { transform: translate(-50%, -50%) rotate(45deg); }

.nav { position: fixed; top: 64px; right: -100%; display:block; background: #f5f5f5; width: 100%; height: calc(100vh - 64px); padding: 4px 35px 34px; transition: all 400ms ease; }
.nav-active { right: 0; z-index: 100; }

.main-menu { margin-bottom: 16px; color: #4b4b73; }
.main-menu__item { position: relative; }

.main-menu__item a,
.main-menu__item ._atxt { font-size: 1.3rem; font-weight: 700; line-height: 1; color: #4b4b73; }¥
.main-menu__item--waku > a { padding: 0; }
.main-menu__item--request { display: none; }

.sub-menu { color: #4b4b73; }
.sub-menu__item:not(:last-child) { margin-bottom: 8px; }
.sub-menu__item__btn { height: 48px; border-radius: 24px; padding-left: 24px; padding-right: 24px; font-size: 1.3rem; font-weight: 700; color: #4b4b73; }
.sub-menu__item__btn:after { background-image: url("../img/ico_blank.png"); }

.nav__sns { width: 205px; margin-top: 60px; margin-left: auto; margin-right: auto; }
.nav__sns__item img { width: 32px; height: auto; }



.nav-dropdown > li:not(:last-child) { margin-bottom: 10px; }

@media screen and (max-width: 680px) {
	.main-menu__item:not(:last-child)::before { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100vw; height: 1px; background: #c8d2d7; content: ""; }
	.main-menu__item--waku,
	.main-menu__item > a { display: block; padding-top: 24px; padding-bottom: 24px; }
	.main-menu__item > a._atxt { padding-top: 0; padding-bottom: 0; }
	.main-menu__item--mpb { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #000; }
	.nav-dropdown { margin-top: 10px; }
	.nav-dropdown > li > a { position: relative; padding-left: 24px; }
	.nav-dropdown > li > a::before { position: absolute; left: 8px; top: 50%; transform: translateY(-50%); display: inline-block; width: 8px; height: 2px; background: #4b4b73; margin-right: 5px; content: ""; }
	
}

@media screen and (min-width: 781px) {
	.header__inner { align-items: flex-start; height: auto; padding: 20px 44px 20px 22px; }
	.header__logo > a,
	.header__logo img { height: 40px; }
	.header__navtrg { display: none; }

	.main-menu { display: flex; align-items: flex-start; margin-bottom: 0; }
	.main-menu__item { font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif; font-size: 1.4rem; }
	
	.main-menu__item { position: relative; transition: all 400ms ease; }
	.main-menu__item:not(:last-of-type) { margin-right: 32px; }
	
	._atxt,
	.main-menu__item__link,
	.nav-dropdown__item__link { transition: all 400ms ease; }
	
	._atxt:hover,
	.main-menu__item__link:hover,
	.nav-dropdown__item__link:hover { color: #f5463c; }
	.main-menu__item--request { display: flex; }
	.main-menu__item--request__btn { justify-content: center; width: 130px; height: 34px; background: #284182; border-radius: 17px; color: #fff; font-size: 1.2rem; transition: all 400ms ease; }
	.main-menu__item--request__btn:hover { color: #498CEF; }
	
	
	.main-menu__item--waku { position: relative; width: 86px; }
	.main-menu__item a,
	.main-menu__item ._atxt { font-size: 1.4rem; font-weight: 400; letter-spacing: 0.12em; }
	
	.nav-dropdown { width: 0; height: 0; overflow: hidden; transition: .4s; opacity: 0; }
	.nav-dropdown.show { width: auto; height: auto; margin-top: 30px; padding-bottom: 26px; opacity: 1; }
	.nav-dropdown__item__link { font-size: 1.2rem; font-weight: 400; letter-spacing: 0.12em; }
	.nav-dropdown--about { min-width: 240px; }
	
	.nav { position: relative; top: 12px; right: inherit; background-color: transparent; width: auto; height: auto; padding: 0; }
	.sub-menu,
	.nav__sns { display: none; }
	
}



.sec { width: 100%; }
.bg--white,
.sec--white { background-color: #fff; }
.bg--grey,
.sec--grey { background-color: #f5f5f5; }



/*		Title	*/
.common-ttl { position: relative; padding-top: 24px; }
.common-ttl__cross { position: absolute; top: 0; left: -7px; display: block; width: 14px; height: 14px; }
.common-ttl__cross::before,
.common-ttl__cross::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; background: #4b4b73; content: ""; }
.common-ttl__cross::before { width: 100%; height: 3px; }
.common-ttl__cross::after { width: 3px; height: 100%; }
.common-ttl__sub,
.common-ttl__main { display: block; }
.common-ttl__sub { font-size: 1.4rem; font-weight: 400; line-height: 1; letter-spacing: 0.1em; }
.common-ttl__sub--eng { font: 500 1.4rem 'Playfair Display', serif; }
.common-ttl__sub--jpn { margin-bottom: 3px; }
.common-ttl__main { position: relative; font: 300 4.0rem YakuHanMP_Noto, "Noto Serif JP", serif; line-height: 1.2; letter-spacing: 0.12em; }
.common-ttl__main--withnotice ._notice { display: block; margin-top: 6px; font-size: 1.2rem; font-weight: 400; line-height: 1; letter-spacing: 0; }
@media screen and (min-width: 681px) {
	.common-ttl { padding-top: 24px; }
	.common-ttl__cross { left: -8px; width: 16px; height: 16px; }
	.common-ttl__sub { font-size: 1.6rem; }
	.common-ttl__sub--eng { font-size: 1.6em; }
	.common-ttl__sub--jpn { margin-bottom: 7px; }
	.common-ttl__main { margin-top: 4px; font-size: 4.8rem; line-height: 1.5; }
	.common-ttl__main--withnotice { display: inline-flex; align-items: center; }
	.common-ttl__main--withnotice ._notice { margin-left: 16px; font-size: 1.3rem; }
}






/*	TEMP
@media screen and (max-width: 680px) {
	.cont-wrap { padding-top: 85px; }
}
*/

.cont-wrap { position: relative; z-index: 50; overflow: hidden; }
@media screen and (max-width: 1200px) {
	.borderLine { display: none; }
}
@media screen and (min-width: 1201px) {
/*	.cont-wrap { background: url("../img/bg_line.png") repeat 0 0/200px auto; }*/
	
	
	.borderLine { opacity: 0.4; }
	.borderLine::before,
	.borderLine::after { position: absolute; top: 0; bottom: 0; height: 100%; opacity: 1; }
	.borderLine::before { border-left: 1px solid #c8d2d7; }
	.borderLine::after { width: 1200px; border-left: 1px solid #c8d2d7; border-right: 1px solid #c8d2d7; }
	.borderLine::before,
	.borderLine::after { content: ""; position: fixed; top: 0; left: 50%; height: 100vh; opacity: 1; transform: translateX(-50%); pointer-events: none; z-index: -1; }
	.borderLine__outer::before,
	.borderLine__inner::before,
	.borderLine__inner::after { position: absolute; top: 0; bottom: 0; height: 100%; opacity: 1; }
	/*
	.borderLine__inner::before { width: 66.5%; width: calc((120rem - 120rem * 0.0625 * 2) / 6 * 4); }
	.borderLine__inner::after { width: 33.2%; width: calc((120rem - 120rem * 0.0625 * 2) / 6 * 2); }
	*/
	.borderLine__outer::before { width: 1600px; }
	.borderLine__inner::before { width: 800px; }
	.borderLine__inner::after { width: 400px; }
	.borderLine__outer::before,
	.borderLine__inner::before,
	.borderLine__inner::after { content: ""; position: fixed; z-index: -1; top: 0; left: 50%; height: 100vh; opacity: 1; border-right: 1px solid #c8d2d7; border-left: 1px solid #c8d2d7; transform: translateX(-50%); pointer-events: none; }
	
	
}

.dummy { position: relative; width: 100%; z-index: 90; }

.mainvisual__scroll { position: absolute; left: 20px; top: 50%; transform: translateY(60%); display: flex; justify-content: center; align-items: flex-end; width: 12px; height: 125px; z-index: 20; animation: fadeIn 1s 10s forwards; }
.mainvisual__scroll__txt { margin-bottom: 80px; font-family: 'Roboto', sans-serif; font-size: 1.2rem; font-weight: 500; letter-spacing: 0.05em; white-space: nowrap; writing-mode: vertical-rl; }
.mainvisual__scroll span { display:inline-block; position:absolute; left:50%; transform:translateX(-50%); bottom:0; margin-right:-50%; width:1px; height:70px; overflow:hidden; }
.mainvisual__scroll span:before { content:''; display:block; width:100%; height:100%; background-color: #000; position:absolute; left:0; top:0; -webkit-animation:indicate 2s infinite ease-in-out; animation:indicate 2s infinite ease-in-out }



@-webkit-keyframes indicate {
	from {
		-webkit-transform: translateY(-102%);
		transform: translateY(-102%)
	}
	to {
		-webkit-transform: translateY(102%);
		transform: translateY(102%)
	}
}
@keyframes indicate {
	from {
		-webkit-transform: translateY(-102%);
		transform: translateY(-102%)
	}
	to {
		-webkit-transform: translateY(102%);
		transform: translateY(102%)
	}
}

.sec-study { background-color: #284182; padding-top: 50px; padding-bottom: 50px; }
.sec-study__inner { width: calc(100% - 70px); margin-left: auto; margin-right: auto; }

.zoombtn { position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; width: 100%; }
.zoombtn:before { position: absolute; width: 100%; height: 100%; background-color: #000; content: ""; opacity: 0.5; z-index: 5; transition: all 400ms ease; }
.zoombtn__txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; z-index: 10; }

.study-link__item:nth-child(1) { margin-bottom: 20px; }
.study-link__item__inner { height: 120px; }

.study-link__txt { justify-content: space-between; width: calc(100% - 50px); }
.study-link__item:nth-child(1) .study-link__txt__item:nth-child(1) { width: 97px; }
.study-link__item:nth-child(2) .study-link__txt__item:nth-child(1) { width: 113px; }
.study-link__txt__item:nth-child(2) { width: 80px; }


.hover-zoom {
	display: block;
	overflow: hidden;
}
@media screen and (min-width: 681px) {
	
	.sec-study { padding-top: 150px; padding-bottom: 150px; }
	.sec-study__inner { width: 900px; margin-left: auto; margin-right: auto; }
	.study-link { display: flex; justify-content: space-between; align-items: center; }
	.study-link__item { width: 427px; }
	.study-link__item:nth-child(1) { margin-bottom: 0; }
	.study-link__item__inner { height: 168px; }
	.study-link__txt { width: calc(100% - 80px); }
	.study-link__item:nth-child(1) .study-link__txt__item:nth-child(1) { width: 117px; }
	.study-link__item:nth-child(2) .study-link__txt__item:nth-child(1) { width: 136px; }
	.study-link__txt__item:nth-child(2) { width: 94px; }
	
	.zoombtn:hover::before { opacity: 0.75; }
	.hover-zoom img.zoom { transition: transform .3s ease-out; }
	.hover-zoom:hover img.zoom { transform: scale(1.1); }
	
}

.sec-campus { background: url("../img/bg_pattern_line.png") repeat 0 0 / 375px auto #fff; }
.sec-campus--sub { padding-top: 30px; padding-bottom: 30px; }
.oc { width: calc(100% - 50px); margin-left: auto; margin-right: auto; }
.oc__btn { display: block; background-color: #fff; padding: 3px; border-radius: 10px; overflow: hidden; }
.oc__btn__inner { height: 94px; border-radius: 10px; }
.oc__btn__item:nth-child(1) { width: 187px; }


@media screen and (max-width: 680px) {
	
	.oc__btn__item:nth-child(2) { display: none; }
	
}

@media screen and (min-width: 681px) {
	
	.sec-campus--sub { padding-top: 50px; padding-bottom: 50px; }
	.oc { max-width: 1000px; }
	.oc__btn__inner { height: 162px; }
	.oc__btn__list { width: 768px; justify-content: space-between; }
	.oc__btn__item:nth-child(1) { width: 594px; }
	.oc__btn__item:nth-child(2) { width: 95px; }
	
}

/*	Link to POA	*/
.poa-wrap { position: relative; z-index: 80; }
.poa { display: flex; align-items: center; height: 320px; background: #fff; padding-left: 35px; }
.poa__txt { position: relative; z-index: 50; }
.poa__txt img { width: 105px; }
.poa__bg { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #fff; overflow: hidden; }
.poa__bg img { width: 100%; max-width: none; height: 100%; object-fit: cover; transition: .4s; }
@media screen and (min-width: 681px) {
	.poa-wrap {  }
	.poa { padding-left: 0; transition: .4s; }
	.poa:hover { background-size: 120% auto; }
	.poa__txt { position: relative; left: 50%; transform: translateX(-236%); }
	.poa__txt img { width: 190px; }
	.poa__bg img { object-position: top center; }
	.poa:hover .poa__bg img { transform: scale(1.05); opacity: 0.8; }
}


.footer { position: relative; z-index: 60; background-color: #f5f5f5; font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif; }
.footer__inner { position: relative; }
/*
.footer__inner--deco::before { position: absolute; right: 20px; top: -60px; display: block; width: 120px; height: 120px; background: rgb(194,229,156); background: linear-gradient(90deg, rgba(194,229,156,1) 0%, rgba(100,179,244,1) 100%); content: ""; opacity: .4; filter: blur(1rem); }
*/
.footer-logoaddr { padding: 63px 30px 30px; border-bottom: 1px solid #353852; }
.footer__logo { margin-bottom: 20px; }
.footer__logo img { width: 184px; }
.footer__addr {  font-size: 1.2rem; line-height: 1; color: #353852; }
.footer__addr__item:not(:last-child) { margin-bottom: 8px; }
.footer__addr__item img { height: 12px; }

.footer__menu { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; font-size: 1.3rem; line-height: 1; }
.footer__menu__item:after { display: inline-block; width: 15px; height: 14px; background: url("../img/ico_blank_footer.png") no-repeat 50% 50%/100% auto; content: ""; margin-left: 10px; transition: all 400ms ease; }
.footer__menu__item:hover:after {background-image: url("../img/ico_blank_skyblue.png"); }
.footer__menu__item a { transition: all 100ms ease; color: #353852; }
.footer__menu__item a:hover { color: #498cef; }

.footer__sns { justify-content: center; }
.footer__sns a { display: flex; justify-content: center; align-items: center; width: 60px; height: 70px; }
.footer__sns img { height: 20px; }
@media screen and (max-width: 680px) {
	.footer__menu { border-bottom: 1px solid #353852; padding: 28px 30px 26px; }
	.footer__menu__item { width: 50%; }
	.footer__menu__item:not(:nth-child(-n+2)) { margin-top: 18px; }
}
@media screen and (min-width: 681px) {
	.footer__inner--deco::before { right: -100px; top: -100px; width: 200px; height: 200px; filter: blur(2rem); }
}


.recruit { display: flex; justify-content: center; align-items: center; height: 60px; }
.recruit img { height: 25px; }

.map { display: inline-flex; align-items: center; }
.map:before { width: 8px; height: 12px; background: url("../img/icon_map.png") no-repeat 50% 50%/100% auto; content: "";}
.map:hover:before { background-image: url("../img/icon_map_skyblue.png"); }

.footer-c8 { margin-top: 20px; }
.footer-c8__notice { margin-top: 10px; font-size: 1.2rem; }

@media screen and (min-width: 681px) {
	
	.footer { padding-bottom: 60px; }
	.footer__inner { max-width: 1000px; margin-left: auto; margin-right: auto; }
	.footer__logo { margin-bottom: 0; margin-right: 70px; }
	.footer__logo img { width: 220px; }
	
	.footer-logoaddr { padding: 68px 0; }
	.footer-logoaddr-wrap { display: flex; align-items: center; padding: 0 0 0; }
	.footer__addr { font-size: 1.3rem; }
	.footer-menusns { display: flex; justify-content: space-between; align-items: center; padding-top: 45px; padding-bottom: 40px; }
	.footer__menu__item:not(:last-child) { margin-right: 40px; }
	.footer__menu__item:after { margin-left: 20px; }
	.map:hover { color: #498cef; }
	.footer__sns { border-bottom: none; }
	.footer__sns__item:not(:last-child) { margin-right: 30px; }
	.footer__sns__item a { display: block; width: auto; height: auto; }
	.footer__sns__item img { height: 20px; }
	
	.recruit { justify-content: flex-start; height: auto; }
	
	
	
}





.sec-interview { padding-top: 60px; padding-bottom: 60px; }
.people-sl__item { margin-left: 10px; margin-right: 10px; }
.people-sl__img { position: relative; margin-bottom: 10px; }
.people-sl__img img { position: relative; z-index: 0; }
.people-sl__img figcaption,
.people-sl__img:before { position: absolute; }
.people-sl__img figcaption { bottom: 15px; padding-left: 15px; padding-right: 15px; font-size: 1.6rem; line-height: 1.57; letter-spacing: 0.02em; color: #fff; z-index: 10; }
.people-sl__img:before { left: 0; bottom: 0; width: 100%; height: 50%; background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(53,56,82,0.5) 50%,rgba(53,56,82,1) 100%); opacity: 0.6; z-index: 5; content: ""; }

.people-sl__ttl { display: flex; align-items: center; margin-bottom: 8px; line-height: 1; }
.people-sl__ttl strong { margin-right: 10px; font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif; font-size: 1.6rem; letter-spacing: 0.02em; }
.people-sl__ttl span { font-family: 'Roboto', sans-serif; font-size: 1.0rem; letter-spacing: 0.1em; color: #418fca; }
.people-sl__txt { font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif; font-size: 1.2rem; line-height: 1.34; }

.sl-dots .slick-dots { bottom: -47px; }
.sl-dots .slick-dots li { margin: 0 3px; }
.sl-dots .slick-dots li { width: 18px; height: 18px; }
.sl-dots .slick-dots li button { width: 18px; height: 18px; }
.sl-dots .slick-dots li button::before { top: 50%; transform: translateY(-50%); width: 18px; height: 2px; background-color: #c6c8ca; content: ""; }
.sl-dots li.slick-active button::before { background-color: #418fca; }
.sl-dots li button::before { opacity: 1; }

@media screen and (min-width: 681px) {
	
	.sec-interview { padding-top: 150px; padding-bottom: 150px; }
	.people-sl__item { width: 344px; margin-left: 12px; margin-right: 12px; }
	.people-sl__img { margin-bottom: 20px; }
	.people-sl__img figcaption { bottom: 35px; padding-left: 35px; padding-right: 35px; font-size: 2.4rem; line-height: 1.5; }

	.people-sl__ttl { display: flex; align-items: center; margin-bottom: 18px; line-height: 1; }
	.people-sl__ttl strong { margin-right: 20px; font-size: 2.5rem; }
	.people-sl__ttl span { font-size: 1.4rem; }
	.people-sl__txt { font-size: 1.4rem; line-height: 1.34; }

	.sl-dots .slick-dots { bottom: -73px; }
	.sl-dots .slick-dots li { margin: 0 3px; }
	.sl-dots .slick-dots li { width: 26px; height: 26px; }
	.sl-dots .slick-dots li button { width: 26px; height: 26px; }
	.sl-dots .slick-dots li button::before { width: 26px; height: 4px; }
	
	
	
}


.no-vertical { writing-mode: horizontal-tb; line-height: 0.1; padding-bottom: 0.8em; padding-left: 1em; }


@keyframes fadeIn {
	0% {opacity: 0} /*アニメーション開始時は不透明度0%*/
	100% {opacity: 1} /*アニメーション終了時は不透明度100%*/
}


@-webkit-keyframes shine {
	100% { left: 100%; }
}
@keyframes shine {
  100% { left: 100%; }
}





/* css for Recruit footer template */

.r-footer{ background: #fff; padding: 20px 15px; overflow: hidden; position: relative; z-index: 1000;}
.r-footer__list li{ margin: 5px 0 0;}
.r-footer__list li a{ position: relative; padding: 0 0 0 10px; font-size: 12px; color: #333;}
.r-footer__list li a::before{ content: ""; width: 0; height: 0; position: absolute; top: 5px; left: 0; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #454545;}
.r-footer__box{ margin: 25px 0 0; text-align: center;}
.r-footer__box a{ display: block; width: 258px; height: 37px;}
@media print, screen and (min-width: 681px){
	.r-footer{ display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; padding: 10px 30px 20px;}
	.r-footer__list{ display: flex; transform: translateY(5px);}
	.r-footer__list li{ margin: 0;}
	.r-footer__list li a{ padding-left: 5px; text-decoration: none;}
	.r-footer__list li a::after{ content: "｜"; padding: 0 0 0 5px;}
	.r-footer__list li a::before,
	.r-footer__list li:last-child a::after{ display: none;}
	.r-footer__box{ margin: 0;}
	
	.r-footer__box a { margin: 0 auto; }
	
}