/* !reserve
---------------------------------------------------------- */
.top-head .inner {
	background-color: rgba(255,255,255,0.20) !important;
}

#top1 {
	display: block;
}
#top2 {
	display: none;
}
.top-recruitSp {
	display: none;
}
.top-recruit {
	display: block;
	position: relative;
	width: 100%;
	max-width: 1344px;
	margin-left: auto;
	margin-right: auto; 
}

/*.top-showroom::before {
    content: "";
    display: block;
    padding-top: 100%;
}*/

.recruitWarp.top {
	margin-top: 32px;
}



.recruitWarp .recruitlogoBox {
	width: 100%;
	max-width: 1344px;
	margin-left: auto;
	margin-right: auto; 	
	margin-bottom: 64px;
	margin-top: 64px;
}
.recruitWarp .recruitlogo {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 64px;
	margin-top: 64px;
}
.recruitWarp .recruitlogo img {
	width: 100%;
	height: auto;
}


.topVideo {
    width: 100%;	
	height: 100vh;
	max-height: 756px;
	margin-top: 16px;
}
.topVideo video {
	width: 100%;
	height: 100vh;
	max-height: 756px;
    position: absolute;
    top: 0; 
	left: 0;
	object-fit: cover;
}


.topBox {
	width: 100%;
	margin-bottom: 56px;
	position: relative;
}

.topBox h2 {
	font-size: 3em;
	text-align: center;
	margin-bottom: 80px;
	font-weight: normal;
}
.topBox .r-contents-sub {
	margin-bottom: 0px;
	padding: 0px;
	padding-bottom: 120px;
}
.topBox .Rgrid-contents {
	width: 100%;
	display: block;
	position: relative;
    zoom: 1; /* float解除 for IE6/7  */
}
.topBox .Rgrid-contents:after, .topBox .Rgrid-contents:before {
    content: "";
    clear: both;
    display: block;
}

.topBox#message {
	width: 100%;
	position: relative;
	margin-bottom: 88px;
}
.topBox#message p {
	font-size: 1.3em;
	line-height: 2.0em;
	letter-spacing: 5px;
}

.topBox#message p:nth-child(1) {
	transition: 1s;	
	opacity: 0;
	text-align: center;
}
.topBox#message p:nth-child(1).animated {
	opacity: 1;
}
.topBox#message p:nth-child(2) {
	transition: 1s, 1s;	
	opacity: 0;
	text-align: center;
}
.topBox#message p:nth-child(2).animated {
	opacity: 1;
}
/*.topBox#message p:nth-child(3) {
	transition: 1s, 1s;	
	opacity: 0;
	margin-left: 26%;
}
.topBox#message p:nth-child(3).animated {
	opacity: 1;
}
.topBox#message p:nth-child(4) {
	transition: 1s, 1s;	
	opacity: 0;
	margin-left: 48%;
}
.topBox#message p:nth-child(4).animated {
	opacity: 1;
}*/
.topBox#message p:nth-child(3) {
	transition: 1s, 1s;	
	opacity: 0;
	text-align: center;
}
.topBox#message p:nth-child(3).animated {
	opacity: 1;
}


.topBox#work .r-contents-sub {
	transition: 1s;	
	opacity: 0;
	margin-top: 100px;
}
.topBox#work .r-contents-sub.animated {
	opacity: 1;
	margin-top: 0px;
}


.topBox#work .Rgrid-contents .img {
	width: 44%;
	z-index: 20;
	display: block;
	position: relative;
	float: left;
}

.topBox#work .Rgrid-contents.reverse .img {
	float: right;	
}


.topBox#work .Rgrid-contents .img img {
	width: 100%;
	height: auto;
}

.topBox#work .Rgrid-contents .textBox {
	width: 56%;
	height: 320px;
	float: right;
	position: relative;
	margin-top: 80px;
	padding-top: 48px;
	padding-right: 32px;
	padding-left: 48px;
	padding-bottom: 32px;
	z-index: 10;
	display: block;
}

.topBox#work .Rgrid-contents.reverse .textBox {
	float: left;	
}


.topBox#work .Rgrid-contents .textBox:before {/*スペースを作る*/
  content: '';
  top: 0;
  left: 0;
  width: 100%;/*指定したい幅*/
  padding-top: 0%;/*画像の幅に対する高さ比率*/
  display: block;
}

.topBox#work .Rgrid-contents .textBox:after {/*画像を絶対配置*/
  position: absolute;
  content: '';
  top: 0;
  left: -120px;
  display: block;
  width: 117%;/*幅*/
  height: 360px;/*どれだけデカくなってもはみ出ないであろう高さを指定*/
  background-color: #EFEFEF;
  /*background-size: contain;*/
  /*background-repeat: no-repeat;*//*画像を繰り返さない*/
	z-index: 1;
}

.topBox#work .Rgrid-contents.reverse .textBox:after {
	left: 0px;
	right: 120px;
}

.topBox#work .Rgrid-contents .textBox p.title {
	font-size: 0.9em;
	margin-bottom: 56px;
	z-index: 10;
	position: relative;
}


.topBox#work .Rgrid-contents .textBox a {
	position: relative;
	width: 100%;
	display: block;
	z-index: 1000;
}
.topBox#work .Rgrid-contents .textBox a:hover, .topBox#work .Rgrid-contents .textBox a:hover p {
	color: #777777;
}
.topBox#work .Rgrid-contents .textBox a::after {
	content: '';
	display: inline-block;
	width: 70px;
	height: 40px;
	position: absolute;
	top: 80px;
	right: 40px;
	background-image: url('../../item/img-02/vec-b.png');
	background-repeat: no-repeat;
	background-size: contain;
	transition: all 1s;
	opacity: 0;
}

.topBox#work .Rgrid-contents .textBox a:hover::after {
	opacity: 1;
	right: 16px;
}


.topBox#work .Rgrid-contents .textBox h3 {
	font-size: 2.2em;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 24px;
	margin-left: 16px;
	z-index: 10;
	position: relative;
}

.topBox#work .Rgrid-contents .textBox h4 {
	font-size: 1.0em;
	padding-right: 16px;
	/*margin-bottom: 112px;*/
	margin-bottom: 16px;
	margin-left: 16px;
	z-index: 10;
	position: relative;
}

.topBox#work .Rgrid-contents .textBox p.text {
	margin-left: 16px;
	position: relative;
	z-index: 10;
}

.topBox#work .Rgrid-contents .textBox .vec-area {
	width: 6%;
	margin-left: auto;
	position: absolute;
	right: 48px;
	bottom: 0px;
	z-index: 10;
	background-color: #ffffff;
}
.topBox#work .Rgrid-contents .textBox .vec-area a {
	display: block;
	width: 100%;
	padding: 4px 8px;
}
.topBox#work .Rgrid-contents .textBox .vec-area img {
	width: 100%;
	height: auto;
} 



.topBox#member .member {
	transition: 1s;	
	opacity: 0;
	margin-top: 100px;
}
.topBox#member .member.animated {
	opacity: 1;
	margin-top: 0px;
}

.topBox#member .Rgrid-contents .member {
	width: 100%;
	padding-left: 16px;
	padding-right: 16px;
	height: auto;
	position: relative;
}

.topBox#member .Rgrid-contents .member .hBox {
	position: absolute;
	top: -60px;
	z-index: 10;
	background-color: #ffffff;
	padding: 3px 6px;
}

.topBox#member .Rgrid-contents .member .hBox h3 {
	width: 100%;
	display: inline-block;
	font-size: 2.2em;
	letter-spacing: 2px;
	z-index: 10;
	background-color: #ffffff;
	padding: 8px 12px;
	margin: 0px;
}

.topBox#member .Rgrid-contents .member .hBox h4 {
	width: 100%;
	display: inline-block;
	font-size: 1.2em;
	padding: 8px 12px;
	position: relative;
}

.topBox#member .Rgrid-contents .member .textBox {
	width: 36%;
	position: absolute;
	top: 88%;
	left: 64%;
	padding: 1%;
	background-color: #ffffff;
}



.topBox#member .memberLeft {
	transition: 1s;	
	opacity: 0;
	margin-top: 100px;
}
.topBox#member .memberLeft.animated {
	opacity: 1;
	margin-top: 0px;
}

.topBox#member .memberRight {
	transition: 1s 1s;	
	opacity: 0;
	margin-top: 100px;
}
.topBox#member .memberRight.animated {
	opacity: 1;
	margin-top: 0px;
}

.topBox#member .Rgrid-contents .memberLeft, .topBox#member .Rgrid-contents .memberRight {
	width: 50%;
	height: auto;
	position: relative;
}
.topBox#member .Rgrid-contents .memberLeft {
	float: left;
	padding-left: 16px;
	padding-right: 32px;
}

.topBox#member .Rgrid-contents .memberRight {
	float: right;
	padding-left: 32px;
	padding-right: 16px;
}

.topBox#member .Rgrid-contents p.title {
	position: absolute;
	top: 0;
	z-index: 10;
	background-color: #ffffff;
	padding: 3px 6px;
}

.topBox#member .Rgrid-contents .textBox {
	width: 100%;
	position: absolute;
	top: 94%;;
}

.topBox#member .Rgrid-contents .textBox .hBox {
	width: 94%;
	margin-bottom: 10px;
    zoom: 1; /* float解除 for IE6/7  */
}
.topBox#member .Rgrid-contents .textBox .hBox:after, .topBox#member .Rgrid-contents .textBox .hBox:before {
    content: "";
    clear: both;
    display: block;
}

.topBox#member .Rgrid-contents .textBox .hBox h3 {
	display: inline-block;
	font-size: 2.2em;
	letter-spacing: 2px;
	z-index: 10;
	background-color: #ffffff;
	padding: 8px 12px;
	margin: 0px;
	float: left;
}

.topBox#member .Rgrid-contents .textBox .hBox h4 {
	display: inline-block;
	font-size: 1.2em;
	padding-top: 28px;
	padding-right: 16px;
	position: relative;
	float: right;
}
.topBox#member .Rgrid-contents .textBox p.text {
	margin-left: 16px;
}



br.tb {
	display: none;
}

.topBox#entry .r-contents-sub {
	transition: 1s;	
	opacity: 0;
	margin-top: 100px;
}
.topBox#entry .r-contents-sub.animated {
	opacity: 1;
	margin-top: 0px;
}




/*.topBox#entry .Rgrid-contents ul {
	width: 100%;
	display: flex;
}

.topBox#entry .Rgrid-contents ul li {
	width: calc(50% - 8px);
}

.topBox#entry .Rgrid-contents ul li.imgBox {
	position: relative;
	padding-left: 16px;
	padding-right: 32px;
}

.topBox#entry .Rgrid-contents ul li.textBox {
	position: relative;
	padding-left: 32px;
	padding-right: 16px;
	padding-top: 16px;
}

.topBox#entry .Rgrid-contents ul li.textBox p.title.r_pc {
	display: inline-block !important;
	background-color: #000000;
	color: #ffffff;
	padding: 3px 6px;
	margin-bottom: 56px;
}

.topBox#entry .Rgrid-contents .textBox a {
	position: relative;
	display: block;
}
.topBox#entry .Rgrid-contents .textBox a:hover, .topBox#entry .Rgrid-contents .textBox a:hover p {
	color: #777777;
}
.topBox#entry .Rgrid-contents .textBox a::after {
	content: '';
	display: inline-block;
	width: 70px;
	height: 40px;
	position: absolute;
	top: 80px;
	right: 40px;
	background-image: url('../../item/img-02/vec-b.png');
	background-repeat: no-repeat;
	background-size: contain;
	transition: all 1s;
	opacity: 0;
}

.topBox#entry .Rgrid-contents .textBox a:hover::after {
	opacity: 1;
	right: 16px;
}

.topBox#entry .Rgrid-contents ul li.textBox h3 {
	font-size: 2.2em;
	font-weight: normal;
	letter-spacing: 2px;
	margin-left: 16px;
	margin-bottom: 0px;
	padding-bottom: 16px;
	z-index: 10;
	position: relative;
}

.topBox#entry .Rgrid-contents ul li.textBox h4 {
	font-size: 1.0em;
	padding-right: 16px;
	margin-bottom: 0px;
	padding-bottom: 32px;
	margin-left: 16px;
	z-index: 10;
	position: relative;
}

.topBox#entry .Rgrid-contents ul li.textBox p.text {
	font-size: 1.2em;
	line-height: 1.8em;
	margin-left: 16px;
	text-align: left;
}
*/
.topBox#entry .Rgrid-contents .textBox .vec-area {
	width: 10%;
	padding: 6px 16px;
	margin-left: auto;
	position: absolute;
	right: 16px;
	bottom: 0px;
	z-index: 10;
	background-color: #333333;
}

.topBox#entry .Rgrid-contents .textBox .vec-area a {
	display: block;
}

.topBox#entry .Rgrid-contents .textBox .vec-area img {
	width: 100%;
	height: auto;
} 




.topBox#entry .Rgrid-contents ul.entryBox {
	width: 100%;
	display: flex;
}

.topBox#entry .Rgrid-contents ul.entryBox li {
	width: calc(50% - 16px);
}

.topBox#entry .Rgrid-contents ul.entryBox li {
	margin-left: 16px;
	margin-right: 16px;
}
/*.topBox#entry .Rgrid-contents ul.entryBox li:last-child {
	margin-right: 0px;
}*/
.topBox#entry .Rgrid-contents ul.entryBox li .titleBox {
	display: flex;
}

.topBox#entry .Rgrid-contents ul.entryBox li .titleBox h3 {
	font-size: 2.2em;
	font-weight: normal;
	letter-spacing: 2px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 16px;
	z-index: 10;
}

.topBox#entry .Rgrid-contents ul.entryBox li .titleBox h4 {
	font-size: 1.0em;
	padding-right: 0px;
	/*margin-bottom: 112px;*/
	margin-bottom: 0px;
	padding-bottom: 16px;
	margin-left: 24px;
	z-index: 10;
	padding-top: 0.5em;
}

.topBox#entry .Rgrid-contents ul.entryBox li .imgBox {
	margin-bottom: 16px;
}



.topBox#entry .Rgrid-contents ul.entryBox li a p.title.r_pc {
	display: inline-block !important;
	background-color: #000000;
	color: #ffffff;
	padding: 3px 6px;
	margin-bottom: 32px;
}
.topBox#entry .Rgrid-contents ul.entryBox a .textBox {
	position: relative;
	display: block;
}

.topBox#entry .Rgrid-contents ul.entryBox li a:hover .textBox, .topBox#entry .Rgrid-contents ul.entryBox li a:hover .textBox p {
	color: #777777;
}
.topBox#entry .Rgrid-contents ul.entryBox li a .textBox::after {
	content: '';
	display: inline-block;
	width: 50px;
	height: 32px;
	position: absolute;
	bottom: 16px;
	right: 30px;
	background-image: url('../../item/img-02/vec-b.png');
	background-repeat: no-repeat;
	background-size: contain;
	transition: all 1s;
	opacity: 0;
}

.topBox#entry .Rgrid-contents ul.entryBox li a:hover .textBox::after {
	opacity: 1;
	right: 8px;
}

.topBox#entry .Rgrid-contents .faqBox {
	width: 64%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 48px;
}

.topBox#entry .Rgrid-contents .faqBox dl {
	width: 100%;
	display: flex;
}

.topBox#entry .Rgrid-contents .faqBox dl dt {
	width: 42%;
	padding-left: 8%;
	padding-top: 6%;
	line-height: 1.6em;
	font-size: 1.2rem;
}
.topBox#entry .Rgrid-contents .faqBox dl dd {
	display: block;
	width: 50%
}
.topBox#entry .Rgrid-contents .faqBox dl dd img {
	width: 100%;
	height: auto;
}
.topBox#entry .Rgrid-contents .faqBox a dl dt::after {
	content: '';
	display: inline-block;
	width: 50px;
	height: 32px;
	position: absolute;
	bottom: 16px;
	left: 450px;
	background-image: url('../../item/img-02/vec-b.png');
	background-repeat: no-repeat;
	background-size: contain;
	transition: all 1s;
	opacity: 0;
}

.topBox#entry .Rgrid-contents .faqBox a:hover dl dt::after {
	opacity: 1;
	left: 480px;
}


.topBox#qa h4 {
	font-size: 1.2rem;	
}
.topBox#qa .Rgrid-contents dl {
	width: 100%;
	display: flex;
}
.topBox#qa .Rgrid-contents dl dt {
	width: 20%;
	margin-right: 32px;
}
.topBox#qa .Rgrid-contents dl dt .titleBox {
	width: 100%;
}
.topBox#qa .Rgrid-contents dl dd {
	width: 30%;
	margin-left: 16px;
}
/*
.topBox#qa .Rgrid-contents dl dd p {
	text-align: center;
	margin-bottom: 24px;
}
*/
.topBox#qa .Rgrid-contents dl dd .img {
	width: 100%;
}
.topBox#qa .Rgrid-contents dl dd .img img {
	width: 100%;
	height: auto;
}

#top2 {
	width: 100%;
	margin-bottom: 88px;
    zoom: 1; /* float解除 for IE6/7  */
}
#top2::after, #top2::before {
    content: "";
    clear: both;
    display: block;
}



#top2 .r-contents-sub {
	width: 47%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 32px;
	margin-top: 100px;
	float: left;
	opacity: 0;
	transition: 1s;	
}
#top2 .r-contents-sub.animated {
	opacity: 1;
	margin-top: 0px;
}


#top2 .Rgrid-contents {
	border: 1px solid #D8D8D8;	
	padding-right: 0px !important;
}

#top2 .Rgrid-contents .topLeft {
	width: 56%;
	position: relative;
	padding-top: 40px;
	padding-left: 32px;
	padding-right: 32px;
}

#top2 .Rgrid-contents .topRight {
	width: 44%;
	position: relative;
	padding-left: 8px;
	padding-right: 0px;
}

#top2 .Rgrid-contents h3 {
	font-size: 1.8rem;
	line-height: 1.2em;
	font-weight: normal;
	margin-bottom: 24px;
}

#top2 .Rgrid-contents h4 {
	font-size: 1.4rem;
	line-height: 1.2em;
	font-weight: normal;
	color: #777777 !important;
	margin-bottom: 16px;
}

#top2 .Rgrid-contents .topLeft .vec-area {
	width: 10%;
	margin-left: auto;
	position: absolute;
	right: 32px;
	bottom: 16px;
}
#top2 .Rgrid-contents .topLeft .vec-area img {
	width: 100%;
	height: auto;
} 	
	


@media all and (min-width: 1344px) {
	
}
@media all and (max-width: 1087px) {

	.topVideo {
    	width: 100%;	
		height: 100vh;
		max-height: 756px;
	}	
	
	.topVideo, .topVideo video {
    	width: 100%;	
		height: 100vh;
		max-height: 500px;
	}	

	.recruitBox {
		padding-left: 8px;
		padding-right: 8px;
	}	
	
.topBox {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 56px;
	position: relative;
}

.topBox .Rgrid-contents {
	width: 100%;
	display: block;
	position: relative;
    zoom: 1; /* float解除 for IE6/7  */
}
	
.topBox .Rgrid-contents {
	padding-right: 0px !important;
}	
	
.topBox#work .Rgrid-contents .img {
	width: 48%;
}


.topBox#work .Rgrid-contents .textBox {
	width: 50%;
	height: 360px;
	padding-left: 8px;
	margin-top: 48px;
}

.topBox#work .Rgrid-contents .textBox:nth-of-type(2) {
	height: 260px;	
}
.topBox#work .Rgrid-contents.reverse .textBox {
	padding-left: 16px;
}

.topBox#work .Rgrid-contents .textBox:after {/*画像を絶対配置*/
  width: 127%;/*幅*/
  height: 330px;/*どれだけデカくなってもはみ出ないであろう高さを指定*/
}

	
.topBox#work .Rgrid-contents.reverse .textBox:after {
	left: 0px;
	right: 100px;
}

.topBox#work .Rgrid-contents .textBox:after {/*画像を絶対配置*/
  left: -100px;
}	
	
	
.topBox#work .Rgrid-contents .textBox p.title {
	margin-bottom: 40px;
}

.topBox#work .Rgrid-contents .textBox h3 {
	font-size: 1.8em;
}


.topBox#work .Rgrid-contents .textBox .vec-area {
	width: 10%;
}

	
/*.topBox#member .r-contents-sub {
	padding-bottom: 180px;
}	
	
.topBox#member .Rgrid-contents .memberLeft {
	padding-left: 0px;
}

.topBox#member .Rgrid-contents .memberRight {
	padding-right: 0px;
}



.topBox#member .Rgrid-contents .textBox .hBox h3 {
	display: inline-block;
	font-size: 1.8em;
	letter-spacing: 2px;
	z-index: 10;
	background-color: #ffffff;
	padding: 4px 12px;
	margin: 0px;
	float: left;
}

.topBox#member .Rgrid-contents .textBox .hBox h4 {
	padding-top: 18px;
}
.topBox#member .Rgrid-contents .textBox p.text {
	margin-left: 16px;
}	


.topBox#member .Rgrid-contents .textBox {
	width: 92%;
}*/	
.topBox#member .Rgrid-contents .member .textBox {
	width: 50%;
	position: absolute;
	top: 88%;
	left: 48%;
	padding: 1%;
	background-color: #ffffff;
}
.topBox#member .Rgrid-contents .member .hBox {
	position: absolute;
	top: -64px;
	z-index: 10;
	background-color: #ffffff;
	padding: 3px 6px;
}

.topBox#member .Rgrid-contents .member .hBox h3 {
	width: 80%;
	display: inline-block;
	font-size: 1.8em;
	letter-spacing: 2px;
	z-index: 10;
	background-color: #ffffff;
	padding: 8px 12px 8px 8px;
	margin: 0px;
}

.topBox#member .Rgrid-contents .member .hBox h4 {
	width: 80%;
	display: inline-block;
	font-size: 1.2em;
	padding: 8px 12px 8px 8px;
	position: relative;
}	
	
br.tb {
	display: block;
}	
.topBox#entry .Rgrid-contents ul li {
	width: calc(50% - 0px);
}
	
.topBox#entry .Rgrid-contents ul li.textBox {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.topBox#entry .Rgrid-contents ul li.textBox p.title.r_pc {
	margin-bottom: 24px;
}

.topBox#entry .Rgrid-contents ul li.textBox h3 {
	font-size: 1.8em;
	margin-bottom: 8px;
}

.topBox#entry .Rgrid-contents ul li.textBox h4 {
	margin-bottom: 24px;
}

.topBox#entry .Rgrid-contents ul li.textBox p.text {
	font-size: 1.0em;
	line-height: 1.6em;
	margin-left: 16px;
	text-align: left;
}

.topBox#entry .Rgrid-contents .textBox .vec-area {
	width: 13%;
	bottom: -30px;
}

.topBox#entry .Rgrid-contents .textBox .vec-area a {
	display: block;
}

.topBox#entry .Rgrid-contents .textBox .vec-area img {
	width: 100%;
	height: auto;
} 	
	
	
.topBox#entry .Rgrid-contents ul li.textBox h3 {
	padding-bottom: 8px;
}

.topBox#entry .Rgrid-contents ul li.textBox h4 {
	padding-bottom: 16px;
}	
	
ul.entryBox li:first-child .imgBox {
	padding-top: 32px;
}	
.topBox#entry .Rgrid-contents ul.entryBox li .titleBox h3 {
	font-size: 2.0em;	
}
	

.topBox#qa .Rgrid-contents dl dt {
	width: 25%;
}
.topBox#qa .Rgrid-contents dl dt .titleBox {
	width: 100%;
}
.topBox#qa .Rgrid-contents dl dd {
	width: 40%;
	margin-left: 5%;
}

.topBox#qa .Rgrid-contents dl dd p {
	text-align: center;
	margin-bottom: 24px;
}
.topBox#qa .Rgrid-contents dl dd .img {
	width: 100%;
}
.topBox#qa .Rgrid-contents dl dd .img img {
	width: 100%;
	height: auto;
}	
	
	
	
	
	
} /* @media all and (max-width: 1087px) {  */


@media all and (max-width: 805px) {

#top1 {
	display: block;
}
#top2 {
	display: none;
}
	.topVideo {
    	width: 100%;	
		height: 100vh;
		max-height: 756px;
	}	
	
	.topVideo, .topVideo video {
    	width: 100%;	
		height: 100vh;
		max-height: 465px;
	}	
	
	
.recruitWarp.top {
	margin-top: 0px;
}
	
#top2 .Rgrid-contents .topLeft {
	padding-top: 40px;
	padding-left: 32px;
	padding-right: 24px;
}	
	
#top2 .r-contents-sub {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	float: none;
	padding-top: 16px;
	padding-bottom: 16px;
}	
	
#top2 .Rgrid-contents h3 {
	margin-bottom: 16px;
}

#top2 .Rgrid-contents h4 {
	margin-bottom: 0px;
}
	
.topBox#entry .Rgrid-contents ul.entryBox li .titleBox h3 {
	font-size: 1.8em;	
}	
	
	
	
	
	
	
	
	
	
	
	
	
	
}/*  @media all and (max-width: 805px) {  */


@media all and (max-width: 735px) {
	

#top1 {
	display: none;
}
#top2 {
	display: block;
}	
	
	
#top2 .r-contents-sub.noAnimated {
  opacity: 1;
  margin-top: 0px;
}
	
.top-recruitSp {
	display: block;
	position: relative;
	width: 100%;
	max-width: 1344px;
	margin-left: auto;
	margin-right: auto; 
	margin-top: 64px;
}
.top-recruit {
	display: none;
}	
	/*.topVideo {
    	width: 100%;	
		height: 100vh;
		max-height: 756px;
	}*/	
	
	/*.topVideo, .topVideo video {
    	width: 100%;	
		height: 100vh;
		max-height: 214px;
	}*/
	.topVideo, .topVideo video {
    	width: 100%;	
		height: 100vh;
		max-height: 400px;
	}
.recruitWarp .recruitlogoBox {
	width: 100%;
	margin-left: auto;
	margin-right: auto; 	
	margin-bottom: 32px;
	margin-top: 32px;
}
.recruitWarp .recruitlogo {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 0px;
}		

.recruitWarp.top {
	margin-top: 0px;
}
	
	p.topMessage {
		text-align: center;
		margin-bottom: 24px;
		font-size: 1.2em;
		line-height: 1.8em;
	}	
	
	
.topBox#message {
	margin-bottom: 88px;
}
.topBox#message p {
	font-size: 0.8em;
	line-height: 2.0em;
	letter-spacing: 0px;
}

.topBox#message p:nth-child(1) {
	margin-left: 0%;
}
.topBox#message p:nth-child(2) {
	margin-left: 0%;
}
.topBox#message p:nth-child(3) {
	margin-left: 0%;
}
.topBox#message p:nth-child(4) {
	margin-left: 30%;
}
.topBox#message p:nth-child(5) {
	text-align: center;
	font-size: 1.5em;
	padding-top: 24px;
}	
	
	
	
	
#top2 .Rgrid-contents .topLeft {
	padding-top: 24px;
	padding-left: 16px;
	padding-right: 24px;
}	
	
#top2 .r-contents-sub {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}	
	
#top2 .Rgrid-contents h3 {
	font-size: 1.4rem;
	line-height: 1.2em;
	margin-bottom: 16px;
}

#top2 .Rgrid-contents h4 {
	font-size: 1.2rem;
	line-height: 1.2em;
	margin-bottom: 0px;
}

	
	
	
	
	
	
	
}/* @media all and (max-width: 735px) {  */