@charset "UTF-8";

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

	body {}
	footer {
		border-top: 1px solid #DCDCDD;
		margin-top: 10px;
	}


	.fase {
		position: relative;
	}

	div.main-img {
		width: 100%;
		position: relative;
	}
	.main-img img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}
	.main-img .headd-wrap {
		width: 80.7%;
/*
		border: 5px solid #EC7494;
		background: rgba(255,255,255,.8);
*/
		height: 238px;
		box-sizing: border-box;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
	div.headd-wrap div {
		border: 5px solid #EC7494;
		background: rgba(255,255,255,.8);
		box-sizing: border-box;
	}
	.main-img .headd-wrap h1 {
		margin: 45px auto 30px;
		width: 90%;
/*
		height: 57px;
		background: url(../img/recruit/recruit-headd.svg) 50% 50% no-repeat;
		background-size: 98% auto;
*/
/*
		border-bottom: 4px double #000;
		padding-bottom: 1.5%;
*/
	}
	.headd-wrap p {
		font-size: 19px;
		line-height: 35px;
		text-align: center;
		letter-spacing: 1px;
		margin-bottom: 35px;
	}

	/* sec_01 */
	div.sec_01 {}
	.sec_01 h1 {
		max-width: 1156px;
		background: url(../img/recruit/sec_01-headd.svg) 50% 50% no-repeat;
		background-size: 100% auto;
		margin: 60px auto 50px;
		padding: 3% 0;
	}
	.sec_01 h2 {
		max-width: 1156px;
		background: url(../img/recruit/sec_01-headd2.svg) 50% 50% no-repeat;
		background-size: 100% auto;
		margin: 20px auto 50px;
		padding: 11.5% 0;
	}
	.sec_01 > p {
		line-height: 45px;
		max-width: 930px;
		margin: 0 auto;
		text-align: center;
		font-size: 18px;
	}


	/* sec_02 */
	div.sec_02 {
		padding: 5% 0 9%;
		background: url(../img/recruit/sec_02-bg.svg) 50% 100% no-repeat;
		background-size: 100% auto;
		max-width: 1156px;
		margin: auto;
	}
	.sec_02 ul {
		max-width: 1156px;
		margin: 0 auto 25px;
	}
	.sec_02 ul li {
		width: 48%;
		float: left;
		margin-right: 2%;
		margin-bottom: 2.5%;
		border: 1px solid #F19CB3;
		box-sizing: border-box;
		border-radius: 15px;
	}
	.sec_02 ul li:nth-child(2n) {
		margin-right: 0;
		float: right;
	}
	.sec_02 ul li p {
		width: 556px;
		height: 90px;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		font-size: 20px;
		color: #EC7494;
		font-weight: bold;
		padding: 0 50px;
	}
	.sec_02 > p {
		line-height: 45px;
		max-width: 930px;
		margin: 0 auto;
		text-align: center;
		font-size: 18px;
	}


	/* sec_03 */
	div.sec_03 {
		max-width: 1156px;
		margin: 20px auto 75px;
		min-height: 257px;
	}
	.sec_03 h1 {
		font-size: 28px;
		margin-bottom: 50px;
		font-weight: normal;
		text-align: center;
		letter-spacing: 2px;
	}
	.sec_03 h1 strong{
		display: block;
		font-size: 30px;
		margin-top: 20px;
	}
	.sec_03 ul {
		max-width: 770px;
		margin: 0 auto;
	}
	.sec_03 ul li {
		margin-bottom: 62px;
	}
	.sec_03 ul li a {
		border-radius: 5px;
		overflow: hidden;
		display: block;
		padding: 10px;
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.sec_03 ul li a:hover {
		opacity: .7;
	}
	.sec_03 ul li:first-child a {
		background: url(../img/recruit/sec_03-btn-bg.gif) 0 0 repeat;
	}
	.sec_03 ul li:first-child a img {
		float: left;
		width: 49%;
		vertical-align: middle;
	}
	.sec_03 ul li:first-child a p {
		float: right;
		width: 49%;
		display: block;
		position: relative;
	}
	.sec_03 ul li:first-child a p span {
		height: 158px;
		vertical-align: top;
		display: table-cell;
		width: 368px;
		font-size: 18px;
		color: #fff;
		text-align: center;
		padding-top: 50px;
	}
	.sec_03 ul li:first-child a p:before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 16%;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		border: 1px solid #ffffff;
		color: #FFF;
		content: "";
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.sec_03 ul li:first-child a p:after {
		position: absolute;
		left: 47%;
		right: 53%;
		bottom: 21%;
		z-index: 10;
		margin: auto;
		width: 13px;
		height: 13px;
		border-top: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		content: "";
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
/*
	.sec_03 ul li:last-child a {
		height: 208px;
		background: url(../img/recruit/sec_03-02-img.jpg) 50% 50% repeat;
		position: relative;
	}
	.sec_03 ul li:last-child a span {
		position: absolute;
		left: 0;
		bottom: 0;
		background: rgba(236,116,148,.7);
		color: #fff;
		font-size: 41px;
		text-align: center;
		height: 90px;
		width: 100%;
		line-height: 95px;
		letter-spacing: 2px;
		text-indent: -2px;
		text-shadow:0px 0px 10px #000000;
	}
	.sec_03 ul li:last-child a span:before {
		position: absolute;
		top: 0;
		right: 50%;
		bottom: 0;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto -30%;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		border: 1px solid #ffffff;
		color: #FFF;
		content: "";
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.sec_03 ul li:last-child a span:after {
		position: absolute;
		top: 0;
		right: 50%;
		bottom: 0;
		z-index: 10;
		margin: auto -28% auto auto;
		width: 13px;
		height: 13px;
		border-top: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		content: "";
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.sec_03 ul li:last-child p {
		font-size: 20px;
		text-align: center;
		padding: 17px 0 0;
		font-weight: bold;
		color: #ec7494;
	}
*/


	/* sec_04 */
	div.sec_04 {
		background: #FCEAEF;
		padding: 60px 0 80px;
	}
	.sec_04 h1 {
		font-size: 28px;
		max-width: 960px;
		text-align: center;
		margin: 0 auto 30px;
		font-weight: normal;
		line-height: 65px;
	}
	.sec_04 h1 strong {
		font-size: 41px;
	}
	.sec_04 a {
		position: relative;
		text-decoration: none;
		display: block;
		border-radius: 5px;
		color: #fff;
		font-size: 22px;
		letter-spacing: 2px;
		max-width: 770px;
		margin: auto;
		text-align: center;
		height: 76px;
		line-height: 76px;
		background: url(../img/common/sub-int/headd-bg.gif) 0 0 repeat;
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.sec_04 a:hover {
		opacity: .7;
	}
	.sec_04 a:before {
		position: absolute;
		top: 0;
		right: 4%;
		bottom: 0;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		border: 1px solid #ffffff;
		color: #FFF;
		content: "";
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.sec_04 a:after {
		position: absolute;
		top: 0;
		right: 6%;
		bottom: 0;
		z-index: 10;
		margin: auto;
		width: 13px;
		height: 13px;
		border-top: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		content: "";
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}





















}










/*
@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;
	}

	footer {
		border-top: 1px solid #DCDCDD;
		margin-top: 10px;
	}


	.fase {
		position: relative;
	}

	div.main-img {
		width: 100%;
		position: relative;
		background: url(../img/recruit/recruit-bg.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	
	.main-img .headd-wrap {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		width: 90%;
		height: 30%;
	}
	.main-img .headd-wrap div {
		box-sizing: border-box;
		border: 4px solid #EC7494;
		background-color: rgba(255,255,255,.8);
	}
	.main-img .headd-wrap h1 {
		margin: auto;
		padding: 5% 0;
		width: 96%;
	}
	.headd-wrap h1 img {
		width: 100%;
		
	}
	.headd-wrap p {
		text-align: center;
		letter-spacing: .1rem;
		font-size: 1.3rem;
		line-height: 2.2rem;
		margin-bottom: 3%;
		padding: 0 3%;
	}

	/* sec_01 */
	div.sec_01 {}
	.sec_01 h1 {
		width: 94%;
		background: url(../img/recruit/sec_01-headd-sp.svg) 50% 50% no-repeat;
		background-size: 80% auto;
		margin: 8% auto 0;
		padding: 9% 0;
	}
	.sec_01 h2 {
		width: 94%;
		background: url(../img/recruit/sec_01-headd2-sp.svg) 50% 50% no-repeat;
		background-size: 100% auto;
		margin: 0 auto 8%;
		padding: 15% 0;
	}
	.sec_01 > p {
		line-height: 2.2rem;
		width: 94%;
		margin: 0 auto;
		font-size: 1.3rem;
	}


	/* sec_02 */
	div.sec_02 {
		padding: 10% 0 3%;
		background: url(../img/recruit/sec_02-bg.svg) 50% 100% no-repeat;
		background-size: 160% auto;
		width: 94%;
		margin: auto;
	}
	.sec_02 ul {
		margin: 0 auto 10%;
	}
	.sec_02 ul li {
		width: 48%;
		float: left;
		margin-right: 2%;
		margin-bottom: 2.5%;
		border: 1px solid #F19CB3;
		box-sizing: border-box;
		border-radius: 15px;
	}
	.sec_02 ul li:nth-child(2n) {
		margin-right: 0;
		float: right;
	}
	.sec_02 ul li p {
		width: 180px;
		height: 90px;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		font-size: 1.4rem;
		color: #EC7494;
		font-weight: bold;
		padding: 3%;
	}
	.sec_02 > p {
		line-height: 2.2rem;
		margin: 0 auto;
		font-size: 1.3rem;
	}


	/* sec_03 */
	div.sec_03 {
		width: 94%;
		margin: 15% auto 0;
	}
	.sec_03 h1 {
		font-size: 1.8rem;
		margin-bottom: 5%;
		font-weight: normal;
		text-align: center;
		letter-spacing: .1rem;
	}
	.sec_03 h1 strong{
		display: block;
		font-size: 2rem;
		line-height: 2.6rem;
		margin-top: 5%;
	}
	.sec_03 ul {
		max-width: 770px;
		margin: 0 auto;
	}
	.sec_03 ul li {
		margin-bottom: 12%;
	}
	.sec_03 ul li a {
		text-decoration: none;
		border-radius: 5px;
		overflow: hidden;
		display: block;
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.sec_03 ul li a:hover {
		opacity: .7;
	}
	.sec_03 ul li:first-child a {
		background: url(../img/recruit/sec_03-btn-bg.gif) 0 0 repeat;
	}
	.sec_03 ul li:first-child a img {
		width: 100%;
		vertical-align: bottom;
	}
	.sec_03 ul li:first-child a p {
		position: relative;
	}
	
	.sec_03 ul li:first-child a p span {
		display: block;
		width: 80%;
		font-size: 1.4rem;
		color: #fff;
		text-align: center;
		padding: 5%;
/*		max-height: 62px !important;*/
	}
	.sec_03 ul li:first-child a p:before {
		position: absolute;
		top: 0;
		right: 3%;
		bottom: 0;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		border: 1px solid #ffffff;
		color: #FFF;
		content: "";
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.sec_03 ul li:first-child a p:after {
		position: absolute;
		top: 0;
		right: 7%;
		bottom: 0;
		z-index: 10;
		margin: auto;
		width: 13px;
		height: 13px;
		border-top: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		content: "";
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
/*
	.sec_03 ul li:last-child a {
		background: url(../img/recruit/recruit-bg.jpg) 50% 0 no-repeat;
		position: relative;
		background-size: cover;
	}
	.sec_03 ul li:last-child a span {
		position: absolute;
		left: 0;
		bottom: 0;
		background: rgba(236,116,148,.7);
		color: #fff;
		font-size: 2.3rem;
		text-align: center;
		width: 100%;
		letter-spacing: 2px;
		text-indent: -2px;
		text-shadow: 0px 0px 10px #000000;
		line-height: 90px;
	}
	.sec_03 ul li:last-child a span:before {
		position: absolute;
		top: 0;
		right: 3%;
		bottom: 0;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		border: 1px solid #ffffff;
		color: #FFF;
		content: "";
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.sec_03 ul li:last-child a span:after {
		position: absolute;
		top: 0;
		right: 7%;
		bottom: 0;
		z-index: 10;
		margin: auto;
		width: 13px;
		height: 13px;
		border-top: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		content: "";
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.sec_03 ul li:last-child p {
		font-size: 1.8rem;
		text-align: center;
		padding: 5% 0 0;
		font-weight: bold;
		color: #ec7494;
	}
*/


	/* sec_04 */
	div.sec_04 {
		background: #FCEAEF;
		padding: 10% 0;
	}
	.sec_04 h1 {
		font-size: 1.5rem;
		width: 94%;
		text-align: center;
		margin: 0 auto 10%;
		font-weight: normal;
		line-height: 2.8rem;
	}
	.sec_04 h1 strong {
		font-size: 1.8rem;
	}
	.sec_04 a {
		position: relative;
		text-decoration: none;
		display: block;
		border-radius: 5px;
		color: #fff;
		font-size: 1.8rem;
		letter-spacing: .1rem;
		width: 90%;
		margin: auto;
		text-align: center;
		padding: 5% 0;
		background: url(../img/common/sub-int/headd-bg.gif) 0 0 repeat;
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.sec_04 a:hover {
		opacity: .7;
	}
	.sec_04 a:before {
		position: absolute;
		top: 0;
		right: 4%;
		bottom: 0;
		z-index: 9;
		display: block;
		overflow: hidden;
		margin: auto;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		border: 1px solid #ffffff;
		color: #FFF;
		content: "";
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.sec_04 a:after {
		position: absolute;
		top: 0;
		right: 9%;
		bottom: 0;
		z-index: 10;
		margin: auto;
		width: 13px;
		height: 13px;
		border-top: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		content: "";
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}





















}