@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

.noto-sans-jp {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

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;
  text-align: right;
}

/*受付時間表示の調整ここから*/
.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;
}

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


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

.contents_top {
  width:1200px;
  margin:20px auto 100px;
  text-align:center;
}

.contents_top p {
  font-size:2.0em;
  font-weight:500;
  margin-bottom:24px;
}

.contents_top p br.sp {
  display:none;
}

.contents_top p.ct_head {
  font-size:3.4em;
  color: #00afec;
  font-weight:800;
  line-height:1.4;
}

.contents_top p.ct_bottom {
  font-size:2.6em;
  font-weight:800;
}

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

.contents_top p {
  font-size:1.6em;
  font-weight:500;
  margin-bottom:24px;
}

.contents_top p.ct_head {
  font-size:2.6em;
}

.contents_top p.ct_bottom {
  font-size:2.4em;
}

.contents_top p br.sp {
  display:inline;
}

}





/***************************************/
/*- ----------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__seminar-reserve {
  width:92%;
  font-size:1.4em;
  margin-top:auto;
  margin-right:auto;
  margin-left:auto;
  margin-bottom:40px;
  padding-top:30px;
  border-top:#ccc solid 1px;
  font-weight:normal;
}

.event-lp__seminar-reserve p.notice {
  font-size:1.0em;
  margin-bottom:8px;
}

.event-lp__seminar-reserve p.notice a {
  color: #26C6DA;
  font-weight:bold;
  text-decoration:underline;
}

.event-lp__seminar-reserve p.notice a:hover {
  opacity: 0.75;
  text-decoration:none;
}

.event-lp__seminar-reserve-btn a {
  display:block;
  background-color:#26C6DA;
  color: #fff;
  /*background-color:#B0BEC5;*/
  color: #FFF;
  text-align:center;
  padding:10px;
  margin-top:20px;
  margin-bottom:20px;
  border-radius:6px;
  font-weight:bold;
  text-decoration:none;
  font-size:1.3em;
}

.event-lp__seminar-reserve-btn a:hover {
  opacity: 0.75;
}


.twenty_minutes {
  font-size: 1.3em;
  background-color: #E8F5E9;
  padding: 16px;
  margin-bottom: 16px;
  line-height: 1.6;
}

.twenty_minutes span {
  font-weight: bold;
}

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


.event-lp__seminar-reserve {
  font-size:1.4em;
}


}



/***************************************/
/*- ----------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: 640px) , print {

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

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

}

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


.corner_wrap {
  width:1000px;
  margin:50px auto;
}


}

.corner_plus {
  margin-bottom:20px;
}

.schedule {
  font-weight:bold;
}

.corner_notice {
  padding:18px;
  background-color:#ECEFF1;
}

.corner_notice span {
  font-weight:bold;
  line-height:1.4;
}





/***************************************/
/*----------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 {
  padding-bottom:30px;
}

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

.benefit_item.half {
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
justify-content:center;
}

.benefit_item.half a {
  width:49%;
}

.benefit_item.half a img {
  width:100%;
  height: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;}
}



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

.pickup_wrap {
  background-color:#f7f7f7;
  padding-top:50px;
  padding-bottom:50px;
  margin-bottom:50px;
}

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

.pickup_item_wrap {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}

.pickup_item {
  width: 90%;
  margin:40px auto 0;
  padding-bottom:30px;
  /*background-color:#fff;*/
}

.pickup_item h3 {
  background-color:#00b097;
  padding:0.2em 1.0em;
  margin-bottom:16px;
  font-size:1.3em;
  font-weight:bold;
  color: #fff;
  text-align:center;
}

.pickup_catch {
  display: flex;
  justify-content: center;
  font-size:1.4em;
  line-height:1.4;
  margin-bottom:8px;
  font-weight:bold;
  text-align:center;
  color: #00b097;
}

.pickup_catch:before {
  content:"＼";
}

.pickup_catch:after {
  content:"／";
}

.pickup_other {
  position:relative;
}

.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: 767px) , print {

.catch {
  width:900px;
}

.catch img {
  width:80%;
}

.pickup_item_wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.pickup_item {
  width: 48%;
}

.pickup {
  width:900px;
}

.pickup_company p br {
  display:none;
}

.pickup_company h4 br {display:none;}

.pickup_catch p br,
.pickup_item h3 br {display:none;}

}



/***************************************/
/*- ----------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 {
  color: #00afec;
  font-weight: bold;
  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;
  }


}











