@charset "UTF-8";
/* --- source : /httpdocs/asset/css/compiled/../../scss/site.0-.scss --- */
.contentsWrapper h3 {
  font-weight: 700;
  color: #444;
  margin-bottom: 0.5em;
}
.contentsWrapper h3.head3 {
  border-top: #aaa 1px solid;
  border-bottom: #aaa 1px solid;
  text-align: center;
  background-color: rgba(214, 236, 244, 0.5);
  padding: 2em 0;
  margin: 2em 0;
  font-size: 1.4rem;
  color: #0073cb;
}
.contentsWrapper ul.disc {
  padding-left: 1em;
}
.contentsWrapper ul.disc li {
  list-style: disc;
  padding-bottom: 0.8em;
}
.contentsWrapper ol {
  list-style-type: decimal;
  padding-left: 2em;
}
.contentsWrapper ol li {
  padding-left: 0.5em;
}
.contentsWrapper .red {
  color: #900;
}
.contentsWrapper .flow .note {
  padding: 2rem;
  margin: 1rem;
  border: 1px #ccc solid;
}
.contentsWrapper .flow .note b {
  color: #C00;
}
.contentsWrapper .attachImage {
  margin-top: 3rem;
  margin-bottom: 1rem;
  display: block;
  max-width: 100%;
}
.contentsWrapper .attachFile {
  background-color: #fff;
  border: #ddd 3px solid;
  border-radius: 0.4em;
  display: flex;
  width: 100%;
  padding: 1em;
  align-items: center;
  margin-top: 3em;
  cursor: pointer;
}
.contentsWrapper .attachFile .attachIcon {
  width: 20%;
}
.contentsWrapper .attachFile .attachIcon img {
  width: 100%;
}
.contentsWrapper .attachFile .attachmentCaption {
  width: 80%;
  padding-left: 1em;
}
.contentsWrapper .appLink {
  text-align: center;
}
.contentsWrapper .appLink li {
  display: inline-block;
  text-align: center;
  padding: 1em;
  /*
			a{
				display:inline-block;
				padding:2em;
				background-color: rgba(214, 236, 244, 0.5);
				color:#333;
				border-radius:0.5em;
				margin:0 1em;
				text-decoration:none;
			}
			*/
}
.sns-box li, .sns-box li:last-child {
  border: 0;
  font-size: 140%;
}
.sns-box .fa-facebook:before {
  color: #1877f2;
}
.sns-box .fa-line:before {
  color: #00c300;
}
.sns-box .fa-instagram:before {
  color: #d93177;
}
.sns-box .fa-twitter:before {
  color: #1d9bf0;
}
footer {
  background-color: rgba(233, 233, 233, 0.8);
}
.topBanners {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.topBanners li {
  border: #ddd 1px solid;
}
.newsList .yearSelector {
  padding-bottom: 1em;
}
.newsList .yearSelector button {
  background-color: #0073cb;
  color: #fff;
  border: 0;
  padding-left: 2em;
  padding-right: 2em;
  border-radius: 0.2em;
}
.newsWrapper .date {
  padding-bottom: 1em;
  color: #999;
  font-weight: 700;
}
.qa {
  width: 100%;
  margin-bottom: 2em;
}
.qa td {
  margin-left: 2px;
  padding: 1em;
}
.qa th {
  width: 3em;
  vertical-align: middle;
  color: #fff;
}
.qa .q {
  margin-bottom: 0.5em;
}
.qa th.q {
  background-color: #444;
}
.qa td.q {
  background-color: rgba(0, 0, 0, 0.05);
}
.qa th.a {
  background-color: #0073cb;
}
.flexTable .flexTableRow {
  display: flex;
  flex-wrap: wrap;
}
strong.red {
  color: #a00;
}
#page-index.loaded #topMain {
  opacity: 1;
}
#page-index #topMain {
  background-color: rgba(255, 255, 255, 0.7);
  width: 100%;
  overflow: hidden;
  opacity: 0;
  transition-duration: 0.5s;
}
#page-system .aboutTable {
  border-top: #ccc 1px solid;
  margin: 0.5em 0 2em;
}
#page-system .aboutTable .flexTableRow > div:first-child {
  background-color: rgba(100, 100, 100, 0.1);
}
#page-system #requirements ol.requirements {
  border: #CCC 1px solid;
  padding: 1em;
  padding-left: 2em;
  margin: 1em;
}
#page-system #requirements ol.requirements li {
  padding-bottom: 0.5em;
}
#page-system #requirements ol.requirements li:nth-child(4) {
  font-weight: bold;
}
#page-system .visionTable .flexTableRow div:first-child {
  background-color: rgba(100, 100, 100, 0.1);
}
#page-schedule .schedules h3 {
  border-top: #CCC 1px solid;
  border-bottom: #CCC 1px solid;
  font-weight: bold;
  color: #666;
  padding: 0.5em 1em;
  background-color: rgba(255, 255, 255, 0.7);
  margin-bottom: 0.5em;
}
#page-schedule .schedules .scheduleTable {
  margin-bottom: 4rem;
}
#page-schedule #cancel h4 {
  margin-top: 2em;
}
#page-schedule #cancel ul, #page-schedule #cancel ul.cacelNote {
  margin-left: 2em;
  padding: 1em 0;
}
#page-schedule #cancel ul li, #page-schedule #cancel ul.cacelNote li {
  list-style: disc;
}
#page-schedule #cancel table th span {
  font-weight: normal;
  font-size: 90%;
}
#page-attendance table ul {
  list-style-type: square;
  padding-left: 2em;
}
#page-course .programsTable {
  margin-top: 2em;
  margin-bottom: 7em;
}
#page-course .programsTable .flexTableRow > div {
  padding-top: 3em;
  padding-bottom: 3em;
}
#page-course .programsTable .flexTableRow > div:first-child {
  text-align: center;
  line-height: 2em;
}
#page-course .programsTable .flexTableRow > div:first-child .title {
  color: #0073cb;
  font-weight: bold;
  padding-bottom: 1em;
}
#page-course .programsTable .flexTableRow .imageWrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0 2em;
}
#page-course .programsTable .flexTableRow .imageWrapper img {
  display: block;
  width: calc(50% - 10px);
  margin: 5px 5px 5px 5px;
}
#page-course .programsTable .header {
  background-color: rgba(214, 236, 244, 0.5);
  justify-content: center;
}
#page-course .programsTable .header > div {
  text-align: center;
}
#page-course .programsTable .ondemand .imageWrapper img {
  display: block;
  width: 80%;
  margin: 20px 10%;
}
#page-course .programsTable .self .imageWrapper {
  padding-left: 15%;
}
#page-course .programsTable .self .imageWrapper img {
  display: block;
  width: 35%;
}
#page-course #openCourse .jizenlive {
  padding-top: 3em;
}
#page-course #openCourse .rate {
  display: block;
  width: 70%;
  margin-left: 15%;
  font-size: 80%;
  padding-top: 2em;
}
#page-course #openCourse .rate img {
  display: block;
  width: 90%;
  margin-left: 5%;
  margin-top: 5px;
}
#page-course #maenoMessage2 {
  padding-top: 5em;
}
#page-course #grouptree {
  width: 100%;
  display: block;
}
#page-contact h2 {
  margin-bottom: 0;
}
#page-contact .contactFormSection table {
  width: 100%;
  margin-bottom: 2em;
}
#page-contact .contactFormSection table textarea.contactContent {
  height: 18em;
}
#page-contact .contactFormSection .messageBox {
  padding-bottom: 1em;
}
#page-contact .baseParagraphContent {
  padding-top: 2em;
}
#page-contact .baseParagraphContent .head3 {
  font-weight: bold;
}
#page-contact h2 {
  margin-bottom: 0;
}
#page-contact .contactFormSection table {
  width: 100%;
  margin-bottom: 2em;
}
#page-contact .contactFormSection table textarea.contactContent {
  height: 18em;
}
#page-contact .contactFormSection .messageBox {
  padding-bottom: 1em;
}
#page-contact .baseParagraphContent {
  padding-top: 2em;
}
#page-contact .baseParagraphContent .head3 {
  font-weight: bold;
}
#page-forms .flowTitle {
  text-indent: -1.4em;
  padding-left: 1.4em;
}
#page-forms .flowSending .requiredDocs {
  padding: 1em;
  background-color: #ede7db;
}
#page-forms .flowSending .requiredDocs ul li {
  padding: 0.2em 1em;
  color: #fff;
  background-color: #7c6854;
  margin-bottom: 5px;
}
#page-forms .flowSending .requiredDocs span {
  display: block;
  margin-top: 2em;
  font-size: 90%;
  padding-bottom: 0.5em;
}
#page-forms .flowSending .noteice {
  padding-top: 1em;
  font-size: 90%;
}
#page-forms .accepted .acceptedText {
  padding-top: 2em;
  font-size: 90%;
}
#page-forms .updateText {
  padding-top: 2em;
  font-size: 90%;
}
#page-forms .updateText h4 {
  font-weight: bold;
}
#page-forms .firstNote {
  padding-bottom: 2em;
}
#page-forms .flowImageHalf {
  width: 50%;
  margin-top: 1em;
  margin-left: 25%;
  border: #EEE 1px solid;
}
/* --- source : /httpdocs/asset/css/compiled/../../scss/0-/_reset.scss --- */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  box-sizing: border-box;
  color: #333;
  font-family: YakuHanJPs, "Noto Sans JP", -apple-system, BlinkMacSystemFont, YuGothic, Yu Gothic, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, sans-serif;
}
article, aside, figure, footer, header, hgroup, nav, section {
  display: block;
}
img, object, embed {
  max-width: 100%;
}
.ie8 img, .ie8 object, .ie8 embed {
  max-width: none;
}
/*html{overflow-y:scroll;}*/
ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: bold;
  vertical-align: top;
}
td {
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input, select {
  vertical-align: top;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  /* CSS2 */
  white-space: pre-line;
  /* CSS 2.1 */
  word-wrap: break-word;
  /* CSS 3 (and 2.1 as well, actually) */
  /* IE */
}
input[type="radio"] {
  vertical-align: middle;
}
input[type="checkbox"] {
  vertical-align: middle;
  *vertical-align: baseline;
}
input[type="button"], input[type="submit"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.ie6 input {
  vertical-align: text-bottom;
}
select, input, textarea {
  font: 99% sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
}
a:hover, a:active {
  outline: none;
}
small {
  font-size: 85%;
}
strong, th {
  font-weight: bold;
}
td, td img {
  vertical-align: top;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}
.clickable, label, input[type=button], input[type=submit], button {
  cursor: pointer;
}
button, input, select, textarea {
  margin: 0;
}
button {
  width: auto;
  overflow: visible;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
.ie6 html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
img {
  vertical-align: bottom;
}
input {
  box-sizing: border-box;
}
/* =========================================================
	margin
========================================================== */
.mB1 {
  margin-bottom: 1px !important;
}
.mB2 {
  margin-bottom: 2px !important;
}
.mB3 {
  margin-bottom: 3px !important;
}
.mB4 {
  margin-bottom: 4px !important;
}
.mB5 {
  margin-bottom: 5px !important;
}
.mB10 {
  margin-bottom: 10px !important;
}
.mB15 {
  margin-bottom: 15px !important;
}
.mB20 {
  margin-bottom: 20px !important;
}
.mB25 {
  margin-bottom: 25px !important;
}
.mB30 {
  margin-bottom: 30px !important;
}
.mB35 {
  margin-bottom: 35px !important;
}
.mB40 {
  margin-bottom: 40px !important;
}
.mB45 {
  margin-bottom: 45px !important;
}
.mB50 {
  margin-bottom: 50px !important;
}
.mB55 {
  margin-bottom: 55px !important;
}
.mB60 {
  margin-bottom: 60px !important;
}
.mB70 {
  margin-bottom: 70px !important;
}
.mB80 {
  margin-bottom: 80px !important;
}
.mB90 {
  margin-bottom: 90px !important;
}
.mB100 {
  margin-bottom: 100px !important;
}
.mT1 {
  margin-top: 1px !important;
}
.mT2 {
  margin-top: 2px !important;
}
.mT3 {
  margin-top: 3px !important;
}
.mT4 {
  margin-top: 4px !important;
}
.mT5 {
  margin-top: 5px !important;
}
.mT10 {
  margin-top: 10px !important;
}
.mT15 {
  margin-top: 15px !important;
}
.mT20 {
  margin-top: 20px !important;
}
.mT25 {
  margin-top: 25px !important;
}
.mT30 {
  margin-top: 30px !important;
}
.mT35 {
  margin-top: 35px !important;
}
.mT40 {
  margin-top: 40px !important;
}
.mT45 {
  margin-top: 45px !important;
}
.mT50 {
  margin-top: 50px !important;
}
.mT55 {
  margin-top: 55px !important;
}
.mT60 {
  margin-top: 60px !important;
}
.mT70 {
  margin-top: 70px !important;
}
.mT80 {
  margin-top: 80px !important;
}
.mT90 {
  margin-top: 90px !important;
}
.mT100 {
  margin-top: 100px !important;
}
.mL1 {
  margin-left: 1px !important;
}
.mL2 {
  margin-left: 2px !important;
}
.mL3 {
  margin-left: 3px !important;
}
.mL4 {
  margin-left: 4px !important;
}
.mL5 {
  margin-left: 5px !important;
}
.mL10 {
  margin-left: 10px !important;
}
.mL15 {
  margin-left: 15px !important;
}
.mL20 {
  margin-left: 20px !important;
}
.mL25 {
  margin-left: 25px !important;
}
.mL30 {
  margin-left: 30px !important;
}
.mL35 {
  margin-left: 35px !important;
}
.mL40 {
  margin-left: 40px !important;
}
.mL45 {
  margin-left: 45px !important;
}
.mL50 {
  margin-left: 50px !important;
}
.mL55 {
  margin-left: 55px !important;
}
.mL60 {
  margin-left: 60px !important;
}
.mL70 {
  margin-left: 70px !important;
}
.mL80 {
  margin-left: 80px !important;
}
.mL90 {
  margin-left: 90px !important;
}
.mL100 {
  margin-left: 100px !important;
}
.mR1 {
  margin-right: 1px !important;
}
.mR2 {
  margin-right: 2px !important;
}
.mR3 {
  margin-right: 3px !important;
}
.mR4 {
  margin-right: 4px !important;
}
.mR5 {
  margin-right: 5px !important;
}
.mR10 {
  margin-right: 10px !important;
}
.mR15 {
  margin-right: 15px !important;
}
.mR20 {
  margin-right: 20px !important;
}
.mR25 {
  margin-right: 25px !important;
}
.mR30 {
  margin-right: 30px !important;
}
.mR35 {
  margin-right: 35px !important;
}
.mR40 {
  margin-right: 40px !important;
}
.mR45 {
  margin-right: 45px !important;
}
.mR50 {
  margin-right: 50px !important;
}
.mR55 {
  margin-right: 55px !important;
}
.mR60 {
  margin-right: 60px !important;
}
.mR70 {
  margin-right: 70px !important;
}
.mR80 {
  margin-right: 80px !important;
}
.mR90 {
  margin-right: 90px !important;
}
.mR100 {
  margin-right: 100px !important;
}
/* =========================================================
	padding
========================================================== */
.pT1 {
  padding-top: 1px !important;
}
.pT2 {
  padding-top: 2px !important;
}
.pT3 {
  padding-top: 3px !important;
}
.pT4 {
  padding-top: 4px !important;
}
.pT5 {
  padding-top: 5px !important;
}
.pT10 {
  padding-top: 10px !important;
}
.pT15 {
  padding-top: 15px !important;
}
.pT20 {
  padding-top: 20px !important;
}
.pT25 {
  padding-top: 25px !important;
}
.pT30 {
  padding-top: 30px !important;
}
.pT35 {
  padding-top: 35px !important;
}
.pT40 {
  padding-top: 40px !important;
}
.pT45 {
  padding-top: 45px !important;
}
.pT50 {
  padding-top: 50px !important;
}
.pB1 {
  padding-bottom: 1px !important;
}
.pB2 {
  padding-bottom: 2px !important;
}
.pB3 {
  padding-bottom: 3px !important;
}
.pB4 {
  padding-bottom: 4px !important;
}
.pB5 {
  padding-bottom: 5px !important;
}
.pB10 {
  padding-bottom: 10px !important;
}
.pB15 {
  padding-bottom: 15px !important;
}
.pB20 {
  padding-bottom: 20px !important;
}
.pB25 {
  padding-bottom: 25px !important;
}
.pB30 {
  padding-bottom: 30px !important;
}
.pB35 {
  padding-bottom: 35px !important;
}
.pB40 {
  padding-bottom: 40px !important;
}
.pB45 {
  padding-bottom: 45px !important;
}
.pB50 {
  padding-bottom: 50px !important;
}
.pB60 {
  padding-bottom: 60px !important;
}
.pB70 {
  padding-bottom: 70px !important;
}
.pB80 {
  padding-bottom: 80px !important;
}
.pB90 {
  padding-bottom: 90px !important;
}
.pL1 {
  padding-left: 1px !important;
}
.pL2 {
  padding-left: 2px !important;
}
.pL3 {
  padding-left: 3px !important;
}
.pL4 {
  padding-left: 4px !important;
}
.pL5 {
  padding-left: 5px !important;
}
.pL10 {
  padding-left: 10px !important;
}
.pL15 {
  padding-left: 15px !important;
}
.pL20 {
  padding-left: 20px !important;
}
.pL25 {
  padding-left: 25px !important;
}
.pL30 {
  padding-left: 30px !important;
}
.pL35 {
  padding-left: 35px !important;
}
.pL40 {
  padding-left: 40px !important;
}
.pL45 {
  padding-left: 45px !important;
}
.pL50 {
  padding-left: 50px !important;
}
.pR1 {
  padding-right: 1px !important;
}
.pR2 {
  padding-right: 2px !important;
}
.pR3 {
  padding-right: 3px !important;
}
.pR4 {
  padding-right: 4px !important;
}
.pR5 {
  padding-right: 5px !important;
}
.pR10 {
  padding-right: 10px !important;
}
.pR15 {
  padding-right: 15px !important;
}
.pR20 {
  padding-right: 20px !important;
}
.pR25 {
  padding-right: 25px !important;
}
.pR30 {
  padding-right: 30px !important;
}
.pR35 {
  padding-right: 35px !important;
}
.pR40 {
  padding-right: 40px !important;
}
.pR45 {
  padding-right: 45px !important;
}
.pR50 {
  padding-right: 50px !important;
}
/* =========================================================
	width
========================================================== */
.wid100 {
  width: 100px !important;
}
.wid110 {
  width: 110px !important;
}
.wid120 {
  width: 120px !important;
}
.wid130 {
  width: 130px !important;
}
.wid140 {
  width: 140px !important;
}
.wid150 {
  width: 150px !important;
}
.wid160 {
  width: 160px !important;
}
.wid170 {
  width: 170px !important;
}
.wid180 {
  width: 180px !important;
}
.wid190 {
  width: 190px !important;
}
.wid200 {
  width: 200px !important;
}
.wid210 {
  width: 210px !important;
}
.wid220 {
  width: 220px !important;
}
.wid230 {
  width: 230px !important;
}
.wid240 {
  width: 240px !important;
}
.wid250 {
  width: 250px !important;
}
.wid260 {
  width: 260px !important;
}
.wid270 {
  width: 270px !important;
}
.wid280 {
  width: 280px !important;
}
.wid290 {
  width: 290px !important;
}
.wid300 {
  width: 300px !important;
}
.wid310 {
  width: 310px !important;
}
.wid320 {
  width: 320px !important;
}
.wid330 {
  width: 330px !important;
}
.wid340 {
  width: 340px !important;
}
.wid350 {
  width: 350px !important;
}
.wid360 {
  width: 360px !important;
}
.wid370 {
  width: 370px !important;
}
.wid380 {
  width: 380px !important;
}
.wid390 {
  width: 390px !important;
}
.wid400 {
  width: 400px !important;
}
.wid410 {
  width: 410px !important;
}
.wid420 {
  width: 420px !important;
}
.wid430 {
  width: 430px !important;
}
.wid440 {
  width: 440px !important;
}
.wid450 {
  width: 450px !important;
}
.wid460 {
  width: 460px !important;
}
.wid470 {
  width: 470px !important;
}
.wid480 {
  width: 480px !important;
}
.wid490 {
  width: 490px !important;
}
.wid500 {
  width: 500px !important;
}
.wid510 {
  width: 510px !important;
}
.wid520 {
  width: 520px !important;
}
.wid530 {
  width: 530px !important;
}
.wid540 {
  width: 540px !important;
}
.wid550 {
  width: 550px !important;
}
.wid560 {
  width: 560px !important;
}
.wid570 {
  width: 570px !important;
}
.wid580 {
  width: 580px !important;
}
.wid590 {
  width: 590px !important;
}
.wid600 {
  width: 600px !important;
}
.wid610 {
  width: 610px !important;
}
.wid620 {
  width: 620px !important;
}
.wid630 {
  width: 630px !important;
}
.wid640 {
  width: 640px !important;
}
.wid650 {
  width: 650px !important;
}
.wid840 {
  width: 840px !important;
}
@media screen and (max-width: 768px) {
  .wid100, .wid110, .wid120, .wid130, .wid140, .wid150, .wid160, .wid170, .wid180, .wid190, .wid200, .wid210, .wid220, .wid230, .wid240, .wid250, .wid260, .wid270, .wid280, .wid290, .wid300, .wid310, .wid320, .wid330, .wid340, .wid350, .wid360, .wid370, .wid380, .wid390, .wid400, .wid410, .wid420, .wid430, .wid440, .wid450, .wid460, .wid470, .wid480, .wid490, .wid500, .wid510, .wid520, .wid530, .wid540, .wid550, .wid560, .wid570, .wid580, .wid590, .wid600, .wid610, .wid620, .wid630, .wid640, .wid650, .wid840 {
    width: 100% !important;
  }
}
/* =========================================================
	text
========================================================== */
.large {
  font-size: 110%;
}
.xlarge {
  font-size: 120%;
}
.xxlarge {
  font-size: 130%;
}
.small {
  font-size: 95%;
}
.xsmall {
  font-size: 90%;
}
.xxsmall {
  font-size: 85%;
}
/* --- source : /httpdocs/asset/css/compiled/../../scss/0-/wlcform.scss --- */
p.notice {
  color: #666;
  text-align: center;
  width: 100%;
}
.form-row {
  padding-bottom: 1em;
}
.form-row .form-control {
  display: inline-block;
  width: auto;
  max-width: 100%;
}
.form-row .form-date-select {
  width: calc(100% - 3em);
  margin-right: 0.5em;
}
.form-row .form-full {
  width: calc(100% - 0em);
}
.capture {
  height: auto !important;
}
.form-group > label {
  font-weight: 700;
  color: #00A4E5;
}
label.required:after {
  content: "※";
  color: #EEE;
}
.error-required input, .error-email input, .error-required select, .error-required textarea {
  background-color: rgba(255, 211, 211, 0.2);
}
.error-email label:after {
  content: "※ 入力形式に誤りがあります" !important;
  display: block;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0.2em 1em;
  color: #c00;
  border-radius: 1em;
  font-size: 80%;
}
.error-number label:after {
  content: "※ 半角数字で入力してください" !important;
  display: block;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0.2em 1em;
  color: #c00;
  border-radius: 1em;
  font-size: 80%;
}
.error-required label:after {
  content: "※ 入力してください" !important;
  display: block;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0.2em 1em;
  color: #c00;
  border-radius: 1em;
  font-size: 80%;
}
.errorMsg {
  color: #C00;
}
.formMsg {
  color: #00C;
}
.formMode-confirm label {
  display: block;
}
.formMode-confirm .-note {
  display: none;
}
.contactType li {
  width: 100%;
  clear: both;
  margin-bottom: 0em;
  overflow: hidden;
  padding-top: 1em;
}
.contactType input {
  display: block;
  float: left;
  width: 2em;
}
.contactType label {
  margin-top: -0.5em;
  display: block;
  float: left;
  padding-left: 1em;
  width: calc(100% - 2em);
}