<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

body{
  overflow-x: hidden;
	background: url(/img/corp/recruit/bg_gradaition_pc.png) repeat-x;
}

.br-sp {
	display: none;
}

/*-----------------------------------------
	Intro
------------------------------------------*/
#intro-wrapper{
	width: 100%;
	height: 100%;
	-webkit-filter: inherit;
	        filter: inherit;
}
#wrapper{
	-webkit-filter: inherit;
	        filter: inherit;
	overflow: hidden;
}

#intro-content{
	z-index: 9997;
	position: absolute;
	text-align: center;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 650px;
	height: 250px;
}

#intro-content li{
	margin: 0 0 30px 0;
}

#timer{
	font-family: 'Audiowide', cursive;
	font-size: 600%;
	color: #ffffff;
	margin: 0 0 30px 50px;
	text-align: left;
}

#dive{
	font-family: 'Audiowide', cursive;
	font-size: 600%;
	color: #ffffff;
	margin: 0 0 30px 30px;
	text-align: center;
}

video {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9900;
	background: #000000;
	background-size: cover;
}

#loading-bg {
	z-index: 9998;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #000000;
}

#loading {
	width: 40px;
	height: 40px;
	margin: -40px 0 0 -40px;
	padding: 20px;
	background: #000;
	opacity: 0.5;
	border-radius: 15px;
	position: fixed;
	left: 50%;
	top: 50%;
}

h1,h2,#page-nav,.scroll,.number-box-inner,#recruit-footer-nav{
	font-family: 'Unica One', cursive;
	font-style: normal;
}

h3{
	font-family: 'Audiowide', cursive;
}

p.entry{
	font-family: 'ヒラギノ角ゴ Pro W3','Lucida Grande','Hiragino Kaku Gothic ProN','Meiryo','ＭＳ Ｐゴシック', sans-serif;
	font-style: italic;
	font-size: 225%;
}

a.btn{
	position: relative;
	display: inline-block;
	padding: 13px 15px;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	-webkit-transition: .3s;
	transition: .3s;
	border-radius: 50px;
	font-family: 'Audiowide', cursive;
	font-style: italic;
	letter-spacing: 0.1em;
}

a.view-more{
	width: 150px;
	border: none;
	background: #282930;
	color: #ffffff;
	font-size: 94%;
}

a.entry{
	padding: 15px 20px;
	font-size: 150%;
	width: 200px;
	background: #282930;
	color: #ffffff;
}

a.dive{
	padding: 15px 20px;
	font-size: 113%;
	width: 200px;
	background: #282930;
	color: #ffffff;
}

a.cancel{
	padding: 15px 20px;
	font-size: 100%;
	width: 200px;
	background: none;
	color: #ffffff;
	border: 1px solid #ffffff;
}

a.view-more:hover {
	border: none;
	color: #ffffff;
	background: #464750;
}

a.entry:hover {
	border: none;
	color: #ffffff;
	background: #464750;
}

a.dive:hover{
	border: 0px;
	color: #888888;
	border: none;
}

a.cancel:hover{
	border: 0px;
	color: #888888;
	border: 1px solid #ffffff;
}

h1{
	font-size: 100%;
	margin: 0;
	color: #282930;
}

html #wrapper .inner{
	width: auto;
	max-width: 900px;
}

.container{
	width: auto;
	max-width: 1024px;
	margin: 0 auto;
}

.number-box{
	width: 100%;
	margin: 0 0 35px 0;
	border-bottom: 1px solid #f1f1f2;
}

.number-box-title{
	border-bottom:1px solid #dedfe2;
	color: #d0111b;
}

.number-box-inner{
	margin: 0 auto;
	padding: 0 0 4px 0;
	width: auto;
	max-width: 900px;
}

.interview01 .number-box-inner,
.interview02 .number-box-inner{
	width: 100%;
}

.number-left{
	border-bottom: 3px solid #282930;
	font-size: 200%;
}

.number-left-title{
	border-bottom: 3px solid #d0111b;
	font-size: 225%;
}

.number-interview{
	border-bottom: 3px solid #282930;
	font-size: 94%;
	padding: 0 0 8px 0;
}

.number-interview-right{
	margin: 0 0 0 20px;
}

.number-right{
	margin: 0 0 0 570px;
	border-bottom: 3px solid #282930;
	font-size: 200%;
}
h2{
	font-size: 625%;
	color: #282930;
	letter-spacing: -0.04em;
	margin: 0 0 50px -10px;
}

.subtitle{
	margin: -50px 0 30px 0;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}

.page-title{
	color: #ffffff;
}

h2.message{
	font-size: 300%;
	text-align: center;
	color: #d0111b;
	margin: 0 0 15px 0px;
}

hr.content{
	border: none;
	border-top: 1px solid #535459;
	width: 100%;
}

hr{
	border: none;
	border-top: solid 3px #d0111b;;
	width: 50px;
	margin: -20px auto 30px auto;
}

.scroll-icon{
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
}

.scroll-icon:before{
	position: absolute;
	display: block;
	content: '';
	top: 0px;
	left: 5px;
	width: 7px;
	height: 7px;
	border-right: 2px solid #d0111b;
	border-bottom: 2px solid #d0111b;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.scroll-icon:after{
	position: absolute;
	display: block;
	content: '';
	top: 7px;
	left: 5px;
	width: 7px;
	height: 7px;
	border-right: 2px solid #d0111b;
	border-bottom: 2px solid #d0111b;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*-----------------------------------------
	Nav
------------------------------------------*/
#page-nav-fix{
	width: 100%;
	margin: 0 auto;
	z-index: 997;
	position: relative;
}

#page-nav-title{
	float: left;
	text-align: left;
	padding: 30px 0;
}

#page-nav{
	float: right;
}

#page-nav li {
	float: left;
	display: block;
	padding: 30px 15px;
	font-size: 100%;
}

#page-nav li a{
	color: #ffffff;
	text-decoration: none;
	display: block;
}

#page-nav li a:hover{
	color: #999999;
}

#page-nav li a.current{
	color: #999999;
}

.fixed {
	position: fixed !important;
	top: 0;
	margin: 0 auto;
	z-index: 10000000 !important;
	background: #282930;
	background: rgba(40,41,48,0.9);
	-webkit-transition: 1s;
	transition: 1s;
}

.nav-fb  {
	margin: -3px 0 0 0;
	padding: 3px 20px;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	-webkit-transition: .3s;
	transition: .3s;
	border-radius: 30px;
	border: 1px solid #ffffff;
	font-size: 88%;
}

#page-nav-fix.fixed .nav-inner h1{
	color: #ffffff;
}

/*-----------------------------------------
	layout
------------------------------------------*/
#main-visual {
	position: relative;
	color: #ffffff;
}

#main-visual .nav-inner {
	margin: 0 auto;
	width: auto;
	max-width: 900px;
}

#wrapper #main-visual .inner {
	position: relative;
	z-index:3;
	height: 466px;
	margin: auto;
}

#main-visual #bg-obj01, #main-visual #bg-obj01-gray {
	position: absolute;
	top: -80px;
	left: 50%;
	z-index: -1;
	width: 2500px;
	height: 840px;
	background-image: url(/img/corp/recruit/bg_obj.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

#main-visual #page-nav-fix.fixed + #bg-obj01,
#main-visual #page-nav-fix.fixed + #bg-obj01-gray {
	top: -156px;
}

#main-visual .dive {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 720px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#main-visual .dive img {
	width: 100%;
	height: auto;
}

#main-visual .girl {
	position: absolute;
	top: -50px;
	right: -140px;
}

#main-visual .man {
	position: absolute;
	z-index: 2;
	left: 350px;
	bottom: -170px;
}

.scroll {
	margin: 220px auto 40px;
	font-size: 113%;
	letter-spacing: 0.05em;
	text-align: center;
}

.scroll a {
	color: #d0111b;
	text-decoration: none;
}

/* message */
#message {
	background-size: 100% 100%;
	color: #ffffff;
}

#message #bg-obj02 {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: url(/img/corp/recruit/bg_obj02.png);
	background-repeat: no-repeat;
	background-size: cover;
}

#message .inner {
	position: relative;
	max-width: 800px !important;
	width: 800px;
	height: 800px;
	margin: 0 auto 56px !important;
	padding-top: 234px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	color: #dfdfdf;
	text-align: center;
	line-height: 2;
}

#message .inner p{
	line-height: 2;
	margin: 0 0 30px 0;
	color: #282930;
}

/* member */
#member{
	background-size:100% 100%;
	color: #282930;
}

#member .inner{
	position: relative;
	width: 900px;
	margin: 0 auto 50px;
}

#member .member-content{
	float: left;
}

#member .member-content p{
	font-size: 94%;
	line-height: 1.8;
	margin: 0 0 20px 0;
}

.top-member{
	float: right;
	width: 61%;
	margin: 0 auto;
}

.top-member ul.othere-member-content {
	margin-top:0;
}

.top-member ul.othere-member-content li{
	margin:18px 0 0 0;
}

.top-member ul.othere-member-content li:nth-child(2n){
	margin-left:42px;
}

/*.top-member ul.othere-member-content li:nth-last-child(2n){
	margin-left:42px;
}

.top-member ul.othere-member-content li:last-child{
	transform:translateX(50%)
} */

/* data */
#data{
	background-size:100% 100%;
}

#data .inner{
	position: relative;
	width: 900px;
	min-height: 480px;
	margin: 0 auto;
}

#data .data-content{
	position: absolute;
	width: 330px;
	right: 0;
}

#data .data-content p{
	font-size: 94%;
	line-height: 1.8;
	margin: 0 0 30px 0;
}

#data .data-figure{
	position: absolute;
	width: 560px;
	height: 390px;
	top: -70px;
	left: -50px;
}

#data .data-figure img{
	max-width: 100%;
	height: auto;
}

/* info */
#info{
	background: #ffffff;
	background-size:100% 100%;
}

#info .inner{
	position: relative;
	width: 900px;
	min-height: 560px;
	margin: 0 auto;
}

#info .info-content{
	position: absolute;
	width: 500px;
}

#info .info-content p{
	font-size: 94%;
	line-height: 1.8;
	margin: 0 0 30px 0;
}

#info .info-figure01{
	position: absolute;
	width: 200px;
	height: 200px;
	right: 0;
	top: -50px;
}

#info .info-figure02{
	position: absolute;
	width: 290px;
	height: 290px;
	right: 130px;
	top: 100px;
}

/* entry */
#entry{
	background: url(/img/corp/recruit/bg06.jpg)no-repeat;
	background-position: center bottom;
}

#entry .inner{
	position: relative;
	width: 900px;
	height: 440px;
	margin: 0 auto;
}

#entry .entry-content{
	text-align: center;
	padding: 80px 0 0 0;
}

#entry .entry-content p{
	line-height: 1.5;
	margin: 0 0 20px 0;
}

#entry .man02{
	position:absolute;
	left:-5px;
	bottom:120px;
	z-index:5;
}

/*---------- 下層 -------------*/
#member-info,
#data-info{
	position: relative;
	margin: 20px 0 10px 0;
}

#member-info img{
	max-width: 100%;
	height: auto;
}

#member-info .inner{
	width: 900px;
	margin: 0 auto;
}

#member-info .charange{
	position:relative;
	top: -72px;
	left: 0;
	right: 0;
	text-align: center;
	color: #282930;
}

#member-info p.img-face{
	margin: 0 0 20px 0;
}

#member-info p.charange-text{
	font-family: 'ヒラギノ角ゴ Pro W3','Lucida Grande','Hiragino Kaku Gothic ProN','Meiryo','ＭＳ Ｐゴシック', 'sans-serif';
	font-style: italic;
	font-weight: normal;
	line-height: 1.4;
	font-size: 250%;
	margin: 0 0 10px 0;
}

/* member-detail */
#member-detail img{
	max-width: 100%;
	height: auto;
}

#member-detail .inner{
	position: relative;
	width: 900px;
	margin: 0 auto 80px auto;
	text-align: center;
}

.pico{
	position: absolute;
	top: 425px;
	right: 265px;
}

/* member-interview */
#member-interview{
	border-top: 1px solid #f1f1f2;
}

#member-interview .inner{
	width: 900px;
	margin: 0 auto 80px auto;
}

#member-interview .interview01{
	float: left;
	width: 50%;
}

.content-box{
	margin:-38px 0 0 0;
	padding-top:10px;
}

.content-box p{
	font-size:94%;
	line-height:1.86;
	letter-spacing:-0.03em;
}

.interview01 &gt; .content-box{
	padding-right:20px;
}

.interview02 &gt; .content-box{
	padding-left:20px;
}

#member-interview .interview02{
	float: right;
	width: 50%;
}

#member-interview .interview03{
	clear: both;
	padding: 50px 0 0 0;
}

.interview-title{
	font-size: 144%;
	font-weight: bold;
	line-height: 1.74;
	letter-spacing: -0.04em;
	margin: 42px 0 15px 0;
}

#member-interview-03box{
	border-top: 1px solid #f1f1f2;
}

#member-interview-03box .inner{
	width: 900px;
	margin: 0 auto 80px auto;
}

/* member-interview-qa */
.member-interview-qa dl {
	margin: 40px 0 0 0;
	line-height: 1.6;
}

.member-interview-qa dt {
	position: relative;
	margin-bottom: 16px;
	padding-left: 40px;
}

.member-interview-qa dd {
	position: relative;
	margin-bottom: 48px;
	padding-left: 40px;
}

.member-interview-qa dt::before,
.member-interview-qa dd::before {
	position:absolute;
	top: -7px;
	left: 0;
	color: #282930;
	font-weight: bold;
	font-size: 180%;
	font-family: 'Montserrat';
}

.member-interview-qa dt::before {
	top: -10px;
	content: 'Q';
}

.member-interview-qa dd::before {
	color: #d0111b;
	content: 'A';
}

/* flex-schedule */
.member-schedule {
  list-style: none;
  margin: 42px auto 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.member-schedule li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  width: 100%;
}

.member-schedule .area {
  display: block;
  width: 100%;
  padding: 10px 0 10px 12px;
	border-left: 6px solid #c90c15;
}

.member-schedule li .time {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-preferred-size: 5em;
      flex-basis: 5em;
  max-width: 5em;
  margin-right: 1em;
  margin-top: 1.3em;
	color: #444444;
	font-weight: bold;
	font-size: 130%;
	font-family: 'Unica One', cursive;
}

.member-schedule .sch_box {
  position: relative;
  min-height: 1em;
  padding: .8em;
  border-radius: 6px;
  background: #efefef;
}

.member-schedule .sch_box::before {
  position: absolute;
  left: -25px;
  top: 1em;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #c90c15;
  content: "";
}

.member-schedule .sch_title {
	margin-bottom: .2em;
  font-weight: 700;
	line-height: 1.5;
}

.member-schedule .sch_tx {
  font-weight: normal;
	line-height: 1.5;
}

/* #othere-member */
#othere-member .inner{
	margin: 0 auto 80px;
	text-align: center;
}

ul.othere-member-content {
	margin-top:100px;
}

ul.othere-member-content li{
	display: inline-block;
	margin: 15px 60px 15px 0;
}

/* ul.othere-member-content li:last-child{
	margin-right:0;
} */

#othere-member ul a{
	display: inline-block;
}

#othere-member ul img.current{
	opacity: 0.8;
}

#othere-member ul img:hover{
	opacity: 0.8;
}

.sp-member-nav{display:none;}

#recruit-footer-nav{display:none;}

/* DATA */
#data-info .inner{width:900px; margin:0 auto;}
#recruit-data .inner{width:900px; margin:0 auto 80px auto;}
#recruit-data .data_half{float:left; width:50%; margin-bottom:40px;}
#recruit-data .data_full{clear:both; width:100%; margin-bottom:40px;}
#recruit-data .data_half img,
#recruit-data .data_full img{width:100%;}

.recruit_info_box{border-top:1px solid #f1f1f2; margin-top:65px;}
.recruit_info_box .info-box{margin:-38px 0 0 0; padding:10px 0 0 0;}
.info-box-inner{width:auto; max-width:900px; margin:0 auto; padding:0 0 4px 0; font-family:'Unica One', cursive; font-weight:normal;}
.info-item{border-bottom:3px solid #ffffff; font-size: 94%;padding: 0 0 8px 0; color:#ffffff;}
.info-item2{border-bottom:3px solid #282930;font-size: 94%;padding: 0 0 8px 0; color:#282930;}
.info_btn{margin:42px 0 15px 0;}
.info_txt{display:inline-block; width:43%; margin:42px 0 15px 0; font-size:90%; line-height:140%; vertical-align:top;}
.info_bnr{display:inline-block; margin:42px 0 0;}
#engage-contributions-widget-wrapper{width:500px; height:300px;}
.info_btn a.btn{font-family:'Montserrat', sans-serif; font-style:normal; width:100%; font-weight:bold; font-size:110%; padding:25px 0;
border:none; color: #ffffff; margin-bottom:20px;}
.info_btn a.btn01{background:#282930;}
.info_btn a.btn01:hover{background: #434555;}
.info_btn a.btn02{background:#A0A1A3;}
.info_btn a.btn02:hover{background: #aaacb2;}
.info_btn a.btn03{position:relative; margin-bottom:32px; padding-right:48px; padding-left:24px; border:6px solid #dedfe2; -webkit-box-sizing:border-box; box-sizing:border-box; background:#ffffff; color:#282930; font-weight:normal; font-family:Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif}
.info_btn a.btn03::after{position:absolute; top:calc(50% - 17px); right:24px; content:url(/img/corp/recruit/chevron-right.svg);}
.info_btn a.btn03:hover{background:#dedfe2;}
.info-title{font-size:144%; color:#222222; text-align:center; font-weight:bold; line-height:1.74; letter-spacing:-0.04em; margin:50px 0 30px 0;}
.info-table{background:#FFF; font-size:95%; line-height:160%;}
.info-table li{display:table; border-bottom:1px solid #dbdbdb; width:100%;}
.info-table li p{display:table-cell; padding:20px;}
.info-table li p.left{width:20%;}
.info-table li p.right{width:80%;}
.info-table li div.right{display:table-cell; width:80%; padding:20px;}
.info-table li div h3{margin-bottom:4px; font-weight:normal; font-size:100%; font-family:Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
.info-table li div.right li{display:block; border:none; margin-bottom:8px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.info-table li div.right li:last-child{margin-bottom:0;}
.info-table li div.right ul.list-disc:not(:last-child){margin-bottom:16px;}
.info-table li div.right ul.list-disc li{position:relative; padding-left:1em; margin-bottom:4px;}
.info-table li div.right ul.list-disc li::before{position:absolute; top:0; left:0; content:'・';}
.info-table li div.right p{display:block; padding:0;}
.info-table li div.right p:not(:last-child){margin-bottom: 16px;}
.info_back{text-align:center; margin:30px 0;}
.info_back a.back{padding:10px 0; font-size:100%; width:160px; background:#282930; color:#ffffff;}
.info_back a.back:hover{border:none; background:#464750;}
.info_back a.back:after{display:block; content:url(/img/corp/icon_bg_ar_left.png); position:absolute; top:10px; left:10px;}

/*-----------------------------------------
	1200
------------------------------------------*/
@media only screen and ( max-width: 1200px ) {
	#main-visual .girl{
		right: 0px;
	}

	#entry .man02{
		right: 0px;
	}
}

/*-----------------------------------------
	900
------------------------------------------*/
@media only screen and ( max-width: 900px ) {
	.number-box, html #wrapper .inner {
		width: 96%;
		margin: auto;
		}

	#page-nav-title {
		padding: 30px 10px;
	}

	.scroll {
		margin-top: 132px;
	}

	.pico {
		display: none;
	}

	#member-interview-03box{
		margin-top: 50px;
	}

	.member-interview-qa .inner {
		margin: 0 auto 80px auto !important;
	}

	.othere-member-content{
		display: none;
	}

	.sp-member-nav-top,.sp-member-nav{
		display: block;
		margin: 120px 0 50px 0;
		max-width: 100%;
		text-align: center;
	}

	#member .sp-member-nav{
		margin-top: 50px;
	}

	.sp-member-nav-top img,.sp-member-nav img{
		margin: -35px 0 0 0;
		max-width: 100%;
		height: auto;
	}

	#member-interview-03box{
		margin-top: 50px;
	}

	.info_txt{display:block; width: 100%;}
	.info_bnr{display:block; margin:24px 0 0;}
}

/*-----------------------------------------
	800
------------------------------------------*/
@media only screen and ( max-width: 800px ) {
	body {
		background: url(/img/corp/recruit/bg_gradaition_sp.png) repeat-x;
	}

	.br-sp {
		display: block;
	}

	/* Intro */
	#intro-content{
		width: 320px;
		height: 200px;
	}

	#timer{
		font-size: 250%;
		left: 0;
		right: 0;
	}

	#dive{
		font-size: 250%;
		margin: 0 0 30px 0;
	}

	video{
		background: url(/img/corp/recruit/intro_bg.png) no-repeat;
		background-position: center;
		background-size: cover;
	}

	#wrapper{
		overflow: hidden;
	}

	h1{
		float: none;
		clear: both;
	}

	h2.message{
		font-size: 150%;
		text-align: center;
		margin: 0 0 40px 0px;
	}

	h2{
		font-size: 312%;
		text-align: center;
	}

	a.view-more,a.entry{
		font-size: 94%;
		width: 240px;
		padding: 15px 0;
	}

	.number-left,.number-right{
		font-size: 113%;
	}

	.subtitle{
		font-size: 69%;
		margin: -50px 0 20px 0;
	}

	#page-nav-title{
		font-size: 81%;
	}

	.nav-fb{
		font-size: 70%;
		color: #ffffff;
	}

	#main-visual .nav-inner {
		width: 100%;
	}

	#page-nav .sub-nav{
		display: none;
	}

	.subtitle{
		text-align: center;
	}

	.number-box, html #wrapper .inner{
		width: 100%;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}

	.number-box {
		padding: 10px 0 0 0;
		margin: 0 0 20px 0;
	}

	.number-box-title{
		color: #ffffff;
	}

	.number-box-inner,
	.info-box-inner {
		width: 100%;
		text-align: center;
	}

	.number-left-title{
		border-color: #ffffff;
	}

	.number-right{
		margin: 0 ;
	}

	.number-interview{
		padding: 0 0 4px 0;
	}

	#main-visual img{
		max-width: 100%;
		height: auto;
	}

	#main-visual .dive {
		width: 78%;
	}

	#main-visual #bg-obj01{
		top: -140px;
		-webkit-transform: translateX(-50%) scale(.85);
					transform: translateX(-50%) scale(.85);
	}

	#wrapper #main-visual .inner {
		height: 360px;
	}

	#main-visual .man{
		position: absolute;
		width: 225px;
		height: 225px;
		left: 10px;
		bottom: -80px;
	}

	#main-visual .girl{
		width: 230px;
		height: 380px;
		top: -10px;
		right: -50px;
	}

	.scroll {
		margin: -15px auto 120px;
		font-size: 75%;
	}

	.scroll a {
		color: #ffffff;
	}

	.scroll-icon:before, .scroll-icon:after {
		border-right-color: #ffffff;
		border-bottom-color: #ffffff;
	}

	/* message */
	#message img{
		max-width: 100%;
		min-height: auto;
	}

	#message #bg-obj02{
		position: absolute;
		margin: auto;
		background: url(/img/corp/recruit/bg_obj02_sp.png) no-repeat;
		background-position: center;
		width: 100%;
		height: 100%;
	}

	hr{
		width: 30px;
		margin: -40px auto 30px auto;
	}

	#message {
		position: relative;
	}

	#message .inner{
		position: relative;
		height: 515px;
		width: 100%;
		margin: 0 auto;
		padding: 130px 0 0 0;
	}

	#message .inner p{
		line-height: 2;
		margin: 0 0 20px 0;
		color: #282930;
		font-size: 81%;
	}

	/* member */
	#member {
		padding: 0;
	}

	#member .inner{
		margin:0 auto;
		text-align: center;
	}

	#member .member-content{
		position: static;
		top: 0;
		float: none;
		width: 100%;
	}

	#member .member-content p{
		font-size: 88%;
	}

	.top-member{
		float: none;
		width: 90%;
		text-align: center;
	}

	/* data */
	html #wrapper #recruit-data .inner{
		width:95%;
	}

	#data{
		clear: both;
	}

	 html #wrapper #data .inner{
		width: 100%;
		height: auto;
		margin: 0 0 50px 0;
		text-align: center;
	}

	#data .data-content{
		position: static;
		margin: 0 0 30px 0;
		width: 100%;
	}

	#data .data-content p{
		font-size: 88%;
	}

	#data .data-figure{
		position: static;
		width: 100%;
		height: auto;
	}

	#data .data-figure img{
		max-width: 100%;
		height: auto;
	}

	/* info */
	#info{
		clear: both;
	}

	#info img{
		max-height: 100%;
		height: auto;
	}

	#info .inner{
		width: 100%;
		min-height: 520px;
		margin: 0 0 0 0;
	}

	#info .info-content{
		position: absolute;
		z-index: 1;
		text-align: center;
		width: 100%;
	}

	#info .info-content p{
		font-size: 88%;
	}

	#info .info-figure01{
		position: absolute;
		z-index: 0;
		width: 100px;
		height: 100px;
		right: 0;
		top: 170px;
	}

	#info .info-figure02{
		position: absolute;
		z-index: 0;
		width: 200px;
		height: 200px;
		right: 90px;
		top: 250px;
	}

	.info_txt{
		text-align: center;
	}
	#engage-contributions-widget-wrapper{
		width: 100%;
		max-width: 500px;
		height: 300px;
		margin:0 auto;
	}

	.recruit_info_box .info-box{
		padding: 10px 20px;
	}

	/* entry */
	#entry{
		background: url(/img/corp/recruit/bg06_sp.jpg)no-repeat;
		background-position: center bottom;
		background-size: contain;
	}

	#entry img{
		max-width: 100%;
		height: auto;
	}

	#entry .inner{
		position: relative;
		width: 100%;
		height: 300px;
	}

	#entry .entry-content{
		text-align: center;
		padding: 50px 0 0 0;
	}

	#entry .entry-content p.entry{
		font-size: 136%;
	}

	#entry .man02{
		position:absolute;
		width:170px;
		height:auto;
		left:10px;
		bottom:40px;
	}

	footer{
		border: none !important;
	}

	.number-left-title{
		font-size: 113%;
		font-weight: normal;
	}

	#member-info{
		margin: 27px 0;
	}

	#member-info .inner{
		width: 100%;
		height: auto;
	}

	#member-info .charange{
		position: static;
		top: 130px;
		width: 100%;
		margin-bottom:35px;
	}

	#member-info p.img-face{
		margin: 0 0 10px 0;
	}

	#member-info p.charange-text{
		font-size: 119%;
		margin: 0 0 10px 0;
	}

	#member-detail{
		position: static;
	}

	#member-detail .inner{
		position: static;
		width: 100%;
		margin: 0 0 40px 0;
	}

	.pico{
		display: none;
	}

	#member-interview{
		border-top: 1px solid #f1f1f2;
	}

	#member-interview .inner{
		width: 100%;
		margin: 0 auto 40px auto;
	}

	#member-interview .interview01{
		float: none;
		width: 100%;
		margin: 0 0 50px 0;
	}

	#othere-member .inner{
		margin: 0 0 -35px 0;
	}

	.content-box{
		padding: 10px 20px;
		margin: -34px 0 0 0;
	}

	.content-box p{
		font-size: 88%;
	}

	#member-interview &gt; .content-box{
		margin: -34px 0 0 0;
	}

	.interview01 &gt; .content-box{
		padding: 10px 20px;
	}

	.interview02 &gt; .content-box{
		padding: 10px 20px;
	}

	.interview03 &gt; .content-box{
		padding: 10px 20px;
	}

	#member-interview .interview02{
		float: none;
		width: 100%;
		border-top: 1px solid #f1f1f2;
	}

	#member-interview .interview03{
		clear: both;
		padding: 50px 0 0 0;
	}

	.interview-title{
		font-size: 113%;
		line-height: 1.5;
		text-align: center;
	}

	#member-interview-03box .inner{
		width: 100%;
		margin: 0 auto;
	}

	.member-interview-qa dl {
		margin-top: 32px;
		font-size: 96%;
	}

	.member-interview-qa dt,
	.member-interview-qa dd {
		padding-left: 34px;
	}

	.member-interview-qa dt {
		margin-bottom: 12px;
	}

	.member-interview-qa dd {
		margin-bottom: 40px;
	}

	.member-interview-qa dt::before,
	.member-interview-qa dd::before {
		font-size: 170%;
	}

	.member-schedule li .time {
		-ms-flex-preferred-size: 3.7em;
		    flex-basis: 3.7em;
		margin-top: 1.35em;
		margin-right: .65em;
		font-size: 124%;
	}

	#othere-member .inner{
		width: 100%;
		padding: 0 20px;
	}

	.sp-member-nav-top,.sp-member-nav{
		margin-top: 100px;
	}

	.sp-member-nav-top{
		display: block;
		padding: 0 20px;
	}

	.sp-member-nav{
		display: block;
	}

	#member .sp-member-nav{
		margin-top: 60px;
	}

	#recruit-footer-nav{
		display: block;
	}

	#recruit-footer-nav p{
		padding: 8px 20px 20px 15px;
	}

	.recruit-footer-nav-title{
		font-size: 81%
	}

	.recruit-footer-nav-fb{
		float: right;
	}

	.nav-fb-footer{
		color: #282930;
		border: 1px solid #282930;
	}

	#recruit-footer-nav li{
		width: 50%;
		float: left;
		border-top: 1px solid #f1f1f2;
		border-right: 1px solid #f1f1f2;
		border-bottom: 1px solid #f1f1f2;
		margin: -1px -1px 0 0;
	}

	#recruit-footer-nav li a{
		padding: 20px 15px;
		display: block;
		font-size: 94%;
		text-decoration: none;
	}

	#recruit-footer-nav li a:hover{
		text-decoration: underline;
	}
}


@media only screen and ( max-width: 480px ) {
	#page-nav-fix{
		top: 38px;
	}

	#wrapper #main-visual .inner {
		width: 94%;
		height: 320px;
	}

	#main-visual #bg-obj01, #main-visual #bg-obj01-gray {
		top: 0;
		left: 0;
		width: 100%;
		height: 500px;
		background-image: url(/img/corp/recruit/bg_obj_sp.png);
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}

  #main-visual .dive {
    width: 100%;
  }

	.scroll {
		margin: -24px auto 64px;
	}

	.number-left-title {
		border-color :#ffffff;
		color: #ffffff;
	}

	html #wrapper #recruit-data .inner {
		width: auto;
	}

	#recruit-data .data_half {
		float: left;
		width: 100%;
	}

	.info_btn a.btn03 {
		padding: 22px 16px 22px 8px;
		border-width: 5px;
		font-size: 100%;
	}

	.info_btn a.btn03::after {
		right: 8px;
	}

	.info-table li p.left{
		width: auto;
		display: block;
	}

	.info-table li p.right, .info-table li div.right{
		width: auto;
		display: block;
		border-top: 1px dashed #dbdbdb;
	}

}

@media only screen and (max-width: 420px) {
  #wrapper #main-visual .inner {
    height: 280px;
  }
}

@media only screen and (max-width: 390px) {
  #wrapper #main-visual .inner {
    height: 260px;
  }
}

@media only screen and (max-width: 360px) {
  #wrapper #main-visual .inner {
    height: 240px;
  }
}</pre></body></html>