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, 0.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-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; }

.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; }

.injapan-wrap .join-wrap dt > span {
  background: rgba(0, 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 ul li:nth-child(1) strong {
  color: #c30d23; }

.injapan-wrap ul li:nth-child(2) strong {
  color: #009c74; }

.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; }

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

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

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

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

/*
.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;
}
.join-list li dd.wp p span {
	width: 1em;
	height: 1em;
	margin-bottom: -.1em;
	margin-right: .5em;
}

.join-list li dd.wp p {}
.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;

}
.join-list li dd.img {
	padding-bottom: 0 !important;
}
.join-list li dd.img img {
	width: 100%;
	height: auto;
}
*/
/**==============================================**/
/**==============================================**/
/*
/*
/*			SP
/*
/*
/**==============================================**/
/**==============================================**/
@media screen and (max-width: 599px) {
  /* 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 */
  .inner-wrap h2 {
    width: 76%;
    line-height: 4em;
    margin-top: -1em;
    letter-spacing: .1rem;
    text-indent: .1rem;
    font-size: 2.1rem;
    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%; }

  .cap-wrap div.headd h3 {
    margin: auto;
    padding-top: .5em;
    line-height: 1.6; }

  .cap-wrap h3 span {
    /*
    		width: 1.4em;
    		height: 1.4em;
    		background-size: contain;
    		margin: auto;
    */ }

  .join-wrap p.join-cap {
    line-height: 1.6;
    padding: 2% 0; }

  .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;
    padding: 2% 0 !important; }

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

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

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

  /* sp injapan-wrap */
  /* sp 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, 0.8);
    padding: 1% 0;
    border-radius: 5px;
    font-size: 1.3rem !important; }

  .type-wrap div.img-wrap {
    width: 100%; }

  .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, 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.6em; }

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

  .injapan-wrap li strong {
    margin: 3% 0;
    font-size: 1.8em;
    line-height: 1.4; }

  /* 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 h2 {
    font-size: 2rem;
    line-height: 1.6; }

  .training-wrap h2 span {
    padding-top: .5em;
    display: block; }

  .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); }

  .training-wrap .join-list li dt p span {
    font-size: 2.8rem !important; } }
@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) {
  div.content-wrap {
    border-bottom: 7px solid #EEEFEF;
    padding-bottom: 90px; }

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

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

  .inner-wrap > strong {
    font-size: 25px;
    line-height: 1.7;
    width: 94%;
    margin: auto; }

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

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

  /* 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: 4% 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: 45.6%;
    bottom: 8%;
    line-height: 1.4; }

  .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 */
  .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 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 */
  .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 ul li strong {
    /*		font-size: 35px;*/
    word-break: break-all;
    font-size: 2.692vw; }

  .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: 390px;
    width: 100%;
    margin: auto;
    border-width: 2px; }

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

  .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: 20px 0 20px;
    font-size: 64px;
    color: #fff;
    font-weight: bold;
    font-family: sans-serif;
    text-align: center; }

  .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: 24px;
    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: 2vw; }

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

  .injapan-wrap li span {
    font-size: 22px;
    padding: 5px; }

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

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

  .training-wrap h2 {
    line-height: 1.6;
    font-size: 28px; }

  .training-wrap h2 span {
    padding-top: .5em;
    display: block; }

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

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

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

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

  .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, 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: 200%;
    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: 96%;
    background: #ffffff;
    position: absolute;
    top: 2%;
    right: 0;
    display: block; }

  .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; }

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

  .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: 24px;
    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; }

  .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%; } }
@media print, screen and (min-width: 1300px) {
  .injapan-wrap .join-wrap ul li {
    font-size: 26px; }

  .injapan-wrap ul li strong {
    font-size: 35px; } }

/*# sourceMappingURL=training.css.map */