@charset "UTF-8";
/*! /////////////////////////////////////////////////////////////// */
/*!　Client		：ヒロデザイン専門学校
/*!　File Name	：form.scss
/*!　File Ver	：Ver 1.0
/*!　Create		：2014/8/4
/*!　Last Update	：2014/8/7
/*!　Author		：ANCHOR WEBSITE FACTORY */
/*! /////////////////////////////////////////////////////////////// */
/*
@mixin h2Title($bg){
		//@extend %text_hide;
		font-family: 'Open Sans Condensed', sans-serif;
		background: url($bg) left top;
		height: 60px;
		line-height: 60px;
		@include fz(28);
		letter-spacing: 1px;
		font-weight: normal;
		padding-left: 20px;
}
*/
.lead, .shiryo .form dl,
.opencampus .form dl,
.contact .form dl, .shiryo .middle,
.opencampus .middle,
.contact .middle, .shiryo .middle dl,
.opencampus .middle dl,
.contact .middle dl, .shiryo .lower,
.opencampus .lower,
.contact .lower, .shiryo .lower dl,
.opencampus .lower dl,
.contact .lower dl {
  *zoom: 1;
}
.lead:after, .shiryo .form dl:after,
.opencampus .form dl:after,
.contact .form dl:after, .shiryo .middle:after,
.opencampus .middle:after,
.contact .middle:after, .shiryo .middle dl:after,
.opencampus .middle dl:after,
.contact .middle dl:after, .shiryo .lower:after,
.opencampus .lower:after,
.contact .lower:after, .shiryo .lower dl:after,
.opencampus .lower dl:after,
.contact .lower dl:after {
  content: "";
  display: table;
  clear: both;
}

.opencampus .inner {
  background: rgba(255, 255, 255, 0.9) url(../image/opencampus/img_main2025.jpg) left top no-repeat;
}
@media only screen and (max-width: 768px) {
  .opencampus .inner {
    background-size: contain;
  }
}

.lead {
  padding-top: 460px;
}
@media only screen and (max-width: 768px) {
  .lead {
    padding-top: 72%;
  }
}
.lead figure {
  margin-bottom: 20px;
  /*
  		float: right;
  		margin-left: 15px;
  */
}
.lead p {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCC;
  text-align: justify;
}
.lead p.attention {
  font-size: 12px;
  font-size: 1.2rem;
}

.shiryo,
.opencampus,
.contact {
  /* ！COMMON				******************************************* */
  /* ！UPPER				******************************************* */
  /* ！MIDDLE				******************************************* */
  /* ！LOWER				******************************************* */
  /* ！QUESTIONNAIRE		******************************************* */
  /* ！FORM				******************************************* */
}
.shiryo p,
.opencampus p,
.contact p {
  margin-top: 0;
}
.shiryo .form,
.opencampus .form,
.contact .form {
  margin-top: 20px;
}
.shiryo .form dl,
.opencampus .form dl,
.contact .form dl {
  background: #FFF;
}
.shiryo .form dl dt,
.opencampus .form dl dt,
.contact .form dl dt {
  float: left;
  display: inline;
  line-height: 3;
  padding-left: 1em;
  font-weight: bold;
  color: #111;
}
.shiryo .form dl dd,
.opencampus .form dl dd,
.contact .form dl dd {
  line-height: 3;
  padding-left: 12em;
  border-bottom: 1px solid #EEE;
}
@media only screen and (max-width: 768px) {
  .shiryo .form dl dt,
  .opencampus .form dl dt,
  .contact .form dl dt {
    float: none;
    display: block;
    padding-left: 0;
  }
  .shiryo .form dl dd,
  .opencampus .form dl dd,
  .contact .form dl dd {
    padding-left: 0;
  }
}
.shiryo .must,
.opencampus .must,
.contact .must {
  color: #F35F5E;
  display: inline !important;
  margin-top: 0 !important;
  margin-left: .5em !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
}
.shiryo .upper,
.opencampus .upper,
.contact .upper {
  margin: 2em 0;
}
.shiryo .upper dl.catalog dd,
.opencampus .upper dl.catalog dd,
.contact .upper dl.catalog dd {
  padding-left: 22em;
}
.shiryo h3,
.opencampus h3,
.contact h3 {
  margin-bottom: 1em;
  background: url(../image/common/line_bg_inp.png);
  color: #FFF;
  margin-left: 0;
  padding: .5em;
  font-weight: normal;
  line-height: inherit;
  font-size: 18px;
  font-size: 1.8rem;
}
.shiryo h3 span,
.opencampus h3 span,
.contact h3 span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}
@media only screen and (max-width: 768px) {
  .shiryo h3,
  .opencampus h3,
  .contact h3 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.shiryo .middle,
.opencampus .middle,
.contact .middle {
  margin-bottom: 20px;
}
.shiryo .middle dl dt,
.opencampus .middle dl dt,
.contact .middle dl dt {
  float: left;
  display: inline;
  line-height: 3;
  padding-left: 1em;
  font-weight: bold;
  color: #111;
}
.shiryo .middle dl dd,
.opencampus .middle dl dd,
.contact .middle dl dd {
  line-height: 3;
  padding-left: 10em;
  border-bottom: 1px solid #EEE;
}
@media only screen and (max-width: 768px) {
  .shiryo .middle dl dt,
  .opencampus .middle dl dt,
  .contact .middle dl dt {
    float: none;
    display: block;
    padding-left: 0;
  }
  .shiryo .middle dl dd,
  .opencampus .middle dl dd,
  .contact .middle dl dd {
    padding-left: 0;
  }
}
.shiryo .middle dl dd,
.opencampus .middle dl dd,
.contact .middle dl dd {
  border: none;
}
.shiryo .middle span.wpcf7-list-item,
.opencampus .middle span.wpcf7-list-item,
.contact .middle span.wpcf7-list-item {
  display: block;
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  margin-left: 0;
  width: 94%;
  padding-left: 2%;
}
.shiryo .middle span.wpcf7-list-item.last,
.opencampus .middle span.wpcf7-list-item.last,
.contact .middle span.wpcf7-list-item.last {
  border: none;
}
.shiryo .lower,
.opencampus .lower,
.contact .lower {
  margin-bottom: 0;
  border-top: 1px solid rgba(204, 204, 204, 0.3);
}
.shiryo .lower dl,
.opencampus .lower dl,
.contact .lower dl {
  background: rgba(213, 227, 54, 0.1);
}
.shiryo .lower dl dt,
.opencampus .lower dl dt,
.contact .lower dl dt {
  float: left;
  display: inline;
  line-height: 3;
  padding-left: 1em;
  font-weight: bold;
  color: #111;
}
.shiryo .lower dl dd,
.opencampus .lower dl dd,
.contact .lower dl dd {
  line-height: 3;
  padding-left: 14em;
  border-bottom: 1px solid #EEE;
}
@media only screen and (max-width: 768px) {
  .shiryo .lower dl dt,
  .opencampus .lower dl dt,
  .contact .lower dl dt {
    float: none;
    display: block;
    padding-left: 0;
  }
  .shiryo .lower dl dd,
  .opencampus .lower dl dd,
  .contact .lower dl dd {
    padding-left: 0;
  }
}
.shiryo .lower dl.even,
.opencampus .lower dl.even,
.contact .lower dl.even {
  background: #FFF;
}
.shiryo .lower dl dt,
.opencampus .lower dl dt,
.contact .lower dl dt {
  line-height: 4;
}
.shiryo .lower dl dd,
.opencampus .lower dl dd,
.contact .lower dl dd {
  line-height: 4;
}
.shiryo .lower dl dd.message,
.opencampus .lower dl dd.message,
.contact .lower dl dd.message {
  line-height: 1;
  padding-top: 10px;
  padding-bottom: 10px;
}
.shiryo .lower dl dd span.attention,
.opencampus .lower dl dd span.attention,
.contact .lower dl dd span.attention {
  display: block;
  line-height: 1;
  margin-bottom: 1em;
  font-size: 12px;
  font-size: 1.2rem;
}
.shiryo .lower dl dd dl,
.opencampus .lower dl dd dl,
.contact .lower dl dd dl {
  background: none;
}
.shiryo .lower dl dd dl dd,
.opencampus .lower dl dd dl dd,
.contact .lower dl dd dl dd {
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  padding-left: 12em;
  width: 62%;
}
.shiryo .lower dl dd dl dd.last,
.opencampus .lower dl dd dl dd.last,
.contact .lower dl dd dl dd.last {
  border: none;
}
.shiryo .questionnaire dl dt,
.opencampus .questionnaire dl dt,
.contact .questionnaire dl dt {
  line-height: 4;
}
.shiryo .questionnaire dl dd,
.opencampus .questionnaire dl dd,
.contact .questionnaire dl dd {
  clear: both;
  margin: 1em 0;
  padding: 0;
  border-bottom: 1px solid #EEE;
  line-height: 4;
}
.shiryo .questionnaire dl dt span,
.opencampus .questionnaire dl dt span,
.contact .questionnaire dl dt span {
  display: block;
  margin-left: 2.5em;
  margin-top: -2em;
}
.shiryo .questionnaire dl dd,
.opencampus .questionnaire dl dd,
.contact .questionnaire dl dd {
  border: none;
}
.shiryo .questionnaire span.wpcf7-list-item,
.opencampus .questionnaire span.wpcf7-list-item,
.contact .questionnaire span.wpcf7-list-item {
  display: block;
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  margin-left: 2em;
  width: 92%;
  line-height: 2.5;
}
.shiryo .questionnaire span.wpcf7-list-item.last,
.opencampus .questionnaire span.wpcf7-list-item.last,
.contact .questionnaire span.wpcf7-list-item.last {
  border: none;
}
.shiryo .questionnaire dl.yesno span.wpcf7-list-item,
.opencampus .questionnaire dl.yesno span.wpcf7-list-item,
.contact .questionnaire dl.yesno span.wpcf7-list-item {
  display: inline;
  border-bottom: none;
  margin-left: 1em;
  width: 92%;
  line-height: 3;
}
.shiryo .questionnaire dl.yesno dt,
.opencampus .questionnaire dl.yesno dt,
.contact .questionnaire dl.yesno dt {
  margin-bottom: -1.2em;
}
.shiryo .questionnaire dl.yesno dd,
.opencampus .questionnaire dl.yesno dd,
.contact .questionnaire dl.yesno dd {
  line-height: 1;
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  margin-left: 1em;
  margin-right: 1em;
}
.shiryo .questionnaire dl.message textarea,
.opencampus .questionnaire dl.message textarea,
.contact .questionnaire dl.message textarea {
  margin-left: 2em;
  width: 90%;
}
.shiryo .questionnaire dl.message dd,
.opencampus .questionnaire dl.message dd,
.contact .questionnaire dl.message dd {
  margin-bottom: 0;
}
.shiryo form input.box, .shiryo form input.zip, .shiryo form input.addr, .shiryo form input.tel, .shiryo form textarea.box, .shiryo form textarea.zip, .shiryo form textarea.addr, .shiryo form textarea.tel,
.opencampus form input.box,
.opencampus form input.zip,
.opencampus form input.addr,
.opencampus form input.tel,
.opencampus form textarea.box,
.opencampus form textarea.zip,
.opencampus form textarea.addr,
.opencampus form textarea.tel,
.contact form input.box,
.contact form input.zip,
.contact form input.addr,
.contact form input.tel,
.contact form textarea.box,
.contact form textarea.zip,
.contact form textarea.addr,
.contact form textarea.tel {
  padding: 4px;
  border: 1px solid rgba(204, 204, 204, 0.5);
  padding: 5px;
  font-size: 13px;
  font-size: 1.3rem;
}
.shiryo form input:focus, .shiryo form textarea:focus,
.opencampus form input:focus,
.opencampus form textarea:focus,
.contact form input:focus,
.contact form textarea:focus {
  background: rgba(229, 111, 88, 0.1);
}
.shiryo form input.fromBtn, .shiryo form textarea.fromBtn,
.opencampus form input.fromBtn,
.opencampus form textarea.fromBtn,
.contact form input.fromBtn,
.contact form textarea.fromBtn {
  background: url(../image/common/line_bg_inp.png);
  border: none;
  margin-top: 20px;
  width: 100%;
  cursor: pointer;
  line-height: 2.5;
  font-size: 18px;
  font-size: 1.8rem;
  color: #FFF;
  letter-spacing: 10px;
}
.shiryo form input.fromBtn:hover, .shiryo form textarea.fromBtn:hover,
.opencampus form input.fromBtn:hover,
.opencampus form textarea.fromBtn:hover,
.contact form input.fromBtn:hover,
.contact form textarea.fromBtn:hover {
  background: url(../image/common/line_bg_title.png);
  color: #555;
}
.shiryo form .buttons-area-confirm,
.opencampus form .buttons-area-confirm,
.contact form .buttons-area-confirm {
  background: none;
}

@media only screen and (max-width: 768px) {
  .shiryo dl,
  .opencampus dl,
  .contact dl {
    padding: 10px;
  }
  .shiryo dl dt, .shiryo dl dd,
  .opencampus dl dt,
  .opencampus dl dd,
  .contact dl dt,
  .contact dl dd {
    line-height: 2;
  }
  .shiryo footer dl,
  .opencampus footer dl,
  .contact footer dl {
    padding: inherit;
  }
  .shiryo .upper,
  .opencampus .upper,
  .contact .upper {
    margin: 1em 0;
  }
  .shiryo .upper dl.catalog dd,
  .opencampus .upper dl.catalog dd,
  .contact .upper dl.catalog dd {
    padding-left: 0;
    border: none;
  }
  .shiryo .middle dl,
  .opencampus .middle dl,
  .contact .middle dl {
    padding: 10px;
  }
  .shiryo .middle dl dd span,
  .opencampus .middle dl dd span,
  .contact .middle dl dd span {
    line-height: 1.5;
  }
  .shiryo .middle dl dd span.wpcf7-list-item,
  .opencampus .middle dl dd span.wpcf7-list-item,
  .contact .middle dl dd span.wpcf7-list-item {
    padding: 5px 0;
    width: 100%;
    border: none;
  }
  .shiryo .lower,
  .opencampus .lower,
  .contact .lower {
    border: none;
  }
  .shiryo .lower dl dt,
  .opencampus .lower dl dt,
  .contact .lower dl dt {
    line-height: 2;
  }
  .shiryo .lower dl dd,
  .opencampus .lower dl dd,
  .contact .lower dl dd {
    border: none;
    line-height: 2;
  }
  .shiryo .lower dl dd span.attention,
  .opencampus .lower dl dd span.attention,
  .contact .lower dl dd span.attention {
    display: block;
    line-height: 1;
    margin: .5em 0;
  }
  .shiryo .lower dl dd dl,
  .opencampus .lower dl dd dl,
  .contact .lower dl dd dl {
    width: 100%;
  }
  .shiryo .lower dl dd dl dd,
  .opencampus .lower dl dd dl dd,
  .contact .lower dl dd dl dd {
    padding-left: 0;
    width: 94%;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .shiryo .lower dl dd dl dd.last,
  .opencampus .lower dl dd dl dd.last,
  .contact .lower dl dd dl dd.last {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .shiryo .lower .message,
  .opencampus .lower .message,
  .contact .lower .message {
    padding-right: 10px;
  }
  .shiryo .lower .message textarea,
  .opencampus .lower .message textarea,
  .contact .lower .message textarea {
    width: 100%;
  }
  .shiryo .questionnaire dl,
  .opencampus .questionnaire dl,
  .contact .questionnaire dl {
    padding: 10px;
  }
  .shiryo .questionnaire dl dt,
  .opencampus .questionnaire dl dt,
  .contact .questionnaire dl dt {
    line-height: 1.6;
    text-indent: -3em;
    padding-left: 3em;
  }
  .shiryo .questionnaire dl dt span,
  .opencampus .questionnaire dl dt span,
  .contact .questionnaire dl dt span {
    margin-left: 2.5em;
    margin-top: .3em;
  }
  .shiryo .questionnaire dl.message span.your-naiyo,
  .opencampus .questionnaire dl.message span.your-naiyo,
  .contact .questionnaire dl.message span.your-naiyo {
    padding-right: 10px;
    display: inline-block;
  }
  .shiryo .questionnaire dl.message textarea,
  .opencampus .questionnaire dl.message textarea,
  .contact .questionnaire dl.message textarea {
    margin-left: 0;
    width: 100%;
  }
}

a.btn-oc {
    display: block;
    width: 100%;
    height: 48px;
    background-image: url("../image/common/line_bg_inp.png");
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 48px;
    color: #fff !important;
}

a.btn-oc:hover {
    background-image: url("../image/common/line_bg_bc.png");
}