@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,
	.uaipad-l div.main-img {
		width: 100%;
		position: relative;
		background: url(../img/support/main-img.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.uaipad-p div.main-img {
		background: url(../img/support/main-img-sp.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.main-img .headd-wrap 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;
	}

	/* sec_01 */
	div.sec_01 {}
	.sec_01 h1 {
		max-width: 930px;
		background: url(../img/support/sec_01-headd.svg) 50% 50% no-repeat;
		background-size: 100% auto;
		margin: 65px auto 35px;
		padding: 3% 0;
		height: 107px;
		box-sizing: border-box;
	}
	.sec_01 > p {
		line-height: 40px;
		max-width: 930px;
		margin: 0 auto;
		font-size: 18px;
		letter-spacing: 1px;
	}
	.sec_01 ul {
		margin: 65px auto 0;
	}
	.sec_01 ul li {
		width: 33.3%;
		float: left;
		padding: 15% 0;
		background-size: cover !important;
		background-position: 50% 50% !important;
		background-repeat: no-repeat !important;
	}
	.sec_01 ul li:nth-child(1) {
		background: url(../img/support/sec_01-img-01.jpg);
	}
	.sec_01 ul li:nth-child(2) {
		background: url(../img/support/sec_01-img-02.jpg);
		width: 33.4%;
	}
	.sec_01 ul li:nth-child(3) {
		background: url(../img/support/sec_01-img-03.jpg);
	}
	.sec_01 ul li img {
		display: none;
	}


	/* sec_02 */
	div.sec_02 {}
	div.sec_02 h1 {
		max-width: 954px;
		background: #EEEFEF;
		height: 90px;
		text-align: center;
		font-size: 18px;
		font-weight: normal;
		margin: 95px auto 30px;
		position: relative;
		border-radius: 15px;
		padding: 10px 0;
	}
	.sec_02 h1:after {
		content: "";
		position: absolute;
		bottom: -31.5px;
		right: 0;
		left: 0;
		margin: auto;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 33px 31.5px 0 31.5px;
		border-color: #eeefef transparent transparent transparent;
	}
	.sec_02 h1 strong {
		font-size: 31px;
		font-weight: bold;
		display: block;
	}
	.sec_02 h2 {
		max-width: 1100px;
		background: url(../img/recruit/sec_01-headd2.svg) 50% 50% no-repeat;
		background-size: 100% auto;
		margin: 0 auto;
		position: relative;
		z-index: 9;
	}
	.sec_02 h2:before {
		content: "";
		display: block;
		padding-top: 30%;
	}
	.sec_02 h2 span {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.sec_02 > img {
		vertical-align: bottom;
		width: 104%;
		height: auto;
		margin-top: -37px;
		margin-left: -2%;
	}
	.sec_02 > div {
		padding: 5% 0;
		background: #EEEFEF;
		margin: -1px auto 0;
	}
	.sec_02 > div > p {
		font-size: 28px;
		margin-bottom: 110px;
		font-weight: normal;
		text-align: center;
		letter-spacing: 2px;
	}
	.sec_02 > div > p strong {
		display: block;
		font-size: 35px;
		margin-top: 20px;
	}
	.sec_02 > div a {
		max-width: 770px;
		margin: auto;
/*		background: url(../img/recruit/sec_03-btn-bg.gif) 0 0 repeat;*/
		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_02 {
/*
		height: 218px;
		margin-bottom: 60px;
*/
	}
	.sec_02 a {
		background: url(../img/common/sub-int/headd-bg.gif) 0 0 repeat;
		padding: 10px 10px 0 0;
		height: 100%;
		overflow: visible;
		position: relative;
	}
	.sec_02 a:hover {
		opacity: .7;
	}
	.sec_02 a img {
		float: left;
		width: 54%;
		vertical-align: middle;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.sec_02 a p {
		float: right;
		width: 49%;
		display: block;
		position: relative;
	}
	.sec_02 a p span {
		height: 178px;
		vertical-align: top;
		display: table-cell;
		width: 368px;
		font-size: 18px;
		color: #fff;
		text-align: center;
		padding-top: 30px;
		line-height: 1.6;
		letter-spacing: 1px;
	}
	.sec_02 a p:before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 5%;
		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_02 a p:after {
		position: absolute;
		left: 47%;
		right: 53%;
		bottom: 11%;
		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_02 > div a:hover {
		opacity: .7;
	}
	.sec_02 > div a img {
		float: left;
		width: 49%;
		vertical-align: middle;
	}
	.sec_02 > div a p {
		float: right;
		width: 49%;
		display: block;
		position: relative;
	}
	.sec_02 > div 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_02 > div 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_02 > div a p span {
		height: 158px;
		vertical-align: top;
		display: table-cell;
		width: 368px;
		font-size: 22px;
		color: #fff;
		text-align: center;
		padding-top: 50px;
	}
*/




	/* sec_03 */
	div.sec_03 {
		max-width: 930px;
		margin: 70px auto 50px;
	}
	.sec_03 h1 {
		font-size: 28px;
		margin-bottom: 50px;
		font-weight: normal;
		text-align: center;
		letter-spacing: 2px;
		color: #0085AC;
	}
	.sec_03 h1 strong{
		display: block;
		font-size: 41px;
		margin-top: 20px;
	}
	.sec_03 > p {
		line-height: 40px;
		max-width: 930px;
		margin: 0 auto 75px;
		font-size: 18px;
		letter-spacing: 1px;
	}
	.sec_03 ul {
		max-width: 770px;
		margin: 0 auto;
	}
	.sec_03 ul li {
		margin-bottom: 30px;
	}
	.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 a {
		height: 208px;
		background: url(../img/recruit/sec_03-02-img.jpg) 50% 50% no-repeat;
		position: relative;
	}
	.sec_03 ul li 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 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 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 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/support/main-img-sp.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.main-img .headd-wrap h1 {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/support/main-cap-sp.png) 50% 40% no-repeat;
		background-size: 90% auto;
		margin: auto;
	}

	/* sec_01 */
	div.sec_01 {}
	.sec_01 h1 {
		width: 94%;
		background: url(../img/support/sec_01-headd-sp.svg) 50% 50% no-repeat;
		background-size: 100% auto;
		margin: 8% auto;
		padding: 6% 0;
	}
	.sec_01 > p {
		line-height: 2.3rem;
		width: 94%;
		margin: 0 auto;
		font-size: 1.3rem;
		letter-spacing: .1rem;
	}
	.sec_01 ul {
		margin: 8% auto 0;
	}
	.sec_01 ul li {
		width: 33.3%;
		float: left;
		padding: 15% 0;
		background-size: cover !important;
		background-position: 50% 50% !important;
		background-repeat: no-repeat !important;
	}
	.sec_01 ul li:nth-child(1) {
		background: url(../img/support/sec_01-img-01.jpg);
	}
	.sec_01 ul li:nth-child(2) {
		background: url(../img/support/sec_01-img-02.jpg);
		width: 33.4%;
	}
	.sec_01 ul li:nth-child(3) {
		background: url(../img/support/sec_01-img-03.jpg);
	}
	.sec_01 ul li img {
		display: none;
	}


	/* sec_02 */
	div.sec_02 {}
	div.sec_02 h1 {
		width: 94%;
		background: #EEEFEF;
		text-align: center;
		font-size: 1.7rem;
		font-weight: normal;
		margin: 15% auto 10%;
		position: relative;
		border-radius: 15px;
		padding: 4% 0;
	}
	.sec_02 h1:after {
		content: "";
		position: absolute;
		bottom: -31.5px;
		right: 0;
		left: 0;
		margin: auto;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 33px 31.5px 0 31.5px;
		border-color: #eeefef transparent transparent transparent;
	}
	.sec_02 h1 strong {
		font-size: 2rem;
		font-weight: bold;
		display: block;
	}
	.sec_02 h2 {
		width: 100%;
		background: url(../img/recruit/sec_01-headd2-sp.svg) 50% 50% no-repeat;
		background-size: 100% auto;
		margin: 0 auto;
		position: relative;
		z-index: 9;
	}
	.sec_02 h2:before {
		content: "";
		display: block;
		padding-top: 45%;
	}
	.sec_02 h2 span {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.sec_02 > img {
		vertical-align: bottom;
		width: 100%;
		height: auto;
	}
	.sec_02 > div {
		padding: 5% 0;
		background: #EEEFEF;
		margin: auto;
	}
	.sec_02 > div > p {
		font-size: 1.8rem;
		font-weight: normal;
		text-align: center;
		letter-spacing: .1rem;
		width: 94%;
		margin: 0 auto 15%;
	}
	.sec_02 > div > p strong {
		display: block;
		font-size: 2rem;
		line-height: 2.6rem;
		margin-top: 5%;
	}
	.sec_02 > div a {
/*		background: url(../img/recruit/sec_03-btn-bg.gif) 0 0 repeat;*/
		text-decoration: none;
		border-radius: 5px;
/*		overflow: hidden;*/
		display: block;
		width: 94%;
		margin: 0 auto 5%;
	}
	.sec_02 > div a:hover {
		opacity: .7;
	}
	.sec_02 {
/*		margin-bottom: 10%;*/
	}
	.sec_02 a {
		background: url(../img/common/sub-int/headd-bg.gif) 0 0 repeat;
		overflow: visible;
		position: relative;
	}
	.sec_02 a img {
		width: 100%;
		margin-top: -8%;
	}
	.sec_02 a p {
		position: relative;
	}
	.sec_02 a p span {
		display: block;
		font-size: 1.4rem;
		color: #fff;
		text-align: center;
		padding: 3% 50px 4% 2%;
		line-height: 2rem;
		letter-spacing: .1rem;
	}
	.sec_02 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: "";
	}
	.sec_02 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 */
	div.sec_03 {
		width: 94%;
		margin: 10% auto;
	}
	.sec_03 h1 {
		font-size: 1.5rem;
		margin-bottom: 2.2rem;
		font-weight: normal;
		text-align: center;
		letter-spacing: .1rem;
		color: #0085AC;
	}
	.sec_03 h1 strong{
		display: block;
		font-size: 1.7rem;
		margin-top: 3%;
	}
	.sec_03 > p {
		line-height: 2.3rem;
		width: 94%;
		margin: 0 auto 10%;
		font-size: 1.4rem;
		letter-spacing: .1rem;
	}
	.sec_03 ul {
		margin: 0 auto;
	}
	.sec_03 ul li {
		margin-bottom: 10%;
	}
	.sec_03 ul li a {
		border-radius: 5px;
		overflow: hidden;
		display: block;
		text-decoration: none;
	}
	.sec_03 ul li a:hover {
		opacity: .7;
	}
	.sec_03 ul li:first-child a {
		background: url(../img/recruit/recruit-bg.jpg) 50% 0 no-repeat;
		position: relative;
		background-size: cover;
		height: auto;
		height: 200px;
	}
	.sec_03 ul li:first-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:first-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: "";
	}
	.sec_03 ul li:first-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:first-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: 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);
	}





















}