@charset "UTF-8";

/**==============================================**/
/**==============================================**/
/*
/*
/*			PC
/*
/*
/**==============================================**/
/**==============================================**/
@media screen and (min-width:600px){

	body {}
	
	div.content-wrap {
		padding: 0;
	}
	header {
		opacity: 0;
	}
	div.top {
		position: relative;
		width: 100%;
		height: 100vh;
		background: url(../img/top/slide/bg-01.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.top .headd-wrap h1,
	p.caption,
	div.bg-02,
	div.ena-city,
	div.logo,
	.top a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: none;
		width: 100%;
		height: 100%;
	}
	p.caption,
	.uaipad-l p.caption {
		z-index: 5;
		background: url(../img/top/slide/story.svg) 50% 15% no-repeat;
		background-size: 64% auto;
	}
	.uaipad-p p.caption {
		background-position: 85% 10%;
		background-size: 60% auto;
	}
	div.bg-02 {
		z-index: 2;
		background: url(../img/top/slide/bg-02.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	div.ena-city {
		z-index: 3;
		background: url(../img/top/slide/ena-city.png) 50% 40% no-repeat;
		background-size: 36.9% auto;
	}
	.uaipad-p div.ena-city {
		background: url(../img/top/slide/ena-city.png) 50% 53% no-repeat;
		background-size: 48% auto;
	}
	div.logo {
		z-index: 4;
		background: url(../img/common/header-logo.svg) 50% 53% no-repeat;
		background-size: 18% auto;
	}
	.uaipad-p div.logo {
		background: url(../img/common/header-logo.svg) 50% 56% no-repeat;
		background-size: 23% auto;
	}
	.top .headd-wrap h1 {
		z-index: 6;
		background: url(../img/top/slide/headd.svg) 50% 75% no-repeat;
		background-size: 40% auto;
	}
	.uaipad-p .top .headd-wrap h1 {
		z-index: 6;
		background-position: 10% 90%;
		background-size: 7.2% auto;
	}

	div.top a {
		background: url(../img/common/icon-arrow-white.svg) 50% 50% no-repeat;
		background-size: auto;
		position: absolute;
		top: auto;
		right: 0;
		bottom: 5%;
		left: 0;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 58px;
		height: 58px;
	}


	.fase {
		position: relative;
		display: none;
	}
	
	div.int div.name {
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 50%;
		height: 68px;
		background: #000;
	}
	.int h1 {
		z-index: 10;
	}
	.int .name:before {
		position: absolute;
		top: 0;
		left: -100vw;
		display: block;
		width: 100vw;
		height: 100%;
		content: "";
		opacity: .7;
	}
	.int .name h2 {
		position: absolute;
		left: 5%;
		width: 84%;
		color: #fff;
		text-align: right;
		letter-spacing: 1.5px;
		font-weight: normal;
		font-size: 20px;
/*		line-height: 68px;*/
	}
	.int .name h2 span {
		display: table-cell;
		width: 690px;
		font-size: 17px;
		padding-right: 1em;
		box-sizing: border-box;
		vertical-align: middle;
		height: 68px;
	}
	.int .name h2 strong {
		font-size: 24px;
		display: table-cell;
		width: 330px;
		text-align: center;
		vertical-align: middle;
		height: 68px;
	}
	.int a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-ms-transition-duration: .5s;
		-o-transition-duration: .5s;
		transition-duration: .5s;
		z-index: 11;
	}
	.int:hover a {
		box-shadow: 0 0 10px 3px rgba(0,0,0,0.4) inset;
	}
	.int a:before {
		position: absolute;
		top: 0;
		right: 46px;
		bottom: 0;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 56px;
		height: 56px;
		border-radius: 50%;
		background: #fff;
		color: #FFF;
		content: "";
	}
	.int a:after {
		position: absolute;
		top: 0;
		right: 68px;
		bottom: 0;
		z-index: 10;
		margin: auto;
		width: 19px;
		height: 19px;
		border-top: 1px solid #221814;
		border-right: 1px solid #221814;
		content: "";
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.int .link-wrap:hover a {
		box-shadow: 0 0 10px 3px rgba(0,0,0,0.4);
	}


	
	/* interview_01 */
	.interview_01 {
		background: url(../img/top/interview/interview-bg-01.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.interview_01 h1 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/top/interview/interview-cap-01.png) 14% 27% no-repeat;
		background-size: auto;
	}
	.interview_01 div.hum {
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/top/interview/interview-hum-01.png) 50% 100% no-repeat;
		background-size: auto 100%;
		margin: auto;
		right: 0;
		bottom: 0;
	}
	.interview_01 .name:before {
		background-color: #693905 !important;
	}


	/* interview_02 */
	.interview_02 {
		background: url(../img/top/interview/interview-bg-02.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.interview_02 h1 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/top/interview/interview-cap-02.png) 86% 23% no-repeat;
		background-size: auto;
	}
	.interview_02 div.hum {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/top/interview/interview-hum-02.png) 50% 100% no-repeat;
		background-size: cover;
	}
	.interview_02 .name:before {
		background-color: #0085AC !important;
	}


	/* interview_03 */
	.interview_03 {
		background: url(../img/top/interview/interview-bg-03.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.interview_03 h1 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/top/interview/interview-cap-03.png) 12% 20% no-repeat;
		background-size: auto;
	}
	.interview_03 div.hum {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/top/interview/interview-hum-03.png) 50% 100% no-repeat;
		background-size: cover;
	}
	.interview_03 .name:before {
		background-color: #AB4B6C !important;
	}




	/* sub-int-top */
/*
	div.sub-interview {
		background: url(../img/top/sub-int/sub-int-bg.gif) repeat;
		padding: 5% 0;
	}
	.uaipad-p div.sub-interview {
		max-height: 1024px;
	}
	
	.sub-interview ul {
		padding: 0 54px;
		height: 100%;
	}


	.sub-interview ul li {
		margin-bottom: 5%;
		height: 28%;
		background: #ffffff;
		position: relative;
	}
	.sub-interview ul li div {
		position: relative!important;
		z-index: 2;
	}
	.sub-interview ul li div p {
		position: absolute !important;
		letter-spacing: 1px;
		font-weight: bold;
		font-size: 18px;
	}
	.sub-interview .img-lf img {
		position: absolute;
		bottom: 0;
		left: 4%;
	}
	.sub-interview .img-rg img {
		position: absolute;
		right: 7%;
		bottom: 0;
	}
	.sub-interview ul li:nth-child(1) img {
		width: 33.6%;
	}
	.sub-interview ul li:nth-child(1) div {
		display: block;
		margin-left: 39.6%;
		width: 60.4%;
		height: 100%;
		background: url(../img/top/sub-int/sub-int-cap-01.svg) 0 30% no-repeat;
		background-size: 71.5% auto;
		max-width: 1146px;
	}
	.sub-interview ul li:nth-child(1) div p {
		right: 30px;
		bottom: 20px;
	}

	.sub-interview ul li:nth-child(2) img {
		width: 42.9%;
	}
	.sub-interview ul li:nth-child(2) div {
		display: block;
		margin-right: 53.1%;
		width: 46.9%;
		height: 100%;
		background: url(../img/top/sub-int/sub-int-cap-02.svg) 95% 30% no-repeat;
		background-size: 89.6% auto;
		max-width: 825px;
	}
	.sub-interview ul li:nth-child(2) div p {
		bottom: 20px;
		left: 60px;
	}

	.sub-interview ul li:nth-child(3) img {
		width: 26.9%;
	}
	.sub-interview ul li:nth-child(3) div {
		display: block;
		margin-left: 36.6%;
		width: 63.4%;
		height: 100%;
		background: url(../img/top/sub-int/sub-int-cap-03.svg) 0 50% no-repeat;
		background-size: 71.5% auto;
		max-width: 1146px;
	}
	.sub-interview ul li:nth-child(3) div p {
		right: 30px;
		bottom: 20px;
	}
*/



	/* outline */
	div.outline {
		position: relative;
		box-sizing: border-box;
		border-top: 30px solid #F19CB3;
		background: url(../img/top/outline/outline-bg.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.outline div.headd-wrap {
		position: absolute;
		top: 24%;
		right: 0;
		left: 0;
		margin: auto;
		width: 274px;
		height: 274px;
		border: 7px solid #fff;
		border-radius: 50%;
		background: rgba(236,116,148,.8);
	}
	.outline h1 {
		display: block;
		padding-top: 40%;
		background: url(../img/top/outline/outline-icon.svg) 50% 24% no-repeat;
		color: #fff;
		text-align: center;
		letter-spacing: 2px;
		font-weight: normal;
		font-size: 14px;
/*		font-size: 21px;*/
		line-height: 1.8;
	}
	.outline h1 strong {
/*		font-size: 24px;*/
		font-size: 20px;
		display: block;
		line-height: 1;
	}
	.outline p {
		position: absolute;
		top: 63%;
		right: 0;
		left: 0;
		display: block;
		margin: auto;
		color: #fff;
		text-align: center;
		letter-spacing: 2px;
		font-size: 19px;
		line-height: 40px;
		text-shadow: -1px -1px 2px rgba(0,0,0,.8),1px -1px 2px rgba(0,0,0,.8),-1px 1px 2px rgba(0,0,0,.8),1px 1px 2px rgba(0,0,0,.8);
	}
	.outline a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-ms-transition-duration: .5s;
		-o-transition-duration: .5s;
		transition-duration: .5s;
		z-index: 11;
	}
	.outline a:before {
		content: "";
		background: url(../img/common/icon-arrow-pink.svg) 50% 50% no-repeat;
		background-size: auto;
		position: absolute;
		top: auto;
		right: 0;
		bottom: 40px;
		left: 0;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 58px;
		height: 58px;
	}
	.outline a:hover:before {
		background: url(../img/common/icon-arrow-pink-hov.svg) 50% 50% no-repeat;
	}



	/* interview_04 */
	.interview_04 .name {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		width: 100%;
		height: 68px;
		background: #000;
	}
	.interview_04 .name h2 {
		position: absolute;
		right: 0;
		left: 0;
		margin: auto;
		width: 88.9%;
		height: 68px;
		color: #fff;
		text-align: right;
		letter-spacing: 1.5px;
		font-weight: normal;
		font-size: 20px;
	}
	.interview_04 .name h2 strong {
		font-size: 26px;
		display: table-cell;
		width: 185px;
		height: 68px;
		vertical-align: middle;
		vertical-align: middle;
		text-align: right;
	}
	.interview_04 .name h2 span {
		line-height: 1.3;
		display: table-cell;
		width: 2000px;
		height: 68px;
		font-size: 14px;
		vertical-align: middle;
		text-align: right;
	}

	.interview_04 {
		background: url(../img/top/interview/interview-bg-04.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.interview_04 h1 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/top/interview/interview-cap-04.png) 86% 30% no-repeat;
		background-size: auto;
	}
	.interview_04 div.hum {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/top/interview/interview-hum-04.png) 50% 100% no-repeat;
		background-size: cover;
	}
	.interview_04 a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-ms-transition-duration: .5s;
		-o-transition-duration: .5s;
		transition-duration: .5s;
		z-index: 11;

	}
	.interview_04 a:before {
		content: "";
		background: url(../img/common/icon-arrow-pink.svg) 50% 50% no-repeat;
		background-size: auto;
		position: absolute;
		top: auto;
		right: 0;
		bottom: 80px;
		left: 0;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 58px;
		height: 58px;
	}
	.interview_04 a:hover:before {
		background: url(../img/common/icon-arrow-pink-hov.svg) 50% 50% no-repeat;
	}



	/* recruit */
/*
	div.recruit {
		position: relative;
		background: url(../img/recruit/recruit-bg.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.recruit div.headd-wrap {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		width: 80.7%;
		height: 238px;
	}
	.recruit div.headd-wrap div {
		border: 5px solid #EC7494;
		background: rgba(255,255,255,.8);
		box-sizing: border-box;

	}
	.recruit .headd-wrap h1 {
		margin: 45px auto 30px;
		width: 90%;
	}
	.recruit .headd-wrap h1 img {
		width: 100%;
	}

	.recruit .headd-wrap p {
		text-align: center;
		letter-spacing: 1px;
		font-size: 19px;
		line-height: 35px;
		margin-bottom: 45px;
	}
	.recruit a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-ms-transition-duration: .5s;
		-o-transition-duration: .5s;
		transition-duration: .5s;
		z-index: 11;
	}
	.recruit a:before {
		content: "";
		background: url(../img/common/icon-arrow-pink.svg) 50% 50% no-repeat;
		background-size: auto;
		position: absolute;
		top: auto;
		right: 0;
		bottom: 40px;
		left: 0;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 58px;
		height: 58px;
	}
	.recruit a:hover:before {
		background: url(../img/common/icon-arrow-pink-hov.svg) 50% 50% no-repeat;
	}
*/





	/* womens */
	div.womens {
		position: relative;
		background: url(../img/top/womens/womens-bg.jpg) 0 50% no-repeat;
		background-size: cover;
	}
	.womens h1 {
		position: absolute;
		top: 6%;
		right: 0;
		left: 0;
		margin: auto;
		padding-top: 30%;
		width: 100%;
		background: url(../img/top/womens/main-headd-sp.svg) 50% 30% no-repeat;
		background-size: 50% auto;
		text-align: center;
		letter-spacing: 1px;
		font-weight: normal;
		font-size: 19px;
		line-height: 1.7;
	}
	.womens a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-ms-transition-duration: .5s;
		-o-transition-duration: .5s;
		transition-duration: .5s;
		z-index: 11;
	}
	.womens a:before {
		content: "";
		background: url(../img/common/icon-arrow-pink.svg) 50% 50% no-repeat;
		background-size: auto;
		position: absolute;
		top: auto;
		right: 0;
		bottom: 40px;
		left: 0;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 58px;
		height: 58px;
	}
	.womens a:hover:before {
		background: url(../img/common/icon-arrow-pink-hov.svg) 50% 50% no-repeat;
	}





	/* support */
	div.support {
		position: relative;
		background: url(../img/support/main-img.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.support h1 {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		margin: auto;
		width: 100%;
		background: url(../img/support/main-cap.png) 50% 44% no-repeat;
		background-size: auto;
		bottom: 0;	}
	.support a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-ms-transition-duration: .5s;
		-o-transition-duration: .5s;
		transition-duration: .5s;
		z-index: 11;
	}
	.support a:before {
		content: "";
		background: url(../img/common/icon-arrow-pink.svg) 50% 50% no-repeat;
		background-size: auto;
		position: absolute;
		top: auto;
		right: 0;
		bottom: 40px;
		left: 0;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 58px;
		height: 58px;
	}
	.support a:hover:before {
		background: url(../img/common/icon-arrow-pink-hov.svg) 50% 50% no-repeat;
	}






	/* jadecom */
	div.jadecom {
		position: relative;
		background: url(../img/jadecom/main-img.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.jadecom h1 {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		margin: auto;
		width: 100%;
		background: url(../img/jadecom/main-cap.svg) 50% 50% no-repeat;
		background-size: auto;
		bottom: 0;	}
	.jadecom a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-ms-transition-duration: .5s;
		-o-transition-duration: .5s;
		transition-duration: .5s;
		z-index: 11;
	}
	.jadecom a:before {
		content: "";
		background: url(../img/common/icon-arrow-pink.svg) 50% 50% no-repeat;
		background-size: auto;
		position: absolute;
		top: auto;
		right: 0;
		bottom: 40px;
		left: 0;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 58px;
		height: 58px;
	}
	.jadecom a:hover:before {
		background: url(../img/common/icon-arrow-pink-hov.svg) 50% 50% no-repeat;
	}































}










/*
@media screen and (min-width: 960px) and (max-width: 1280px){}
@media screen and (min-width: 600px) and (max-width: 959px){}
*/










/**==============================================**/
/**==============================================**/
/*
/*
/*			SP
/*
/*
/**==============================================**/
/**==============================================**/
@media screen and (max-width:599px){

	body {
		overflow-x: hidden !important;
	}

	
	
	header {
	}
	div.content-wrap {
		margin-top: 0 !important;
	}
	div.top {
		position: relative;
		display: none;
		width: 100%;
		height: 100vh;
		background: url(../img/top/slide/bg-01.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.top .headd-wrap h1,
	p.caption,
	div.bg-02,
	div.ena-city,
	div.logo,
	.top a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: none;
		width: 100%;
		height: 100%;
	}
	p.caption {
		z-index: 5;
		background: url(../img/top/slide/story-sp.svg) 50% 5% no-repeat;
		background-size: 94% auto;
	}
	div.bg-02 {
		z-index: 2;
		background: url(../img/top/slide/bg-02.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	div.ena-city {
		z-index: 3;
		background: url(../img/top/slide/ena-city.png) 50% 50% no-repeat;
		background-size: 70% auto;
	}
	div.logo {
		z-index: 4;
		background: url(../img/common/header-logo.svg) 50% 60% no-repeat;
		background-size: 40% auto;
	}
	.top .headd-wrap h1 {
		z-index: 6;
		background: url(../img/top/slide/headd.svg) 50% 78% no-repeat;
		background-size: 90% auto;
	}

	div.top a {
		background: url(../img/common/icon-arrow-white.svg) 50% 50% no-repeat;
		background-size: auto;
		position: absolute;
		top: auto;
		right: 0;
		bottom: 5%;
		left: 0;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 58px;
		height: 58px;
	}


	.fase {
		position: relative;
	}

	.int h1 {
		z-index: 9;
	}
	div.int div.name {
		position: absolute;
		bottom: 0;
		left: 30%;
		padding: 3% 5%;
		width: 60%;
		background: #000;
	}
	.int .name:before {
		position: absolute;
		top: 0;
		left: -100vw;
		display: block;
		width: 100vw;
		height: 100%;
		content: "";
		opacity: .7;
	}
	.int .name h2 {
		color: #fff;
		text-align: right;
		font-weight: normal;
		font-size: 1.3rem;
	}
	.int .name h2 strong {
		display: block;
		font-size: 1.4rem;;
	}
	.int a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9;
		width: 100%;
		height: 100%;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-ms-transition-duration: .5s;
		-o-transition-duration: .5s;
		transition-duration: .5s;
	}
	.int:hover a {
		box-shadow: 0 0 10px 3px rgba(0,0,0,0.4) inset;
	}
/*
	.int a:before {
		position: absolute;
		right: 0;
		bottom: 15%;
		left: 0;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 39px;
		height: 39px;
		border-radius: 50%;
		background: #fff;
		box-shadow: 0 0 10px 3px rgba(0,0,0,0.4);
		color: #FFF;
		content: "";
	}
	.int a:after {
		position: absolute;
		right: 0;
		bottom: 17%;
		left: -2%;
		z-index: 10;
		margin: auto;
		width: 14px;
		height: 14px;
		border-top: 1px solid #221814;
		border-right: 1px solid #221814;
		content: "";
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.int .link-wrap:hover a {
		box-shadow: 0 0 10px 3px rgba(0,0,0,0.4);
	}
*/



	/* interview_01 */
	.interview_01 {
		background: url(../img/top/interview/interview-bg-01.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.interview_01 h1 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/top/interview/interview-cap-01.png) 14% 15% no-repeat;
		background-size: 70% auto;
	}
	.interview_01 div.hum {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/top/interview/interview-hum-01.png) 65% 100% no-repeat;
		background-size: auto 80%;
	}
	.interview_01 .name:before {
		background-color: #693905 !important;
	}


	/* interview_02 */
	.interview_02 {
		background: url(../img/top/interview/interview-bg-02.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.interview_02 h1 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/top/interview/interview-cap-02.png) 86% 15% no-repeat;
		background-size: 70% auto;
	}
	.interview_02 div.hum {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/top/interview/interview-hum-02.png) 30% 100% no-repeat;
		background-size: auto 80%;
	}
	.interview_02 .name:before {
		background-color: #0085AC !important;
	}


	/* interview_03 */
	.interview_03 {
		background: url(../img/top/interview/interview-bg-03.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.interview_03 h1 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/top/interview/interview-cap-03.png) 12% 15% no-repeat;
		background-size: 70% auto;
	}
	.interview_03 div.hum {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/top/interview/interview-hum-03.png) 70% 100% no-repeat;
		background-size: auto 70%;
	}
	.interview_03 .name:before {
		background-color: #AB4B6C !important;
	}




	/* sub-int-top */
/*
	div.sub-interview {
		height: auto !important;
		background: url(../img/top/sub-int/sub-int-bg.gif) repeat;
	}
	.sub-interview ul {
		padding: 12% 4% 4%;
	}


	.sub-interview ul li {
		margin-bottom: 8%;
		background: #ffffff;
		position: relative;
		height: 40vh;
	}
	.sub-interview ul li div {
		position: absolute;
		height: 50%;
		left: 0;
		right: 0;
	}
	.sub-interview ul li div p {
		position: absolute !important;
		letter-spacing: 1px;
		font-weight: bold;
		font-size: 1.3rem;
		width: 96%;
		left: 0;
		right: 0;
		margin: auto;
	}
	.sub-interview .img-lf img {
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.sub-interview .img-rg {
		height: 36vh !important;
	}
	.sub-interview .img-rg img {
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.sub-interview ul li:nth-child(1) img {
		width: 50%;
	}
	.sub-interview ul li:nth-child(1) div {
		display: block;
		margin: auto;
		padding: 27% 0px 13%;
		width: 94%;
		background: url(../img/top/sub-int/sub-int-cap-01.svg) 0 10% no-repeat;
		background-size: 100% auto;
	}
	.sub-interview ul li:nth-child(1) div p {
		top: 40%;
	}

	.sub-interview ul li:nth-child(2) img {
		width: 60%;
	}
	.sub-interview ul li:nth-child(2) div {
		display: block;
		margin: auto;
		padding: 27% 0px 13%;
		width: 94%;
		background: url(../img/top/sub-int/sub-int-cap-02.svg) 95% 10% no-repeat;
		background-size: 100% auto;
	}
	.sub-interview ul li:nth-child(2) div p {
		top: 45%;
	}

	.sub-interview ul li:nth-child(3) {
		height: 45vh;
	}
	.sub-interview ul li:nth-child(3) img {
		width: 50%;
	}
	.sub-interview ul li:nth-child(3) div {
		display: block;
		margin: auto;
		padding: 27% 0px 13px;
		width: 94%;
		background: url(../img/top/sub-int/sub-int-cap-03-sp.svg) 0 5% no-repeat;
		background-size: 100% auto;
		height: 90%;
	}
	.sub-interview ul li:nth-child(3) div p {
		top: 40%;
	}
*/



	/* outline */
	div.outline {
		position: relative;
		box-sizing: border-box;
		border-top: 30px solid #F19CB3;
		background: url(../img/top/outline/outline-bg.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.outline div.headd-wrap {
		position: absolute;
		top: 12%;
		right: 0;
		left: 0;
		margin: auto;
		padding-top: 70%;
		width: 70%;
		border: 7px solid #fff;
		border-radius: 50%;
		background: rgba(236,116,148,.8);
	}
	.outline div.headd-wrap div {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.outline h1 {
		display: block;
		padding-top: 40%;
		background: url(../img/top/outline/outline-icon.svg) 50% 14% no-repeat;
		color: #fff;
		text-align: center;
		letter-spacing: .1rem;
		font-weight: normal;
		font-size: 1.7rem;
		line-height: 2.5rem;
	}
	.outline h1 strong {
		font-size: 2rem;
		display: block;
	}
	.outline p {
		position: absolute;
		top: 66%;
		right: 0;
		left: 0;
		display: block;
		margin: auto;
		width: 86%;
		color: #fff;
		text-align: center;
		font-size: 1.4rem;
		line-height: 2.4rem;
		text-shadow: -1px -1px 2px rgba(0,0,0,.8),1px -1px 2px rgba(0,0,0,.8),-1px 1px 2px rgba(0,0,0,.8),1px 1px 2px rgba(0,0,0,.8);
	}
	.outline a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.outline a:before {
		content: "";
		background: url(../img/common/icon-arrow-pink.svg) 50% 50% no-repeat;
		background-size: auto;
		position: absolute;
		top: auto;
		right: 0;
		bottom: 40px;
		left: 0;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 58px;
		height: 58px;
	}
	/* interview_04 */
	.interview_04 .name {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 3% 5%;
		width: 90%;
		background: #000;
	}
	.interview_04 .name h2 {
		margin: auto;
		width: 100%;
		color: #fff;
		text-align: right;
		letter-spacing: .1rem;
		font-weight: normal;
		font-size: 1.3rem;
		line-height: 1.5rem;
	}
	.interview_04 .name h2 strong {
		display: block;
		font-size: 1.4rem;
		padding: 3% 0;
	}

	.interview_04 {
		background: url(../img/top/interview/interview-bg-04.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.interview_04 h1 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/top/interview/interview-cap-04.png) 86% 20% no-repeat;
		background-size: 70% auto;
	}
	.interview_04 div.hum {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/top/interview/interview-hum-04.png) 30% 100% no-repeat;
		background-size: auto 70%;
	}
	.interview_04 a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.interview_04 a:before {
		content: "";
		background: url(../img/common/icon-arrow-pink.svg) 50% 50% no-repeat;
		background-size: auto;
		position: absolute;
		top: 50%;
		right: 2%;
		bottom: 50%;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 58px;
		height: 58px;
	}



	/* womens */
	div.womens {
		position: relative;
		background: url(../img/top/womens/womens-bg-sp.jpg) 0 50% no-repeat;
		background-size: cover;
	}
	.womens h1 {
		position: absolute;
		top: 6%;
		right: 0;
		left: 0;
		margin: auto;
		padding-top: 33%;
		width: 100%;
		background: url(../img/top/womens/main-headd-sp.svg) 50% 0 no-repeat;
		background-size: 60% auto;
		text-align: center;
		letter-spacing: .1rem;
		font-size: 1.4rem;
		line-height: 2.5rem;
		text-shadow: -1px 1px 2px rgba(255,255,255,1),1px -1px 2px rgba(255,255,255,1);
	}
	.womens a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.womens a:before {
		content: "";
		background: url(../img/common/icon-arrow-pink.svg) 50% 50% no-repeat;
		background-size: auto;
		position: absolute;
		top: auto;
		right: 0;
		bottom: 40px;
		left: 0;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 58px;
		height: 58px;
	}



	/* support */
	div.support {
		position: relative;
		background: url(../img/support/main-img-sp.jpg) 0 50% no-repeat;
		background-size: cover;
	}
	.support h1 {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		margin: auto;
		width: 100%;
		background: url(../img/support/main-cap-sp.png) 50% 40% no-repeat;
		background-size: 84% auto;
		bottom: 0;
	}
	.support a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.support a:before {
		content: "";
		background: url(../img/common/icon-arrow-pink.svg) 50% 50% no-repeat;
		background-size: auto;
		position: absolute;
		top: auto;
		right: 0;
		bottom: 40px;
		left: 0;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 58px;
		height: 58px;
	}




	/* jadecom */
	div.jadecom {
		position: relative;
		background: url(../img/jadecom/main-img.jpg) 70% 50% no-repeat;
		background-size: cover;
	}
	.jadecom h1 {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		margin: auto;
		width: 100%;
		background: url(../img/jadecom/main-cap.svg) 50% 50% no-repeat;
		background-size: 90% auto;
		bottom: 0;
	}
	.jadecom a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.jadecom a:before {
		content: "";
		background: url(../img/common/icon-arrow-pink.svg) 50% 50% no-repeat;
		background-size: auto;
		position: absolute;
		top: auto;
		right: 0;
		bottom: 40px;
		left: 0;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 58px;
		height: 58px;
	}




	/* recruit */
/*
	div.recruit {
		position: relative;
		background: url(../img/recruit/recruit-bg.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.recruit div.headd-wrap {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		width: 90%;
		height: 30%;
	}
	.recruit div.headd-wrap div {

		box-sizing: border-box;

		border: 4px solid #EC7494;
		background-color: rgba(255,255,255,.8);
	}

	.recruit .headd-wrap h1 {
		margin: auto;
		padding: 5% 0;
		width: 96%;
		
	}
	.recruit .headd-wrap h1 img {
		width: 100%;
	}
	.recruit .headd-wrap p {
		text-align: center;
		letter-spacing: .1rem;
		font-size: 1.3rem;
		line-height: 2.2rem;
		margin-bottom: 3%;
		padding: 0 3%;
	}
	.recruit a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.recruit a:before {
		content: "";
		background: url(../img/common/icon-arrow-pink.svg) 50% 50% no-repeat;
		background-size: auto;
		position: absolute;
		top: auto;
		right: 0;
		bottom: 80px;
		left: 0;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 58px;
		height: 58px;
	}

*/
















}