@charset "UTF-8";


/* ---------------------------------------------------------
 * contents
** --------------------------------------------------------- */
body > section {
}
h2 {
}


#bg_video_on {
  opacity: 100;
}


/* ---------------------------------------------------------
 * form
** --------------------------------------------------------- */
input[type="text"],
select,
textarea {
  padding: 4px;
  border: 1px #fff solid;
  -webkit-border-radius: 4px;/* for Safari and Chrome */
  -moz-border-radius: 4px; /* for Firefox */
  -o-border-radius: 4px; /* for opera */
  border-radius: 4px;
}
input[type="text"].error,
select.error,
textarea.error {
  background-color: #ffc0cb;
  border: 1px solid #db7093;
}
textarea:focus,
select:focus,
input[type="text"]:focus{
  background-color: #e6e6fa;
  border: 1px solid #b0c4de;
}
select {
  -moz-appearance: none;
  -moz-user-select: none;
  padding-right: 24px;

}
select::-ms-expand {
  display: none;
}
.select-grp::before {
  border-color: #626667 transparent transparent;
  border-style: solid;
  border-width: 7px 5px;
  content: "";
  pointer-events: none;
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -3px;
  width: 0;
  z-index: 1;
}
.select-grp::after {
  background-color: #fadb31;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  content: "";
  display: inline-block;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
}
.select-grp {
  float: left;
  position: relative;
}
.item_error {
  clear: both;
  padding-top: 10px;
  color: #dc143c;
}
.err_box {
  margin: 0 auto 20px auto;
  padding: 10px;
  text-align: left;
  background-color: #ed7c90;
  color: #fff;
  -webkit-border-radius: 4px;/* for Safari and Chrome */
  -moz-border-radius: 4px; /* for Firefox */
  -o-border-radius: 4px; /* for opera */
  border-radius: 4px;
}


/* ---------------------------------------------------------
 * btn
** --------------------------------------------------------- */
.css_btn_1 {
  color: #fff;
  font-size: 24px;
  background-color: #ed7c90;
  border: none;
  padding: 15px;
  min-width: 640px;
  -webkit-border-radius: 10px;/* for Safari and Chrome */
  -moz-border-radius: 10px; /* for Firefox */
  -o-border-radius: 10px; /* for opera */
  border-radius: 10px;
}
.css_btn_2 {
  color: #fff;
  font-size: 24px;
  background: linear-gradient(90deg, #ed7c90, #ffdc00);
  border: none;
  padding: 15px;
  min-width: 320px;
  -webkit-border-radius: 10px;/* for Safari and Chrome */
  -moz-border-radius: 10px; /* for Firefox */
  -o-border-radius: 10px; /* for opera */
  border-radius: 10px;
}
a.css_btn_2 {
  color: #fff;
  text-decoration: none;
  padding: 15px 150px;
}



/* ---------------------------------------------------------
 * contact
** --------------------------------------------------------- */
#contact {
  width: 960px;
  margin: 0 auto 80px auto;
}


.table_input {
  width: 100%;
}
.table_input th,
.table_input td {
  padding: 10px;
  vertical-align: middle;
  text-align: left;
}
.table_input th {
  width: 250px;
}

.req {
  background-color: #ed7c90;
  color: #fff;
  -webkit-border-radius: 3px;/* for Safari and Chrome */
  -moz-border-radius: 3px; /* for Firefox */
  -o-border-radius: 3px; /* for opera */
  border-radius: 3px;
  padding: 2px 6px;
  font-size: 12px;
  margin-left: 10px;
}


/* ---------------------------------------------------------
 * contact confirm
** --------------------------------------------------------- */
#contact_items {
  text-align: left;
}
.contact_item {
  text-align: left;
  margin-bottom: 30px;
}
.item_header {
  border-bottom: 1px solid #646464;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.item_header h3 {

}
.contact_item p {
  font-weight: bold;
}
.contact_item p.small {
  font-size: 12px;
  font-weight: normal;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */
@media (max-width: 767px) {
/*@media screen and (max-width: 480px) {*/
}