@charset "utf-8";
/* CSS Document */

event_btn {
  padding-top: 15px;
}
/*ご要望の場所に出張しますエリア*/
.placeArea {
  background-color: #FFF;
}
.placeArea .txt {
  display: flex;
  justify-content: center;
  font-size: 16px;
}
.placeArea .txt ul li {
  position: relative;
  padding-left: 20px;
}
.placeArea .txt ul li:before {
  content: "・";
  position: absolute;
  top: 0px;
  left: 0px;
}

/*皆様にメッセージエリア*/
.messageArea {
  background-color: #FDF0ED;
}
.messageArea .inner {
  width: 100%;
  max-width: 1200px;
  height: 360px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.messageArea .inner:before {
  content: "";
  display: block;
  width: 45%;
  height: 100%;
  background-image:url("../img/event/event01.jpg");
  background-size: cover;
  background-position: 50% 0;
  background-repeat: no-repeat;
  margin: 0;
}
.messageArea .txt {
  width: 45%;
  padding-top: 20px;
  margin: 0 auto;
}
.messageArea .txt p {
  text-align: left;
  font-size: 16px;
}

/*メニュー例エリア*/
.exampleArea {
  background-color: #F6F6F6;
}
.exampleArea .inner {
  width: 100%;
  max-width: 1200px;
  height: 482px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-around;
  align-items: center;
}
.exampleArea .inner:before {
  content: "";
  display: block;
  width: 45%;
  height: 75%;
  background-image:url("../img/event/event02.png");
  background-size: cover;
  background-position: 50% 0;
  background-repeat: no-repeat;
  margin: 0;
}
.exampleArea .txt {
  width: 45%;
  padding-top: 20px;
  margin: 0 auto;
}
.exampleArea .txt ul li.tit {
  text-align: left;
  padding-top: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #EB5F83;
}
.exampleArea .txt ul li {
  font-size: 15px;
  color: #000;
}
.exampleArea .txt ul li a {
  font-size: 16px;
  font-weight: bold;
}
/*メニューエリア*/
.eventholdingArea {
  background-image:url("../img/salonakiko/room.jpg");
  background-repeat:  no-repeat;
  background-position:center center;
  background-size:cover;
}
.eventholdingArea .eventholdinglist {
  margin: 40px 0;
}
.eventholdingArea dl {
  display: flex;
  padding: 12px 0;
  font-size: 15px;
  letter-spacing: 1.5px;
  font-weight: 600;;
  border-bottom: 1px solid #CCC;
  align-items: center;
}
.eventholdingArea:first-child {
  border-top: 1px solid #CCC;
}
.eventholdingArea .eventholdinglist dl dt {
  width: 40%;
  position: relative;
  padding-left: 60px;
  color: #EB5F83;
}
.eventholdingArea .eventholdinglist dl dd {
  width: 60%;
}
.eventholdingArea .eventholdinglist dl dt:before {
  content: "・";
  position: absolute;
  top: 0px;
  left: 40px;
}
.eventholdingArea .eventholdinglist .event_btn {
  width: 55%;
  margin-top: 50px;
}

/*受講者様の声エリア*/
.eventvoiceArea {
  background-color: #FFF;
}
.eventvoiceArea .txt {
  display: flex;
  justify-content: center;
  padding-top: 30px;
  font-size: 18px;
}
.eventvoiceArea .txt ul li {
  position: relative;
  padding-left: 20px;
}
.eventvoiceArea .txt ul li:before {
  content: "・";
  position: absolute;
  top: 0px;
  left: 0px;
}

/*定期開催場所エリア*/
.venueArea {
  background-color: #FDF0ED;
}
.venueArea .venueBox {
  width: 100%;
  max-width: 1000px;
  height: 360px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
}
.venueArea .venueBox:before {
  content: "";
  display: block;
  width: 30%;
  height: 80%;
  background-size: cover;
  background-position: 50% 0;
  background-repeat: no-repeat;
  margin: 0;
}
.venueArea .venue01:before {
  background-image:url("../img/event/event05.jpg");
}
.venueArea .venue02:before {
  background-image:url("../img/event/event04.jpg");
}
.venueArea .venue03:before {
  background-image:url("../img/event/event06.jpg");
}
.venueArea .venueBox .venuetxt {
  width: 55%;
  padding-top: 20px;
  margin: 0 auto;
}
.venueArea .txt p {
  text-align: left;
  font-size: 16px;
}
.venueArea .venueBox table {
  width: 100%;
  margin: 0 auto;
  font-size: 16px;
}
.venueArea .venueBox table caption {
  padding-bottom: 10px;
  font-size: 18px;
  color: #EB6385;
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.venueArea .venueBox th {
  width: 30%;
  text-align: center;
  padding: 15px 0;
  background-color: #F3A1B5;
  border: 1px solid #FFF;
}
.venueArea .venueBox td {
  width: 70%;
  text-align: center;
  vertical-align: middle;
  padding: 15px 0;
  background-color: #F6F6F6;
  border: 1px solid #FFF;
}
.venueArea .venueBox p {
  padding-top: 10px;
}
.venueArea .venueBox a {
  font-size: 15px;
  font-weight: bold;
}
.venue01 {
  width: 60%;
}
.venueArea a:hover {
  opacity: 0.7;
  transition: 0.3;
}

/*講師料エリア*/
.eventfeeArea {
  background-color: #FAD3C7;
}
.eventfeeArea .inner table {
  width: 96%;
  margin: 0 auto 30px;
  font-size: 16px;
}
.eventfeeArea .inner th {
  width: 50%;
  text-align: center;
  padding: 18px 5px;
  background-color: #F3A1B5;
  border: 1px solid #FFF;
}
.eventfeeArea .inner td {
  width: 50%;
  text-align: center;
  vertical-align: middle;
  padding: 18px 0;
  background-color: #F6F6F6;
  border: 1px solid #FFF;
}


@media screen and (max-width: 840px){
  
.messageArea .inner {
  display: flex;
  flex-direction: column;
  height: auto;
} 
.messageArea .inner:before {
  flex-direction: column;
  width: 100%;
  height: 58vw;
  background-position: center center;
}
.messageArea .txt {
  width: 100%;
}
.messageArea .txt ul {
  font-size: 16px;
  line-height: 1.8;
}
  
.exampleArea .inner {
  display: flex;
  flex-direction: column;
  height: auto;
} 
.exampleArea .inner:before {
  flex-direction: column;
  width: 84%;
  height: 50vw;
  background-position: center center;
}
.exampleArea .txt {
  width: 100%;
}
.exampleArea .txt ul {
  font-size: 16px;
  line-height: 1.8;
}

.exampleArea .txt ul {
  line-height: 1.6;
}

.eventholdingArea {
  padding: 30px 0;
}
.eventholdingArea .eventholdinglist dl {
  display: block;
}
.eventholdingArea .eventholdinglist dl dt {
  width: 100%;
  padding-left: 20px;
}
.eventholdingArea .eventholdinglist dl dd {
  width: 100%;
  padding-left: 20px;
  font-weight: 400;
}
.eventholdingArea .eventholdinglist dl dt:before {
  left: 0;
}
.eventvoiceArea .txt {
  font-size: 16px;
}
.eventholdingArea .eventholdinglist .event_btn {
  width: 100%;
}

.venueArea .venueBox {
  display: flex;
  flex-direction: column;
  height: auto;
} 
.venueArea .venueBox:before {
  flex-direction: column;
  width: 100%;
  height: 58vw;
  background-position: center center;
}
.messageArea .txt {
  width: 100%;
}
.messageArea .txt ul {
  font-size: 16px;
  line-height: 1.8;
}

.venueArea .venueBox {
	padding-top: 20px;
  padding-bottom: 40px;
}
.venueArea .venueBox .venuetxt {
  width: 100%;
  text-align: left;
}
.venueArea .venueBox th {
  padding-left: 10px;
  text-align: left;
}
.venueArea .venueBox td {
  padding-left: 10px;
  text-align: left;
}
.venueArea .venueBox tr {
  display: flex;
  flex-direction: column;
}
  
.venueArea .venueBox th {
  width: 100%;
}
.venueArea .venueBox td {
  width: 100%;
}

.eventfeeArea .inner .fee tr {
  display: flex;
  flex-direction: column;
}  
.eventfeeArea .inner th {
  width: 100%;
}
.eventfeeArea .inner td {
  width: 100%;
}
}