@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
  width:100%;
  overflow:hidden;
  font-weight:normal;
}

.cs {display:none;}

/***************************************/
/*-------------補正---------------*/
/***************************************/

.contents {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

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

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

.contents_note {
  width:100%;
  margin:0 auto;
  font-size:1.4rem;
}

/*受付時間表示の調整ここから*/
.event-lp__summary-data-text.manual {
  text-align:center;
}

.event-lp__summary-data-text.manual:first-line {
  font-size:1.1em;
}

.event-lp__summary-data-text.manual span {
  font-size:0.9em;
}
/*受付時間表示の調整ここまで*/


/*event-lp__summary-place-text {
  text-align:center;
}/*Googleマップズレ調整*/

.event-lp__information-desc {
  font-size:1.4em;
}

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

.comingsoon_txt {
  width:100%;
  margin:0 auto 50px;
  font-size:1.6rem;
  text-align:center;
}

figure.event-lp__information-image {
  height:auto;
}

.event-lp__information-unit {
  position:relative;
}

.event-lp__information-label {
  top:-14px;
}

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


}


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

.contents_top {
  width:100%;
  background-color:#E95377;
  padding-top:20px;
  padding-bottom:20px;
  margin-bottom:20px;
}

.catch {
  margin:0 auto 40px;
  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:30px;
  background-color:#fff;
}

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

.pickup_catch {
  background-color:#61C1BE;
  padding:0.5em 1.0em;
  font-size:1.2em;
  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.3em;
  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;
}

.pickup_company h4 br {display:none;}

}






/***************************************/
/*- ----------company-------------*/
/***************************************/

.company {
  width:90%;
  margin:0 auto;
  font-size:1.2em;
  padding-top:20px;
  padding-bottom:40px;
}

.company_logo {
  margin:0 auto 30px;
}

.company_logo ul {
  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;
}

.company_logo ul li {
  margin-bottom:8px;
}

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

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

  .company_logo {width:900px;}
  .company_logo ul {width:900px;}


}





/***************************************/
/*- ----------seminar-------------*/
/***************************************/

.seminar_wrap {
  background-color:#f7f7f7;
}

.seminar {
  width:90%;
  margin:0 auto 40px;
  padding-bottom:50px;
}

.seminar_inner {
  margin-bottom:30px;
}

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


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



}



/***************************************/
/*- ----------corenr-------------*/
/***************************************/

.corner_wrap {
  width:90%;
  margin:0 auto 60px;
  padding-bottom:20px;
}

.corner .event-lp__information-item {
  margin-bottom:30px;
}

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

.corner_wrap {
  width:900px;
  margin:0 auto 30px;
}

.corner .event-lp__information-item {
  width:450px;
  margin:0 auto 30px;
}

}

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

.benefit_wrap {
  background-color:#f7f7f7;
  padding-top:30px;
  padding-bottom:40px;
}

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

.benefit_item {
  margin-bottom:20px;
}

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

.about_egift .sp_on {
  width:100%;
}

.about_egift .pc_on {
  display:none;
}

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

.benefit_item {
  width:900px;
  margin:0 auto 20px;
}

.about_egift .pc_on {
  display:block;
  width:900px;
  margin:0 auto;
}
}

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

.step {
  background-color:#fff;
  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 {
  font-size:1.4em;
  width:58%;
  font-weight:normal;
}

.step_inner h3 {
  font-weight:bold;
  font-size:2.0em;
  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;
  font-size:1.4em;
}


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

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


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

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

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


}


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

.infection {
  padding:50px 0;
  background-color:#f7f7f7;
}

.infection p.ift_main {
  width:90%;
  text-align:center;
  font-size:1.8em;
  font-weight:bold;
  margin:0 auto 20px;
}

.infection p.ift_link {
  font-size:1.2em;
  text-align:center;
}

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

.infection p.ift_main {
  width:900px;
  margin:50px auto 20px;
  text-align:center;
  font-size:2.0em;
  font-weight:bold;
}

.infection p.ift_main br {
  display:none;
}

.infection p.ift_link {
  font-size:1.4em;
  margin-bottom:50px;
}


}


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

.faq_wrap {
  background-color:#fff;
  padding-top:50px;
  padding-bottom: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.6em;
  font-weight:bold;
  color: #01ade1;
  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 {
  font-size:1.4em;
  font-weight:normal;
  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;}
}