@charset "UTF-8";

div.main-img-wrap {
	width: 100%;
	height: auto;
	position: relative;
}

div.main-img-wrap img {
	width: 100%;
	height: auto;
}

.main-img-wrap h1 {
	text-align: center;
	color: #004F89;
	background: rgba(255, 255, 255, .9);
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 18px;
}


/* inner */
div.inner-wrap {
	margin: auto;
}

.inner-wrap h2 {
	color: #ffffff;
	text-align: center;
	margin: auto;
	position: relative;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.inner-wrap>strong,
.inner-wrap>p {
	text-align: center;
	display: block;
}



/* .join-wrap */
div.join-wrap {
	position: relative;
}

.join-wrap ul.join-list {}

.join-list li {}

.join-list li dt {
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100% 100%;
}

.join-list li dt:before {
	content: "";
	display: block;
	padding-top: 36.6%;
}

.join-list li dt>span,
.join-list li dt p {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto 65.5%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.join-list li dd {
	color: #ffffff;
	text-align: center;
	line-height: 1.8;
	padding: 3.5% 0 0;
}

.training-wrap .join-list li:nth-child(2) dd .flex figure img {
	width: 100%;
}

.join-list li dd strong {
	display: block;
}

/*
.injapan-wrap .join-list li:nth-child(1) dt span {
	background-image: url(../img/training/training-text-01.png);
}
.injapan-wrap .join-list li:nth-child(2) dt span {
	background-image: url(../img/training/training-text-02.png);
}
*/
.join-wrap p.att {
	text-align: center;
}



/* injapan */
.injapan-wrap h2 {
	background-image: url(../img/training/training-h2-arrow-blue.png);
}

.injapan-wrap>strong span {
	color: #0075B6;
}

.type-wrap {
	width: 100%;
	margin: auto;
	position: relative;
}

.type-wrap:before {
	content: "";
	display: block;
	padding-top: 22.7%;
}

.type-wrap div.img-wrap {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: 1;
}

.img-wrap div:before {
	content: "";
	display: block;
	padding-top: 92.2%;
}

.img-wrap div.hum-lf {
	float: left;
	background-image: url(../img/training/training-hum-l.png);
	background-position: 50% 100%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	/*	background-size: auto;*/
}

.img-wrap div.hum-rg {
	float: right;
	background-image: url(../img/training/training-hum-r-02.png);
	background-position: 50% 100%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	/*	background-size: auto;*/
}

.injapan-wrap .join-wrap {
	z-index: 3;
}

.injapan-wrap .join-wrap dl {
	background: #3ab6ea;
}

dl.bggreen {
	background: #45B8A0 !important;
}

.injapan-wrap .join-wrap dt>span {
	background: rgba(0, 0, 0, .1);
}

.injapan-wrap .join-wrap dt span,
.injapan-wrap .join-wrap dt span img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.injapan-wrap dl dd>p {
	color: #fff;
}

.injapan-wrap dl dd ul {
	margin-right: auto;
	margin-left: auto;
}

.injapan-wrap ul li {
	color: #005089;
	background: #fff;
	box-sizing: border-box;
	font-weight: bold;
}

.injapan-wrap li span {
	color: #fff;
	border-radius: 6px;
	display: block;
}

.injapan-wrap li span em {
	font-style: normal;
}

.injapan-wrap li strong,
.injapan-wrap li strong img {
	max-width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.injapan-wrap li:nth-child(1) span {
	background: #c30d23;
}

.injapan-wrap li:nth-child(2) span {
	background: #009c74;
}

.injapan-wrap li:nth-child(3) span {
	background: #005088;
}

/*
.injapan-wrap .join-list li:nth-child(1) {
	background-color: #39B6EA;
}
.injapan-wrap .join-list li:nth-child(1) dt {
	background-image: url(../img/training/label-01.png);
}
.injapan-wrap .join-list li:nth-child(2) {
	background-color: #3BB8AF;
}
.injapan-wrap .join-list li:nth-child(2) dt {
	background-image: url(../img/training/label-02.png);
}
.join-wrap p.join-cap {
	background: #004F89;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	line-height: 2.7;
}
*/





/* training */
.training-wrap {
	border-top: 1px solid #9F9FA0;
}

.training-wrap h2 {
	margin-top: 0 !important;
	background-image: url(../img/training/training-h2-arrow-orange.png);
}

.training-wrap>strong span {
	color: #EA5414;
	display: block;
}

.training-wrap .join-list li:nth-child(1) {
	background-color: #D9B44A;
}

.training-wrap .join-list li:nth-child(1) dt {
	background-image: url(../img/training/label-03.png);
}

.training-wrap .join-list li:nth-child(2),
.training-wrap .join-list li:nth-child(3) {
	background-color: #F39700;
}

.training-wrap .join-list li:nth-child(2) dt,
.training-wrap .join-list li:nth-child(3) dt {
	background-image: url(../img/training/label-04.png);
}

.training-wrap .join-list li dt p {
	color: #ffffff;
	text-align: center;
	font-weight: 600;
}

.training-wrap .join-list li dt p span {
	display: table-cell;
	vertical-align: middle;
}

.training-wrap .join-list li dd {
	padding: 13% 0;
}

.training-wrap .join-list li dd.wp {
	background-image: url(../img/training/training-text-03.png);
	background-repeat: no-repeat;
	background-color: #ffffff;
	background-size: 64% auto;
	color: #221814;
}

.training-wrap .join-list li dd.wp p span {
	width: 1em;
	height: 1em;
	margin-bottom: -.1em;
	margin-right: .5em;
}

.training-wrap .join-list li dd.wp p {}

.training-wrap .join-list li dd.wp p span {
	display: inline-block !important;
	background-image: url(../img/training/plus-icon.png);
	background-size: 100% auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;

}

.training-wrap .join-list li dd.img {
	padding-bottom: 0 !important;
}

.training-wrap .join-list li dd.img img {
	width: 100%;
	height: auto;
}



/**==============================================**/
/**==============================================**/
/*
/*
/*			SP
/*
/*
/**==============================================**/
/**==============================================**/


@media screen and (max-width:599px) {

	body {}

	header {}

	/* sp main-img */
	div.main-img-wrap {
		position: relative;
		overflow: hidden;
	}

	.main-img-wrap h1 {
		width: 70%;
		line-height: 2.4;
		margin-top: -1.2em;
		letter-spacing: .2em;
		text-indent: .2em;
	}

	/* sp inner */
	div.inner-wrap {}

	.inner-wrap h2 {
		width: 76%;
		line-height: 4em;
		margin-top: -1em;
		letter-spacing: .1rem;
		text-indent: .1rem;
		font-size: 2.5rem;
		margin-bottom: 5%;
	}

	.inner-wrap h2:after {
		content: "";
		display: block;
		padding-top: 34.1%;
	}

	.inner-wrap h2 span {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		margin-top: -.3em;
		display: block;
	}

	.inner-wrap strong {
		font-size: 1.5rem;
		line-height: 1.7;
	}

	.inner-wrap strong span {
		font-size: 1.6rem;
	}

	.inner-wrap>p {
		font-size: 1.4rem;
		line-height: 1.8;
		margin: 5% auto;
		width: 94%;
	}

	.inner-wrap>a {
		margin-bottom: 8%;
	}

	.join-list li {
		width: 98%;
		margin: 0 auto 1%;
	}

	.uasp-p .join-list li {
		height: auto !important;
	}

	.join-list li dd {
		padding-bottom: 3.5%;
		line-height: 1.5;
	}

	.join-list li dd strong {
		margin: .2em auto;
	}

	.join-wrap p.att {
		line-height: 1.6;
		font-size: 1.6rem !important;
		margin: 1em auto;
	}

	.join-list li dd p span {
		font-weight: bold;
		padding: 5% 0 3%;
		display: block;
	}

	.training-wrap .join-list li:nth-child(2) dd .flex figure {
		margin-top: 20px;
	}

	.training-wrap .join-list li:nth-child(2) dd .flex figure img {
		width: 90%;
	}






	/* sp injapan-wrap */
	div.injapan-wrap {}

	/* sp type-wrap */
	div.type-wrap {}

	.type-wrap:before {
		padding-top: 50%;
	}

	.type-wrap div.cap-wrap div.headd {
		width: 80%;
		margin: 18% auto auto;
	}

	.cap-wrap p {
		bottom: 3%;
		line-height: 1.3;
		width: 70%;
		background: rgba(255, 255, 255, .8);
		padding: 1% 0;
		border-radius: 5px;
		font-size: 1.3rem !important;
	}

	.type-wrap div.img-wrap {
		width: 100%;
		background-color: #ffffff;
	}

	.flex-gsk img {
		width: 100%;
		margin-bottom: 15px;
	}

	.img-wrap div.hum-lf {
		width: 56%;
		float: none;
		position: absolute;
		top: -3%;
		left: 0;
		z-index: 2;
	}

	.img-wrap div.hum-rg {
		width: 60%;
		float: none;
		position: absolute;
		right: -5%;
		top: -10%;
		z-index: 1;
	}

	.injapan-wrap .join-list {
		position: relative;
		z-index: 3;
	}

	.join-wrap .join-cap {
		width: 100%;
	}

	.join-list li dd.wp {
		width: 94%;
		margin: auto;
		padding-top: 15%;
		background-position: 50% 10%;
		background-size: 80% auto;
	}

	.cap-wrap {
		background: rgba(0, 0, 0, .1);
		padding: 5% 0 0;
	}

	.cap-wrap div.headd {
		background: #004F89;
		width: 90%;
		margin: auto;
		text-align: center;
		padding: 2% 0;
	}

	.cap-wrap div.headd h3 {
		color: #ffffff;
		width: 100%;
		right: auto;
		bottom: auto;
	}

	.cap-wrap h3 strong {
		font-size: 1.35em;
	}

	.cap-wrap h3 strong em {
		font-style: normal;
		font-size: .73em;
	}

	.cap-wrap p {
		margin: 2% auto 0;
		text-align: center;
		width: 80%;
		font-size: 1.6rem !important;
	}

	.injapan-wrap .join-wrap dt>span {
		padding: 6% 0;
	}

	.injapan-wrap .join-wrap dt>span img {
		width: 50%;
	}

	.injapan-wrap dl dd {
		padding: 32px 0;
	}

	.injapan-wrap dl dd>p {
		font-size: 2rem;
		text-align: center;
	}

	.injapan-wrap dl dd ul {
		margin: 8% auto 0;
		width: 86%;
	}

	.injapan-wrap .join-wrap ul li {
		text-align: center;
		padding: 4% 8% 5%;
		font-size: 1.6em;
	}

	.injapan-wrap .join-wrap ul li:not(:last-child) {
		margin-bottom: 3.8%;
	}

	.injapan-wrap li p {
		font-size: 1.8em;
	}

	.injapan-wrap li span {
		font-size: 1.2em;
		line-height: 1.4;
		padding: 5px 0;
	}

	.injapan-wrap li strong {
		margin: 20px 0 10px;
	}





	/* sp dw-list */
	ul.dw-list {
		width: 88%;
		margin: 5% auto 0;
	}

	.dw-list li {
		width: 100%;
		margin-bottom: 3%;
	}

	.dw-list li a {
		width: 100%;
		margin: auto;
		box-sizing: border-box;
		border-width: 2px;
	}


	/* training-wrap */
	div.training-wrap {
		margin-top: 15%;
	}

	.training-wrap strong {
		margin-bottom: 5%;
	}

	.training-wrap .join-list li:nth-child(1) {
		padding-bottom: 3%;
	}

	.training-wrap .join-list li:nth-child(1) dt {
		background-image: url(../img/training/label-03-sp.png);
	}

	.training-wrap .join-list li:nth-child(2) dt,
	.training-wrap .join-list li:nth-child(3) dt {
		background-image: url(../img/training/label-04-sp.png);
	}


	.txt-01 {
		font-size: 23px !important;
		font-weight: 700;
		color: #339582;
		padding: 20px;
	}

	.txt-01-b {
		font-size: 23px !important;
		font-weight: 700;
		color: #EE7A25;
		padding: 20px;
	}

	.txt-02 {
		font-size: 17px !important;
		color: #231815;
		font-weight: normal;

	}

	.txt-03 {
		font-size: 16px !important;
		color: #231815;
		font-weight: normal;
		margin-bottom: 20px;
	}






}








@media screen and (min-width: 600px) and (max-width: 959px) {
	/*
	.join-list li:last-child dl dd:nth-child(2) {
		margin-bottom: 1.8em;
	}
*/
}

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









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

	body {}

	div.content-wrap {
		border-bottom: 7px solid #EEEFEF;
		padding-bottom: 90px;
	}

	header {}



	/* pc main-img */
	div.main-img-wrap {}

	div.main-img-wrap h1 {
		width: 40%;
		line-height: 2.2;
		margin-top: -1.2em;
		letter-spacing: .2em;
		text-indent: .2em;
	}

	/* pc inner */
	div.inner-wrap {}

	.inner-wrap h2 {
		width: 364px;
		height: 124px;
		line-height: 96px;
		margin-top: -50px;
		margin-bottom: 37px;
		letter-spacing: .2rem;
		text-indent: .2rem;
		font-size: 30px;
	}

	.inner-wrap>strong {
		font-size: 25px;
		line-height: 1.7;
	}

	.inner-wrap>strong span {
		font-size: 31px;
	}

	.inner-wrap>p {
		font-size: 18px;
		line-height: 1.8;
		margin: 23px auto 0;
	}


	/* type-wrap */
	.type-wrap {
		/*	margin-top: -2%;*/
		/*max-width: 1638px;*/
	}

	.type-wrap:before {
		padding-top: 22.7%;
	}

	.type-wrap div.cap-wrap {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		margin: auto;
		z-index: 2;
	}

	.cap-wrap div.headd {
		position: absolute;
		background: #004F89;
		right: 0;
		left: 0;
		height: auto;
	}

	.cap-wrap div.headd:before {
		content: "";
		display: block;
		padding-top: 22.9%;
	}

	.cap-wrap div.headd h3 {
		color: #ffffff;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		text-align: center;
	}

	.cap-wrap h3 span {
		display: block;
	}

	.cap-wrap h3 strong em {
		font-style: normal;
	}

	.cap-wrap p {
		position: absolute;
		right: 0;
		left: 0;
		margin: auto;
		text-align: center;
	}

	.cap-wrap div.headd {
		width: 47.6%;
		margin: 5% auto auto;
		max-height: 144px;
	}

	.cap-wrap div.headd h3 {
		font-size: 31px;
	}

	.cap-wrap div.headd:after {
		content: "";
		width: 100%;
		height: 21.8%;
		display: block;
		position: absolute;
		bottom: -20.8%;
		left: 0;
		background: url(../img/training/training-type-3-arrow.png) 50% 50% no-repeat;
		background-size: 100% auto;
	}

	.cap-wrap p {
		width: 47.6%;
		bottom: 10%;
	}

	.type-wrap .img-wrap {
		width: 91.6%;
	}

	.img-wrap div.hum-lf {
		width: 26.8%;
	}

	.img-wrap div.hum-rg {
		width: 26.8%;
	}






	/* pc join-wrap */
	div.join-wrap {}

	.inner-wrap>a {
		max-width: 425px;
		height: 95px;
		width: 33%;
		font-size: 25px;
		line-height: 95px;
		letter-spacing: .2rem;
		text-indent: .2em;
		background-size: auto 1.2em;
	}

	.inner-wrap>a:hover {
		background-size: auto 1.2em;
	}

	ul.join-list {
		width: 100%;
	}

	.join-list li {
		float: left;
	}

	.join-list li dt {}

	.join-list li dd strong {
		font-size: 40px;
		margin: .3em auto;
	}

	.uaipad .join-list li:last-child dl dd.img {
		margin-top: 1em;
		padding: 0;
	}

	.uasp.uasp-l .join-list li:last-child dl dd.img {
		margin-top: 2.5em;
		padding: 0;
	}



	/* pc injapan-wrap */
	div.injapan-wrap {}

	.injapan-wrap .join-wrap {
		margin-top: -1px;
		position: relative;
		z-index: 3;
	}

	.injapan-wrap .join-wrap .join-cap {
		position: absolute;
		z-index: 4;
		bottom: 16%;
		width: 85.6%;
		margin: auto;
		right: 0;
		left: 0;
	}

	.injapan-wrap .join-list li {
		width: 50%;
	}

	.injapan-wrap .join-list li dd {
		padding-bottom: 30%;
	}

	.injapan-wrap .join-wrap p.att {
		font-size: 18px;
		margin: 1.6em auto 2.6em;
		width: 90%;
	}

	/* pc dw-list */
	ul.dw-list {
		width: 850px;
		margin: auto;
	}

	.dw-list li {
		width: 50%;
		float: left;
		max-width: 425px;
		font-size: 25px;
		line-height: 95px;
		letter-spacing: .2rem;
		text-indent: .2em;
		background-size: auto 1.2em;
	}

	.dw-list li a {
		max-width: 370px;
		width: 100%;
		margin: auto;
		border-width: 2px;
	}

	.cap-wrap h3 span {
		display: block;
		font-size: .8em;
		margin-top: 3%;
	}

	.cap-wrap h3 strong {
		font-size: 1.35em;
	}

	.cap-wrap h3 strong em {
		font-style: normal;
		font-size: .73em;
	}

	.injapan-wrap .join-wrap dt span {
		padding: 38px 0 30px;
	}

	.injapan-wrap .join-wrap dt span img {
		width: 60%;
		max-width: 560px;
	}

	.injapan-wrap dl dd {
		padding: 31px 0 60px;

	}

	.injapan-wrap dl dd>p {
		font-size: 20px;
		text-align: center;
	}

	.injapan-wrap dl dd ul {
		margin: 35px auto 0;
		max-width: 1058px;
		width: 90%;
	}

	.injapan-wrap .join-wrap ul li {
		width: 30.8%;
		text-align: center;
		float: left;
		padding: 15px 2% 28px;
		font-size: 26px;
	}

	.injapan-wrap .join-wrap .green li {
		width: 47%;
		text-align: center;
		float: left;
		padding: 15px 2% 28px;
		font-size: 26px;
	}

	.injapan-wrap .join-wrap ul li:not(:last-child) {
		margin-right: 3.8%;
	}

	.injapan-wrap .join-wrap .green li:not(:last-child) {
		margin-right: 6%;
	}

	.injapan-wrap li span {
		font-size: 20px;
	}

	.injapan-wrap li span em {
		display: inline-block;
	}

	.injapan-wrap li strong {
		margin: 20px 0 10px;
	}

	.txt-01 {
		font-size: 23px;
		font-weight: 700;
		color: #339582;
		padding: 20px;
	}

	.txt-01-b {
		font-size: 23px;
		font-weight: 700;
		color: #EE7A25;
		padding: 20px;
	}

	.txt-02 {
		font-size: 17px;
		color: #231815;
		font-weight: normal;

	}

	.txt-03 {
		font-size: 16px;
		color: #231815;
		font-weight: normal;
	}

	.injapan-wrap dl dd .flexgr {
		margin: 35px auto 0;
		max-width: 836px;
		width: 90%;
	}

	.flexgr li {
		padding: 20px 5px;
	}

	.heightauto {
		height: auto !important;
	}

	.flex {

		margin: 0 auto;
		text-align: center;

		display: -webkit-box;
		display: -ms-box;
		display: -webkit-flexbox;
		display: -moz-flexbox;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: top;
		-ms-flex-align: top;
		align-items: top;
	}

	/* pc training-wrap */
	div.training-wrap {
		margin-top: 10%;
	}

	.training-wrap strong {
		margin-bottom: 3%;
	}

	.training-wrap .join-list li {
		width: 50%;
	}

	.training-wrap .join-list li:first-child {
		width: 50%;
	}

	.training-wrap .join-list li dt::before {
		padding-top: 50%;
	}

	.training-wrap .join-list li:nth-child(2) dt:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 200%;
		height: 100%;
		background: rgba(0, 0, 0, .1);
		z-index: 2;
		background-image: url(../img/training/label-04.png);
		background-size: 100% auto;
		background-position: 50% 0;
	}

	.training-wrap .join-list li:nth-child(2) dt p {
		z-index: 3;
		width: 100%;
		height: 100%;
		font-size: 40px;
	}

	.training-wrap .join-list li dt p {
		font-size: 29px;
	}

	.training-wrap .join-list li:nth-child(2) dd {
		position: relative;
	}

	.training-wrap .join-list li:nth-child(2) dd:after {
		content: "";
		width: 1px;
		height: 100%;
		background: #ffffff;
		position: absolute;
		top: 7%;


		right: 0;
		display: block;
	}

	.training-wrap .join-list li:nth-child(2) dd .flex {
		width: 90%;
		justify-content: space-between;
		margin-top: 40px;
	}

	.training-wrap .join-list li:nth-child(2) dd .flex figure {
		flex-basis: 48%;
	}



	.training-wrap .join-list li:nth-child(2) dt,
	.training-wrap .join-list li:nth-child(3) dt {
		background: none;
	}

	.training-wrap .join-list li:nth-child(3) dt p {
		display: none;
	}

	.training-wrap .join-wrap p.att {
		font-size: 22px;
		margin: 3.3% auto;
		line-height: 1.7;
	}

	.bgw {
		background-color: #ffffff;
		z-index: 0;

	}

	.flex-gsk {
		max-width: 1024px;
		margin: 50px auto;
	}

	.flex-gsk li {
		width: 31%;

	}

	.flex-gsk li:not(:last-child) {
		margin-right: 3.5%;
	}























}