@charset "UTF-8";
/* ============================================================================
 * 日本語用調整CSS
 * ========================================================================= */

/*
タグやクラスを追加する場合、PC用・スマホ用の両方を指定してください。
*/

/*スマホ用サンプル*/

[lang="ja"] .mod-pnl-02> .inner> *> .pnl> .inner p.ver01 {
  background: none !important;
  color: #333 !important;
  text-align: left !important;
}

.mod-pnl-02> .inner> *> .pnl> .inner p.ver01 b.title {
  font-weight: normal !important;
  letter-spacing: normal;
}

/* sample for pc */
/*
@media screen and (min-width: 640px), print {
  [lang="ja"] h2 {
    color:#008000;
  }
}
*/

html input[type="checkbox"] {-webkit-appearance:checkbox;-moz-appearance: checkbox; appearance: checkbox;}
html input[type="radio"] {-webkit-appearance:radio;-moz-appearance: radio; appearance: radio;}
html input[type="radio"] { margin-right: 5px; margin-left: 10px; }
.radio_box label { display: block; }
@media screen and (min-width: 769px), print {
  .radio_box label { display: inline; }
}
ol.formStep-01 { position: relative; display: table; table-layout: fixed; box-sizing: border-box; margin-bottom: 23px; padding: 0 10px; width: 100%;  height: 56px;}
ol.formStep-01:before { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 4px; background: #c4c4c4;}
ol.formStep-01 > li { position: relative; display: table-cell; width: 33.333333%; vertical-align: top; text-align: center;}
ol.formStep-01 > li:before { position: absolute; left: 50%; bottom: -5px; content: '';  margin-left: -7px; border-radius: 50%; width: 14px; height: 14px;
	background: #c4c4c4;}
@media screen and (min-width: 640px), print {
	ol.formStep-01 > li:before {display:none}	
}
ol.formStep-01 > li > .inner {display: block;}
ol.formStep-01 > li > .inner .num, ol.formStep-01 > li > .inner .txt {display: none;}
ol.formStep-01 > li.current:before { bottom: -8px;width: 18px; height: 18px; margin-left: -9px; background: #002b62;}
ol.formStep-01 > li.current > .inner .num { position: relative; display: inline-block; padding: 9px 10px 8px; background: #002b62; font-weight: bold;  line-height: 1.1; color: #fff;}
ol.formStep-01 > li.current > .inner .num:before { position: absolute; left: 50%; bottom: -14px; content: ''; margin-left: -6px; border: 6px solid transparent; border-top: 8px solid #002b62;}

@media screen and (min-width: 640px), print {
ol.formStep-01:before {display:none}
ol.formStep-01 {display: table;table-layout: fixed;margin-bottom:2em;width: 100%;padding: 0}
ol.formStep-01 > li { display: table-cell; position: relative; padding: 6px 10px 5px 30px; background: #c4c4c4; vertical-align: middle;}
ol.formStep-01 > li .num { margin-right: 15px; font-weight: bold;}
ol.formStep-01 > li em { color: #fff; font-style: normal;}
ol.formStep-01 > li:first-child { padding-left: 10px;}
ol.formStep-01 > li:first-child:before {display: none;}
ol.formStep-01 > li.current { background: #002b62; color: #fff;}
	
ol.formStep-01 li:after { width: 0; height: 0; border-style: solid; border-width: 28px 0 28px 21px; border-color: transparent transparent transparent #c4c4c4;  content: "";  position: absolute;  top: 0; right: -21px;  z-index: 2;}
ol.formStep-01 li.current:after { width: 0; height: 0; border-style: solid; border-width: 28px 0 28px 21px; border-color: transparent transparent transparent #002a62;  content: "";  position: absolute;  top: 0; right: -21px;  z-index: 2;}
ol.formStep-01 li:last-child:after {display: none;}
	
}

.example-01 {font-size:80%;display: block;margin-bottom: .5em}

.mod-tbl .table-b tr {display: table;width:100%}
.mod-tbl .table-b  {border-bottom: 1px solid #bbb;}
.mod-tbl .table-b th {display: table-caption;border-bottom: none}
.mod-tbl .table-b td {display: table-cell;border-bottom: none}
@media screen and (min-width: 640px), print {
.mod-tbl .table-b tr {display:table-row}
.mod-tbl .table-b td {display: table-cell}
}
.mod-tbl select {width:10em}

.error {background-color:#f5bcbc !important;}

.required { display: table; width: 100%;}
.required span.txt {  width: 100%;}
.required span.txt {  display: table-cell; vertical-align: top;}
.required span.icon .icon-01 { font-style: normal; padding: 2px 8px; background: #002b62;line-height: 1; color: #fff;}
.required span.icon { white-space: nowrap; font-size: 66%;}

input.text-01, textarea.textarea-02 {border-radius: 2px;box-sizing: border-box;border-top: 1px solid #abadb3;border-right: 1px solid #dbdfe6; border-bottom: 1px solid #e3e9ef; border-left: 1px solid #e2e3ea;padding: 3px 5px 2px;background: #fef5ea;}
input.text-01 {line-height: 1.7em;margin-bottom: 10px}
input.text-01.w15 { width: 15%;}
input.text-01.w20 { width: 20%;}
input.text-01.w25 { width: 25%;}
input#email, input#email_conf { width: 300px; }
input[name="send"]:disabled {
    background: #c8c8c8 !important;
    cursor: not-allowed;
}

ul.lytForm-01 {display: table;}
ul.lytForm-01 > li {display:block;padding-right: 10px;vertical-align: top;}
@media screen and (min-width: 640px), print {
ul.lytForm-01 > li {display: table-cell;padding-right: 10px;vertical-align: top;}
}
dl.lytForm-01 dt {font-weight: bold;margin-top: .8em}
dl.lytForm-01 dt:first-child {margin-top: 0em}
dl.lytForm-01 dd {margin-left: 0;}

.textarea-02 { width: 100%; font-size: inherit; font-family: inherit;}

.boxOverflow-01 { box-sizing: border-box;border: 3px solid #e6e6e6;background: #fff;margin: 0 auto 20px;}
.boxOverflow-01 .inner-01 { box-sizing: border-box; overflow: auto; padding: 7px; width: 100%;}

.formBtn-01 { text-align: center;margin-bottom: 3em}
.formBtn-01 input[type=submit], .formBtn-01 input[type=reset] { -webkit-appearance: none;  border-radius: 0;border: 0 none;background: #0a2d61; padding: 5px 18px;
    font-weight: bold; font-size: 114.28571%;  color: #fff;}

.inq_complete, .inq_back { display:inline-block; padding: 0 20px; }
.inq_complete input { -webkit-appearance: none; border-radius: 0;border: 0 none; background: #0a2d61;border:2px solid #0a2d61;padding: 5px 18px; font-weight: bold;  font-size: 114.28571%; color: #fff;}
.inq_back input { -webkit-appearance: none; border-radius: 0; border: 0 none; background: #fff;border:2px solid #0a2d61; padding: 5px 18px; font-weight: bold;  font-size: 114.28571%; color: #0a2d61;}

.errorList {  margin-bottom: 4px;  padding-left: 24px; background: url(/english/inquiry/img/error-01.png) left 3px no-repeat; color: #9d4531;}

a[target="_blank"] { padding-left: 0 !important; }