img {
  width: auto;
  height: auto;
}

.hp_pcNone {
  display: none !important;
}

a {
  outline: none;
}

html#form,
#form body {
  height: 100%;
  min-height: 720px;
}

body {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  min-width: 1000px;
  max-width: 100%;
  overflow-x: hidden;
  margin: 0 auto;
}

strong {
  font-weight: bold;
}

.hover {
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 1;
}

.hover:hover {
  opacity: .7;
}

.inner {
  margin: auto;
  width: 1000px;
}

.center {
  text-align: center;
}

.flex, .flexBetween, .flexStyleBC, .alignCenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flexBetween, .flexStyleBC {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.alignCenter, .flexStyleBC {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.alignBase {
  -webkit-box-align:baseline;
  -webkit-align-items:baseline;
  -ms-flex-align:baseline;
  align-items:baseline;
}

.flexjustifyCenter {
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
}

.alignStart {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

/*----- header -----*/
header {
	text-align: center;
	padding: 18px 0;
}
header .logo {
	width: 160px;
	margin: 0 auto;
}
header .logo img {
  width: 100%;
}

/* #form  */
#form #formFrame .red {
  color: #d80000;
}
#formFrame .bl_formTtop {
  padding: 50px 0 40px;
	margin-bottom: 40px;
}
#formFrame .bl_formTtop_title {
	display: block;
	text-align: center;
	margin-bottom: 28px;
}
#formFrame .bl_form_top__form01 {
	background-color: #fff8c3;
}
#formFrame .bl_form_top__form02 {
	background-color: #e4fff2;
	padding: 78px 0 27px;
}
#formFrame .bl_formTop_img {
	width: 760px;
	margin: 0 auto;
}
#formFrame .bl_formTop_img {
	width: 760px;
	margin: 0 auto;
}
#formFrame .bl_formTtop_image__lastimg {
	width: 315px;
}
#formFrame .bl_formTop_img img {
	width: 100%;
	height: auto;
}
#formFrame .bl_form_top__form02 .bl_formTtop_title {
	margin-bottom: 20px;
}
#formFrame .bl_form_top__form02 .bl_formTop_img {
	width: 723px;
}
#formFrame .bl_form_top__form02 .bl_formTtop_image {
	width: 351px;
}
#formFrame .bl_form_top__form02 .bl_formTtop_image__lastimg {
	width: 341px;
}


#form .formDescription {
  font-size: 16px;
  margin: 40px 0 50px;
	text-align: center;
}

#form #mainFrame {
  margin: 0 auto 120px;
  width: 780px;
}

#form .formTable {
  border-collapse: collapse;
  margin-bottom: 30px;
  width: 100%
}

#form .formTable .error {
  color: #d80000;
  font-size: 14px;
}
#form .formTable .conferenceArea .error {
  margin-top: 5px;
  color: #d80000;
  font-size: 14px;
}
#form .formTable .schedule .error {
  padding-bottom: 5px;
  color: #d80000;
  font-size: 14px;
}

#form .formTable tr {
  border-bottom: 1px solid #bbb;
}

#form .formTable .scheduleText {
  border-top: 2px dashed #bbb;
}

#form .formTable tr:first-child {
  border-top: 1px solid #bbb
}

#form .formTable .req th label {
  display: inline-block;
  line-height: 1.5;
  vertical-align: middle;
  width: 145px
}

#form .formTable .req th::after {
  content: '必須';
  background: #009999;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  line-height: 1.7;
  text-align: center;
  vertical-align: middle;
  width: 60px
}

#form .formTable .top th {
  padding-top: 35px
}

#form .formTable .top th, #form .formTable .top td {
  vertical-align: top
}

#form .formTable th,
#form .formTable td {
  font-size: 16px;
  line-height: 1.6em;
  vertical-align: middle
}

#form .formTable th {
  width: 145px;
	padding-left: 5px;
}
#form .formTable > tbody > tr > td {
  padding: 20px 0 20px 18px;
}

#form .formTable td input[type="text"] {
  width: 620px;
}
#form .formTable td input[type="text"],
#form .formTable td textarea,
#form .formTable td select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #e7e7e7;
  border: 2px solid #e7e7e7;
  border-radius: 5px;
  padding: 0.5em;
  font-size: 14px;
  line-height: 1.6em;
  resize: none;
}

#form .formTable td textarea {
  width: 100%;
}

#form .formTable td select {
  width: 290px !important;
  background-image: url('../img/select-arrow.png');
  background-repeat: no-repeat;
  background-position-x: 10px;
  background-size: 13px;
}

#form .formTable td .caution {
  font-size: 14px;
  line-height: 2.0em
}

#form .formTable .radio-list {
  width: 620px;
}
#form .formTable .radio-list .other {
  width: 435px;
  padding-right: 0px;
}
#form .formTable .radio-list .other input[type="text"] {
  width: 350px;
  margin-left: 10px;
}

#form .formTable .radio-list li {
  padding: 20px 35px 10px 0;
  display: inline-block;
}

#form .formTable .radio-list:nth-child(3) li {
  padding: 20px 35px 18px 0;
}

#form .formTable .radio-list:nth-child(3) li label span {
  font-size: 14px;
  margin-left: 8px;
}

#form .formTable td .answer1, #form .formTable td .answer4, #form .formTable td .answer7, #form .formTable td .aicc1, #form .formTable td .aicc4, #form .formTable td .aicc7 {
  margin-left: 10px;
  margin-right: 10px
}

#form .formTable td .clone {
  display: none;
}
#form .formTable td select {
  /*background-image: url(../img/form_selectArrow.png);*/
  background-repeat: no-repeat;
  background-position: right 15px center;
  padding-right: 35px;
  width: 480px;
}

#form .formTable td ::-ms-expand {
  display: none
}

#form .formTable .style td hr {
  border: none;
  display: block;
  height: 10px
}

#form .personal {
  padding-left: 5px;
  font-size: 14px;
}
#form .personal .about {
  color: #007e41;
	font-weight: bold;
}
#form .personal .describe {
  padding-top: 5px;
  line-height: 160%;
}
#form .personal .describe a {
  color: #007e41;
	font-weight: bold;
	border-bottom: solid 1px;
}
#form .personal .describe a:hover {
  opacity: 0.7;
}

#form #nextBtn {
  width: 400px;
  margin: 50px auto 0;
}

#nextBtn,
#sendBtn {
  position: relative;
  margin-bottom: 25px;
}
#form #nextBtn input,
#form #sentPrev #sendBtn input  {
  border: none;
  border-radius: 5px;
  font-weight: bold;
  background-color: rgb(251, 80, 18);
  width: 400px;
  height: 65px;
  margin: 0 auto;
  font-size: 20px;
  color: rgb(255, 255, 255);
  padding: 0 10px 0 0;
}
#nextBtn::after,
#sendBtn::after  {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url('../img/info_request_arrow.png') center center;
  background-size: contain;
  position: absolute;
  top: 38%;
  right: 12px;
  z-index: 9;
}

#form .of-box {
  width: 900px;
  height: 280px;
  margin: 0 auto 25px;
  overflow-y: scroll;
  border: 1px solid #b2b2b2;
  padding: 40px
}

#form .of-box h1 {
  margin-bottom: 50px;
  font-size: 32px
}

#form .of-box h1 span {
  font-size: 16px;
  display: block;
  line-height: 3.0em
}

#form .of-box p {
  font-size: 14px;
  line-height: 1.8em;
  color: #333
}

#form .of-box p+p {
  margin-top: 1.0em
}

#form .of-box section {
  padding: 35px 0 30px
}

#form .of-box section+section {
  border-top: 1px solid #b08d58
}

#form .of-box section h2 {
  font-size: 16px;
  margin-bottom: 25px
}

#form .of-box section.first {
  margin-top: 35px;
  border-top: 1px solid #666666
}

#form .agree-txt {
  margin-bottom: 80px
}

#form .agree-txt i {
  background: #009999;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  line-height: 1.7;
  text-align: center;
  vertical-align: middle;
  width: 60px;
  margin-right: 10px
}

#form .agree-txt input {
  margin-right: 10px;
  vertical-align: middle
}

#form .agree-txt span {
  vertical-align: middle
}

#form .lp-form-error-balloon-block {
  margin-bottom: 15px
}

#form .lp-form-error-balloon-block>.lp-form-error-balloon {
  font-size: 14px;
  font-weight: 700;
  background: #099;
  color: #fff;
  padding: 10px;
  border-radius: 3px;
  position: relative;
  display: inline-block
}

#form .lp-form-error-balloon-block>.lp-form-error-balloon::after {
  position: absolute;
  bottom: -16px;
  left: 10px;
  content: "";
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 10px solid #099
}

#form.confirm .formTable tr th, #form.confirm .formTable tr td {
  line-height: 1.8
}

#form.confirm .formTable .top th {
  padding-top: 20px
}

.formTable th .note {
  display: block;
  padding-top: 5px;
  font-size: 12px;
  line-height: 18px;
}

#form.confirm #sentPrev {
  margin: auto;
  text-align: center;
  display: table
}

#form.confirm #sendBtn {
  margin-bottom: 25px
}

#form.confirm #prevBtn {
  cursor: pointer;
  text-decoration:underline;
}

#formFrame.ly_formFrame_thanks01 {
	background: #fff8c3;
	padding: 50px 0 300px;
}
#formFrame.ly_formFrame_thanks02 {
	background: #e4fff2;
	padding: 50px 0 300px;
}
#formFrame .thanksText {
  padding-top: 20px;
}

#formFrame .thanksText .thanksText {
  font-weight: bold;
}

#formFrame .thanksText p {
  font-size: 16px;
  line-height: 20px;
	width: 780px;
	margin: 0 auto;
}

#form.thanks p+p {
  margin-top: 25px;
}

#form.thanks #goTop {
  margin-top: 65px;
  margin-bottom: 100px
}

#form.thanks #goTop a {
  color: #014d33
}

#form.thanks #goTop a:hover {
  text-decoration: none
}

/****************************************
* footer
*****************************************/
.ly_footer {
  background-color: #fff;
  padding: 0 0 10px;
	border-top: solid #007e41 4px;
}
.ly_footer .ly_footer_inner {
  min-height: 230px;
  width: 1000px;
  margin: 0 auto;
  padding: 60px 50px;
}
.ly_footer .ly_footer_logo {
  width: 245px;
  height: auto;
}
.ly_footer .ly_footer_logo img {
  width: 100%;
  height: auto;
}
.ly_footer .ly_footer_txt {
  width: 330px;
  font-size: 16px;
  font-family: "Kozuka Gothic Pr6";
  color: rgb(51, 51, 51);
}
.ly_footer .ly_footer_txt dt {
  width: 130px;
  float: left;
  line-height: 1.5;
}
.ly_footer .ly_footer_txt dd {
  margin: 0 0 0 130px;
  line-height: 1.5;
}
.ly_footer small {
  display: block;
  font-size: 12px;
  font-family: "Meiryo";
  color: rgb(51, 51, 51);
  text-align: center;
}

.date-flex {
  display: flex;
  padding: 13px 0;
  width: 635px;
}

.date-flex input[type="text"]{
  width: 250px !important;
  height: 37px;
  margin: 20% 0 0 10px;
}
