.prjct {
  font-weight:normal;
}

.prjct > span {
  display:inline-block;
  background-color:#000;
  color: #fff;
  font-size:1.8em;
  font-weight:bold;
  padding-right:1.0em;
  padding-left:1.0em;
  margin-bottom:30px;
}

.prjct h2 {
  width:100%;
  height:auto;
  margin-bottom:10px;
}

.prjct h2 img {
  width:100%;
  height:auto;
}

.prjct h2+p {
  font-size:2.2em;
  font-weight:bold;
  margin-bottom:10px;
  line-height:1.4;
}

.prjct p {
  font-size:1.8em;
  margin-bottom:30px;
}

.prjct p:last-of-type {
  font-size:1.6em;
}

.prjct ul li {
  width:96%;
  font-size:1.8em;
  font-weight:bold;
  text-align:center;
  margin:0 auto 30px;
}

.prjct ul li a {
  display:block;
  padding-top:6px;
  padding-bottom:6px;
  border: #f39800 solid 2px;
  color: #f39800;
}

.prjct ul li a:hover {
  background-color:#f39800;
  color: #fff;
}

/*how*/

.event_lp_content_how {
  width:100%;
  background-color:#fff;
  padding:60px;
  margin-bottom:60px;
}

.event_lp_content_how h3 {
  width:600px;
  margin:0 auto 60px;
}

.how_item {
  width:1000px;
  margin:0 auto 40px;
}

.how_item_hl img {
  width:auto;
  height:100px;
  margin-right:20px;
  float:left;
}

.how_item_hl p {
  font-size:2.6em;
  line-height:1.4;
  font-weight:bold;
  padding-top:10px;
  color: #313131;
	margin-left:20%;
}

.how_item:nth-of-type(odd) .how_item_hl p {
  color: #1E90FF;
}

.how_item:nth-of-type(even) .how_item_hl p {
  color: #00BFFF;
}

.how_item_txt {
  clear:both;
  width:80%;
  margin-left:20%;
  font-size:1.6em;
}



/*SP*/
@media only screen and (max-width: 767px) {

/*how*/

.event_lp_content_how {
  width:100%;
  background-color:#fff;
  padding:40px 20px;
  margin-bottom:60px;
}

.event_lp_content_how h3 {
  width:70%;
  margin:0 auto 60px;
}

.how_item {
  width:100%;
  margin:0 auto 80px;
  text-align:center;
}

.how_item_hl img {
  display:block;
  width:20%;
  margin:0 auto;
}

.how_item_hl p {
  font-size:2.0em;
  line-height:1.4;
  font-weight:bold;
  padding-top:10px;
  color: #313131;
  margin-bottom:20px;
	text-align:left;
}

.how_item:nth-of-type(odd) .how_item_hl p {
  color: #1E90FF;
}

.how_item:nth-of-type(even) .how_item_hl p {
  color: #00BFFF;
}

.how_item_txt {
  width:86%;
  margin:0 auto;
  font-size:1.6em;
  text-align:left;
  font-weight:normal;
}
}

/*company_benefit_link*/

.company_benefit_link {
  width:600px;
  margin:0 auto;
  text-align:center;
}

.company_benefit_link a {
  display:block;
  padding:20px;
  background-color:#F44336;
  color:#fff;
  font-weight:bold;
  font-size:1.2em;
  line-height:1.6;
  border-radius:12px;
  box-shadow: 0px 8px 0px 0px rgba(211, 47, 47, 1.0);
}

.company_benefit_link a span {
  font-size:1.8em;
}

.company_benefit_link a:hover {
  box-shadow:none;
  opacity: 0.8;
  transform: translateY(8px);
}


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

.company_benefit_link {
  width:90%;
}

.company_benefit_link a span {
  font-size:1.3em;
}

}



/***************************************/
/*- ----------contents_top-------------*/
/***************************************/

.contents_top {
  width:100%;
  background-color:#00BFFF;
  padding-top:30px;
  padding-bottom:30px;
  margin-bottom:40px;
}

.catch {
  margin:0 auto 60px;
  padding:30px 20px;
  background:url(../images/add/ctach_bg.png) no-repeat right;
  -webkit-background-size:contain;
  background-size:contain;
}

.pickup {
  width:90%;
  margin:0 auto;
  font-size:1.4em;
}

.pickup_item {
  margin:40px auto 20px;
  padding-bottom:20px;
  background-color:#fff;
}

.pickup_item h3 {
  padding:0.5em;
  font-size:1.5em;
  font-weight:bold;
  text-align:center;
}

.pickup_catch {
  background-color:#0099FF;
  padding:0.5em 1.0em;
  font-size:1.0em;
  font-weight:bold;
  color: #fff;
  text-align:center;
}

.pickup_company {
  padding-top:20px;
  padding-left:1.0em;
  padding-right:1.0em;
  margin-bottom:40px;
}

.pickup_company h4 {
  font-size:1.6em;
  font-weight:bold;
  text-align:center;
}

.pickup_company p {
  font-size:1.1em;
  text-align:center;
  margin-bottom:24px;
}

.pickup_other {
  position:relative;
}

.pickup_other:before {
  content: '';
  position: absolute;
  left: 50%;
  top: -20px;/*線の上下位置*/
  display: inline-block;
  width: 60px;/*線の長さ*/
  height: 1px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: black;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}

.pickup_other p {
  font-size:1.1em;
  font-weight:bold;
  text-align:center;
}

.pickup_other ul {
  padding-left:1.0em;
  padding-right:1.0em;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  -o-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:center;
}

.pickup_other ul li {
  font-size:1.1em;
  margin-bottom:0.1em;
}

.pickup_other ul li:after {
  content:"／";
}

.pickup_other ul li:last-child:after {
  content:none;
}

@media only screen and (min-width: 640px) , print {

.catch {
  width:900px;
}

.catch img {
  width:80%;
}

.pickup {
  width:900px;
}

.pickup_company p br {
  display:none;
}

}

.seminar_reserve a {
  display:block;
  background-color:#3399FF;
  color: #FFF;
  text-align:center;
  padding:10px;
  margin-top:20px;
  margin-bottom:16px;
  border-radius:6px;
  font-weight:bold;
  font-size:1.6em;
}


/*- -----company_block------*/

.company_block {
  width:800px;
  margin:20px auto;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  -o-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-around;
}

.company_item {
  width:380px;
  background-color:#fff;
  padding:16px;
  margin-bottom:20px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  text-align:center;
}

.company_logo {
  width:260px;
  margin:0 auto;
}

.company_txt h3 {
  font-size:1.8em;
  font-weight:bold;
  margin-bottom:6px;
}

.company_txt p {
  font-size:1.2em;
}


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

.company_block {
  width:86%;
}

.company_item {
  -webkit-flex-direction:column;
  -moz-flex-direction:column;
  -ms-flex-direction:column;
  -o-flex-direction:column;
  flex-direction:column;
  padding:10px;
}

.company_logo {
  width:80%;
  margin:0 auto;
}

.company_txt h3 {
  font-size:1.4em;
  text-align:center;
  padding:0;
}

.company_txt p {
  font-size:1.2em;
  text-align:center;
  padding-bottom:20px;
}

}

/***************************************/
/*------------step2-------------*/
/***************************************/

.step2 {
  background-color:#fff;
  padding-top:50px;
  /*padding-bottom:100px;*/
}

.step2_inner {
  width:90%;
  margin:0 auto 40px;
  padding-top:40px;
  border-top: #00b7ee solid 1px;
}

.step2_number {
  width:100%;
  margin-bottom:10px;
}

.step2_number img {
  width:140px;

}

.step2_txt {
  font-size:1.4em;
  font-weight:normal;
}

.step2_inner h3 {
  font-weight:bold;
  font-size:2.0em;
  line-height:1.4;
  margin-bottom:10px;
}


.step2_inner p {
  margin-bottom:10px;
}

.step2_inner a {
  font-weight:bold;
  color: #19a4b9;
}

.step2_inner2 {
  width:90%;
  margin:-60px auto 40px;
  padding-top:40px;
  font-size:1.4em;
}


@media only screen and (min-width: 640px) , print {

.step2 {
  width:800px;
  margin:0 auto;
  padding-bottom:30px;
}



.step2_inner2 {
  width:90%;
  margin:-60px auto 40px;
  padding-top:40px;
}


}


/***************************************/
/*- ----------etc-------------*/
/***************************************/

.etc_wrap {
  background-color:#f7f7f7;
}

.etc {
  width:90%;
  margin:0 auto 40px;
  padding-top:50px;
  padding-bottom:80px;
  background-color:#f7f7f7;
}

.etc_inner {
  margin-bottom:30px;
}

.etc_inner .event-lp__information-catch {
  border-bottom: #54c3f1 solid 2px;
  padding-bottom:4px;
}

.event-lp__information-label.day2 {
  background-color:#D32F2F;
}

.etc_cs_text {
  font-size:1.8em;
  margin-bottom:30px;
}


@media only screen and (min-width: 640px) , print {
  .etc {
    width:1000px;
    margin:0 auto 60px;
  }


}