@charset "UTF-8";
body {
  width:100%;
}


.event-lp__information {
  background:none;
}

.contents {
  width:100%;
  /*background:url(../images/add/background.png);*/
  background-repeat: repeat-y;
  background-position: top center;
  -webkit-background-size:contain;
  background-size:contain;
}

@media only screen and (min-width: 640px) , print {
body {  font-size:1.1em;}
}

.contents {
  width:100%;
  font-size:1.4em;
  font-weight:normal;
  color: #313131;
  /*background:url(../images/add/background.png);*/
  background-repeat: repeat-y;
  background-position: top center;
  -webkit-background-size:cover;
  background-size:contain;
}

.contents img {
  height: auto
}

.wrapper {
  width:100%;
  overflow:hidden;
}


.comingsoon_txt {
  font-size:1.2em;
  text-align:center;
  padding-bottom:100px;
}

.contents_catch {
  margin-bottom:40px;
  text-align:center;
  color:#1ab584;
  font-weight:bold;
  font-size: 1.2em;

}

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

.contents_catch br {
  display:none;
}

}



/***************************************/
/*-------------infection---------------*/
/***************************************/

.infection img {
  margin-bottom:10px;
  height: auto;
}

.infection a {
  color: #19a4b9;
  text-decoration:underline;
}

.infection a:hover {
  opacity: 0.75;
}

@media only screen and (max-width: 640px) {
  .infection {
    margin-bottom:80px;
  }

  .infection p {
    text-align: center;
  }
}

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

  .infection p {
    text-align: center;
  }
}







/***************************************/
/*------------default_list-------------*/
/***************************************/

.event-lp__summary-companylist-unit {
  width:100%;
  margin:0 auto;
  /*padding-top:50px;*/
}

.event-lp__summary-companylist-unit p {
  text-align:center;
}

.event-lp__summary-companylist-list {
  margin-top:20px;
}

@media only screen and (max-width: 640px) {
.event-lp__summary-companylist-notice {
  padding:0;
}
}

/***************************************/
/*-----------default_seminar-----------*/
/***************************************/

.information_text {
  width:100%;
  margin-bottom:30px;
  font-weight:bold;
  color: #c62828;
}

.event-lp__information-catch,
.event-lp__information-title {
  font-weight:bold;
}

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

.seminar_head img {
  width:100%;
  margin-bottom:30px;
}


@media only screen and (min-width: 640px) , print {
.information_text {
  width:1000px;
  margin:0 auto 50px;
  text-align:center;
}

.day2 {background-color:#9c1d39;}


.seminar_head {
  width:600px;
  margin:0 auto;
}

.seminar_head img {
  margin-bottom:30px;
}

}


/***************************************/
/*---------------benefit---------------*/
/***************************************/

.benefit {
  margin-top:100px;
  padding-top:60px;
  padding-bottom:60px;
  background-color:#fff;
}

.benefit_items {
  width:90%;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-direction:column;
  -moz-flex-direction:column;
  -ms-flex-direction:column;
  -o-flex-direction:column;
  flex-direction:column;
  margin:0 auto;
}

.benefit_items li {
  width:100%;
  margin-bottom:20px;
  /*background-color:#81e3db;*/
  background-color:#EE89B5;
}


.benefit_items li img {
  width:100%;
}

.benefit_notice {
  width:90%;
  margin:0 auto;
}

.benefit_notice p {
  line-height:1.4;
  border-bottom: #ccc solid 1px;
  padding-bottom:20px;
  margin-bottom:20px;
}

.benefit .about_egift {
  width:86%;
  margin:0 auto;
}

@media only screen and (max-width: 640px) {
.benefit .about_egift .pc_on {display:none;}
}

@media only screen and (min-width: 640px) , print {
.benefit .about_egift .sp_on {display:none;}
}

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


.benefit_items {
  width:900px;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-direction:row;
  -moz-flex-direction:row;
  -ms-flex-direction:row;
  -o-flex-direction:row;
  flex-direction:row;
  justify-content:center;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  -o-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-bottom:10px;
}

.benefit_items li {
  width:48%;
}

.benefit_items li:first-child {
  margin-right:4%;
}

.benefit_notice {
  width:900px;
  margin:0 auto;
}

.benefit_notice p {
  line-height:1.4;
  text-align:center;
}

.benefit_notice p br {
  display:none;
}

.benefit_notice p br.pc {
  display:inline;
}

.benefit .about_egift {
  width:800px;
  margin:0 auto;
}

}



/***************************************/
/*---------------catch---------------*/
/***************************************/

.catch {
  background-color:#ffe100;
  padding:20px;
}

.catch img {
  width:800px;
  margin:0 auto;
}

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

.catch {
  width:100%;
  padding:20px 0;
}

.catch_company {
  width:90%;
  margin:0 auto;
}

.catch img {
  width:100%;
  margin:0 auto 20px;
}


}



/***************************************/
/*---------------pickup----------------*/
/***************************************/

.pickup {
  width:84%;
  margin:0 auto;
}

.pickup_item h3 {
  border: #000 solid 2px;
  background-color:#fff;
  padding:3px;
  font-size:1.5em;
  font-weight:bold;
  text-align:center;
  box-shadow:5px 5px 0 -2px #e95377,5px 5px 0 0 black;
}

.pickup_item > p {
  width:94%;
  margin:0 auto;
  padding:20px;
  padding-bottom:16px;
  font-size:1.2em;
  line-height:1.4;
  background-color:#e95377;
  font-weight:bold;
  /*color: #fff;*/
  border: #000 solid 2px;
  border-top:none;
  color: #fff;
  text-shadow:2px 2px 2px #9b1859;
}

.pickup_item dl {
  width:94%;
  margin:0 auto 50px;
  padding:20px;
  /*padding-bottom:8px;*/
  border: #000 solid 2px;
  border-top:none;
  background-color:#fff;
}

.pickup_item dt {
  font-weight:bold;
  font-size:1.3em;
  margin-bottom:-2px;
}

.pickup_item dd {
  font-size:1.1em;
  margin-bottom:24px;
}

.pickup_item dd.last {
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom: #ccc solid 1px;
}

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

.pickup_item ul.other {
  font-size:0.9em;
  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_item ul.other li:after {
  content: "／";
}

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


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


.pickup_item_wrap {
  width:1000px;
  margin:0 auto;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  justify-content:space-between;
}

.pickup_item {
  width:48%;
}

.pickup_item > p {
  color: #fff;
  text-shadow:2px 2px 2px #9b1859;
}

.pickup_item dl {
  width:94%;
  margin:0 auto 50px;
  padding:20px;
  /*padding-bottom:8px;*/
}

.pickup_item dt {
  margin-bottom:-2px;
}

.pickup_item dd {
  margin-bottom:12px;
}

.pickup_item ul.other {
  font-size:1.0em;
}


.pickup_item:first-child ul.other {
  padding-bottom:220px;
}



}




.cs {display: none;}




@media only screen and (min-width: 640px) , print {
  .sp {display:none;}
}


/***************************************/
/*------------step-------------*/
/***************************************/

.step {
  padding-top:50px;
  /*padding-bottom:100px;*/
}

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

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

.step_number img {
  width:140px;

}

.step_txt {
  width:58%;
}

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

.step_inner:nth-child(2) {
  background:url(../images/step/step1_image.png) bottom right no-repeat;
  -webkit-background-size:38%;
  background-size:38%;
  border-top:none;
}

.step_inner:nth-child(4) {
  background:url(../images/step/step2_image.png) bottom right no-repeat;
  -webkit-background-size:38%;
  background-size:38%;
}

.step_inner:nth-child(5) {
  background:url(../images/step/step3_image.png) bottom right no-repeat;
  -webkit-background-size:38%;
  background-size:38%;
}

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

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

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


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

.step {
  width:800px;
  margin:0 auto;
  background-color:#f7f7f7;
  padding-bottom:30px;
}


.step_inner:nth-child(2) {
  -webkit-background-size:240px;
  background-size:240px;
}

.step_inner:nth-child(4) {
  -webkit-background-size:240px;
  background-size:240px;
}

.step_inner:nth-child(5) {
  -webkit-background-size:240px;
  background-size:240px;
  margin-bottom:50px;
}


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


}




/***************************************/
/*------------company_logo-------------*/
/***************************************/

.company_logo {
  text-align:center;
  font-size:1.4em;
  padding-top:30px;
}

.company_logo ul {
  width:94%;
  margin:0 auto 30px;
  padding-bottom:20px;
  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-between;
  border-bottom:#ebebeb solid 1px;
}

.company_logo ul li {
  /*width:24%;*/
  margin-bottom:10px;
}

@media only screen and (min-width: 640px) , print {
.company_logo ul {
  /*width:1000px;*/
  padding-bottom:50px;
  /*margin-bottom:150px;*/
}
/*.company_logo ul li {
  width:16%;
}*/
.logo_blank {
  width:320px;
}
}


.event-lp__information-list {
  justify-content:center;
}



.benefit_plus {
  width:800px;
  margin:0 auto;
  padding-bottom:50px;
  margin-bottom:50px;
  border-bottom: #ccc solid 1px;
}

.benefit_plus p {
  margin-top:10px;
  text-align:center;
  font-size:0.9em;
}

@media only screen and (max-width: 640px) {
.benefit_plus {
  width:96%;
}
}


td.event-lp__summary-companylist-tbody-desc a {
  display:block;
  color: #19a4b9;
  text-decoration:underline;
}



/***************************************/
/*-----------------FAQ-----------------*/
/***************************************/

.faq_wrap {
  background-color:#fff;
  padding-top:50px;
}

.faq {
  width:800px;
  margin:50px auto 20px;
}

.faq_item {
  width:740px;
  margin:60px auto;
  padding-bottom:20px;
  border-bottom: #999 solid 1px;
}

.faq_item_q {
  font-size:1.2em;
  color: #01ade1;
  font-weight:bold;
  margin-bottom:20px;
  background:url(../images/add/faq_q.svg) no-repeat;
  -webkit-background-size:40px;
  background-size:40px;
  padding-left:56px;
  min-height: 50px;
  position: relative;
}

.faq_item_q:hover {
  opacity: 0.6;
  cursor:pointer;
}

.faq_item_q:after {
  content:"";
  display:inline-block;
  width:14px;
  height:14px;
  border-top: #01ade1 3px solid;
  border-right: #01ade1 3px solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  right:10px;
  top:10px;
}

.faq_item_q.open:after {
  content:"";
  display:inline-block;
  width:14px;
  height:14px;
  border-top: #01ade1 3px solid;
  border-right: #01ade1 3px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  right:10px;
  top:10px;
}

.faq_item_a {
  background:url(../images/add/faq_a.svg) no-repeat;
  -webkit-background-size:40px;
  background-size:40px;
  padding-left:56px;
  color: #37474F;
  padding-top:6px;
  min-height: 50px;
  padding-right:50px;
}

.faq_item_a p {
  margin-bottom:8px;
}

.faq_item_a a {
  font-weight:bold;
  color: #26C6DA;
  text-decoration:underline;
}

.faq_item_a a:hover {
  text-decoration:none;
}

@media only screen and (max-width: 640px) {
.faq {width:100%;}
.faq_item {width:90%;margin:50px auto;}
.faq_item_q {  padding-right:50px;}
.faq_item_a {padding-right:50px;}
}
