@charset "utf-8";

/* ブラウザを縮小した際に背景が切れるのを防ぐ */

@media screen{
body {
 min-width       : 940px;
}
}

/* border */
fieldset,
img {
 border          : 0
}

/* border-collapse */
table {
 border-collapse : collapse
}

/* border-spacing */
table {
 border-spacing  : 0
}

/* font-family */

body,
textarea {
 font-family     : "Noto Sans JP","Lucida Grande", Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Ｐゴシック", sans-serif
}

html, body {
  height: 100%;
  margin: 0;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* ビューポートの高さを確保 */
}

.main {
  flex: 1; /* コンテンツが少なくても伸びる */
}

/* font-size */
h1,
h2,
h3,
h4,
h5,
h6 {
 font-size       : 100%
}

/* font-style */
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
 font-style      : normal
}

/* font-weight */
address,
caption,
cite,
code,
dfn,
em,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
th,
var {
 font-weight     : normal
}

/* list-style */
ol,
ul {
 list-style      : none
}

/* margin */
blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
th,
ul {
 margin          : 0
}

/* padding */
blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
th,
ul {
 padding         : 0
}

/* text-align */
caption,
th {
 text-align      : left
}

/* ■Web Fonts
------------------------------------------------------ */
@font-face {
  font-family: 'nasu-icon';
  src:url('/agent/fonts/nasu/nasu_icon_njb.woff') format('woff'),
    url('/agent/fonts/nasu/nasu_icon_njb.ttf') format('truetype'),
    url('/agent/fonts/nasu/nasu_icon_njb.svg#nasu-icon') format('svg');
  font-weight: normal;font-style: normal;
}
/* 通常はこのクラスを使用 */
.wf:before, .btn:before, .wf:after, .btn:after,
a.wf:before, a.btn:before, a.wf:after, a.btn:after,
.wf a:before, .btn a:before, .wf a:after, .btn a:after,
/*.wf li:before,.wf li:after,*/
/* 固定で使用 */
.list_nav li a:after {
font-family: nasu-icon;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;
font-weight: normal;margin-right:3px;vertical-align: -1px;
}
/* ■共通Web Fonts */
/* Icons */
.icon_alert:before { content: "\f600"; }
.icon_ambulance:before { content: "\f601"; }
/*.icon_android:before { content: "\f602"; }*/
.icon_answer:before { content: "\f603"; }
.icon_arrow:before { content: "\f604"; }
.icon_arrow_down:before { content: "\f605"; }
.icon_arrow_left:before { content: "\f606"; }
.icon_arrow_top:before { content: "\f607"; }
.icon_arrow_top_down:before { content: "\f608"; }
.icon_arrow_top_left:before { content: "\f609"; }
.icon_arrow_top_right:before { content: "\f60a"; }
.icon_arrow_up:before { content: "\f60b"; }
.icon_bag:before { content: "\f60c"; }
/*.icon_birthday:before { content: "\f60d"; }*/
.icon_bookmark:before { content: "\f60e"; }
.icon_books:before { content: "\f60f"; }
.icon_bus:before { content: "\f610"; }
.icon_cafe:before { content: "\f611"; }
.icon_call:before { content: "\f612"; }
.icon_camera:before { content: "\f613"; }
.icon_care:before { content: "\f614"; }
.icon_career:before { content: "\f615"; }
.icon_cart:before { content: "\f616"; }
.icon_chair:before { content: "\f617"; }
.icon_check:before { content: "\f618"; }
.icon_checkbox:before { content: "\f619"; }
.icon_circle:before { content: "\f61a"; }
.icon_circle-coat:before { content: "\f61b"; }
.icon_circle-line:before { content: "\f61c"; }
.icon_clip:before { content: "\f61d"; }
.icon_clock:before { content: "\f61e"; }
.icon_clover:before { content: "\f61f"; }
.icon_comment:before { content: "\f620"; }
.icon_comment_right:before { content: "\f621"; }
.icon_connection:before { content: "\f622"; }
.icon_cross:before { content: "\f623"; }
.icon_crown:before { content: "\f624"; }
.icon_envelope:before { content: "\f625"; }
.icon_eye:before { content: "\f626"; }
.icon_gear:before { content: "\f628"; }
.icon_heart:before { content: "\f629"; }
.icon_home:before { content: "\f62a"; }
.icon_hospital:before { content: "\f62b"; }
.icon_info:before { content: "\f62c"; }
.icon_key:before { content: "\f62d"; }
.icon_lamp:before { content: "\f62e"; }
.icon_leaves:before { content: "\f62f"; }
.icon_mail:before { content: "\f631"; }
.icon_mail_check:before { content: "\f632"; }
.icon_mail_question:before { content: "\f633"; }
.icon_megaphone:before { content: "\f634"; }
.icon_money:before { content: "\f635"; }
.icon_pay:before { content: "\f636"; }
.icon_pc:before { content: "\f637"; }
.icon_pen:before { content: "\f638"; }
/*.icon_person:before { content: "\f639"; }*/
.icon_phone:before { content: "\f63a"; }
/*.icon_point:before { content: "\f63b"; }*/
.icon_question:before { content: "\f63c"; }
.icon_question_mark:before { content: "\f63d"; }
/*.icon_sad:before { content: "\f63e"; }*/
.icon_search:before { content: "\f63f"; }
/*.icon_share:before { content: "\f640"; }*/
.icon_menu:before { content: "\f641"; }
/*.icon_smile:before { content: "\f64e"; }*/
.icon_square_coat:before { content: "\f64f"; }
.icon_square_line:before { content: "\f650"; }
.icon_stethoscope:before { content: "\f651"; }
.icon_tag:before { content: "\f652"; }
.icon_test:before { content: "\f653"; }
.icon_tray:before { content: "\f654"; }
.icon_triangle_coat:before { content: "\f655"; }
.icon_triangle_coat_down:before { content: "\f656"; }
.icon_triangle_coat_left:before { content: "\f657"; }
.icon_triangle_coat_right:before { content: "\f658"; }
.icon_unlock:before { content: "\f65a"; }
.icon_weak:before { content: "\f65b"; }
.icon_newspaper:before { content: "\f65c"; }
.icon_file:before { content: "\f65d"; }
.icon_circle_coat_question:before { content: "\f65e"; }
.icon_circle_coat_arrow:before { content: "\f65f"; }
.icon_mail_open:before { content: "\f660"; }
.icon_beginner:before { content: "\f661"; }
.icon_sun:before { content: "\f664";}
.icon_moon:before { content: "\f665";}
.icon_clock_2:before { content: "\f666";}
.icon_clock_1:before { content: "\f667";}
.icon_karte:before { content: "\f668";}
.icon_map:before { content: "\f669";}
.icon_train:before { content: "\f66a";}

/* 右向き矢印 */
/*.icon_circle_coat_arrow:before,
a.icon_circle_coat_arrow:before {vertical-align: -2px;}*/
html{
  width:100%;
  height: 100%;
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#33000000,EndColorStr=#33000000);/*IE8以下用*/
}
body{
  background-color: #F9F6EB;
  }
.sp-only{display:none;}

.img.sp-image{
  background-size: contain;
}
.header {
  height: 30px;
  text-align: center;
  background: #fff;
  width: 100%;
  display: grid;
  place-content: center;
}

.header-inner {
  overflow: hidden;
  width: 960px;
  margin: 0 auto;
}

.header-logo {
  width: 90px;
}

.header-description {
  background: #545454;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 1px;
}

.header-description .font-red {
  color:#FC9C9C;
}

.header-description .font-blue {
  color:#6AD7DC;
}

.logo-img {
  width: 213px;
  height: 132px;
}

.banner {
  float: right;
}

.list-item {
  display: inline-block;
}

.contents {
  overflow: hidden;
  margin: 0 auto;
  clear: both;
}

.form {
  width: 570px;
  margin:0 auto;
}

.character {
  float: left;
  width: 490px;
  margin-right: 10px;
}

.character img {
  width: 100%;
}
h1{text-align: center;}
#contents{
  height: 100%;
  min-height: 100%;
  background:#fff;
}

.error_message {
    font-size: 10.5pt;
    color: red;
}
input[type=radio],input[type=checkbox] {
    display: none;
    -webkit-appearance: none;
}
.form label{
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
}

footer {
  width: 100%;
}

#footer {
  width: 100%;
  margin-top:0;
  padding: 5px 0;
  background: #1d1d1d;
  text-align: center;
}

#footer .innerfooter {
  margin: 0 auto;
}

#footer small {
  color: #fff;
  font-size: 0.6rem;
}

#footer .footLink {
  margin: 0 auto 5px;
}

#footer .footLink li {
  display: inline-block;
}

.footLink a {
  display: inline-block;
  margin: 0 8px;
  color: #fefefe;
  font-size: 11px;
  text-decoration: underline;
}

/* ---------- Pmark ---------- */
.pMark { overflow: hidden; width: 100%;padding: 8px;box-sizing: border-box;background-color: #f5f5f5;border-bottom:1px solid #fff;font-size: 10px;text-align:left;}
.pMark2 {
  position:absolute;
  width:300px;
  left:50%;
  margin-left:-150px;
  bottom:-22%;
  overflow: hidden;
  padding: 4px;
  box-sizing: border-box;
  background-color: rgba(255,255,255,.8);
}
.pMark img ,.pMark2 img{ float: left;margin-right: 10px;width:28px;}

ul.ui-autocomplete{
  font-size: 13px;
  overflow: auto;
  height: 350px;
}

footer {
  width: 100%;
  background-color: #f5f5f5;
  margin-top: 30px;
}

footer .pMark {
  width: 540px;
  margin: 0 auto;
}

#footer .footLink {
  width: 450px;
}

.footLink a {
  font-size: 0.8em;
}


#lean_overlay{
  position: fixed; z-index:100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}

#dialog_form {
  width: 570px;
 }

#dialog_content {
/*  height: 348px;*/
  border-radius: 0 0 3px 3px;
  margin-top: 30px;
}


div.bx-controls-direction {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  justify-content: center;
}

img { vertical-align: middle;}
form {margin: 20px auto;font-size: 16px;}
.formHeader {
    padding: 10px 0;
    border-radius:6px 6px 0 0;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
}

.formHeader img {
  max-width: 570px;
  margin: auto;
}

.formHeader .col {
  background-color: inherit;
}

h2 {
  position: relative;
  margin: 0.5em auto;
  color: #59564A;
  text-align: center;
}

h3 {
  text-shadow: 1px 0px 1px #ccc;
}

.itemTitle {
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
  color: #59564A;
  text-align: left;
  font-size: 18px;
  font-weight: 800;
  padding-left: 5px;
}

.itemTitle small {
  padding-left: 8px;
  font-size: 14px;
}

.itemTitle.icon {
  padding-left: 24px;
}

.itemTitle::before {
  content: "■";
  color: #169CD4;
  left: -5px;
  position: relative;
}

.bgWhite {
  padding: 25px 50px;
  background: #fff;
}

.step4 .formItem {
  display: grid;
  grid-template-columns: 170px 1fr;
  align-items: center;
}

.mt0 {
  margin-top: 0!important;
}

.colBirthYear {
  max-width: 280px;
  margin: auto;
  background-color: #F2F4F6;
  position: relative;
}

.colBirthYear select {
  display: block;
  margin: auto;
}

.colBirthYear.tag-any::before{
  left: -59px;
}

/* 初期状態では非表示 */
#dialog_content {
  opacity: 0;
}

.formFooter{ border-radius: 3px 3px 0 0; padding:10px;}
.formFooter,
/*.bx-controls { border-radius: 0 0 3px 3px; padding:20px 50px 7px; }*/
.bx-controls.bx-has-pager.bx-has-controls-direction{
  background:#f8f8f8;
  position: relative;
  margin: 0 -40px;
  padding: 15px 0 15px ;
}
.rowTable { display: table; width: 100%;}
.rowTable .col { float: none; width: auto; vertical-align: middle;text-align: center;}
h3.formTitle{
  position: relative;
  margin: 0 auto 8px;
  padding: 4px;
  box-sizing: border-box;
  background: #4da5d7;
  color: #fff;
  text-align: center;
}

.step5 .bx-viewport {
  height: 500px!important;
}

.job-text {
  margin-top: 10px;
  background: #fff;
  text-align: center;
  padding: 5px;
  color: #59564A;
  font-size: 14px;
}

#Step4 h3.formTitle{
    margin: .5em 0 1em;
}
.formTitle small { font-size:13px; color: #333333;}
.row { clear: both;display: block;overflow: auto;}
#Step3 .row{margin-top:20px;}
.col02 { margin-top: -25px;margin-bottom: 15px;position: relative;clear: both;}
.row3col{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.s3Col .col01{width: 160px;}

.inlineList li { display: inline-block; margin-right: 1em;}

.mt15 {
  margin-top: 15px;
}

.mt30 {
  margin-top: 30px!important;
}

.errorBox02 { width:100%;background: #fcebeb; border-radius: 3px; padding: 1px 1em; font-size: 12px; display: none; white-space: nowrap; text-align: center; margin-top: 5px;}
.errorBox { background: #fcebeb; border-radius: 3px; display: inline-block; padding: 1px 1em; font-size: 13px;display: none;    white-space: nowrap;min-width: 160px;margin-top: 10px;text-align: center;}

.col02 .errorBox03 { background: #fcebeb; border-radius: 3px; position: relative; display: inline-block; padding: 1px 1em; font-size: 13px; display: block; position: absolute;top: -5px;left: 57px;}
.errorBox03:before { content: ''; display: block; position:absolute; bottom:-10px; left:3px; width:0; height: 0; border-style: solid; border-width: 5px; border-color: #fcebeb transparent transparent transparent;}
.err_zip { top: -62px; margin-left: -55px; }
.err_pos01 { margin-left: -60px; }
.err_pos02 { width: 100%;}

#addr1or2_error_msgs{left: 116px;}
#license_errmsg {
  top: -220px;
  left: initial;
}

.formBgWhite {
  background: #fff;
  padding: 20px;
  margin-top: 15px;
  box-sizing: border-box;
}

.formItem {
  display: block;
  position: relative;
  clear: both;
  min-height: 3em;
  margin-top: 20px;
}
.formItem.box_pos { margin: 0 0 0;clear: both;}
.formItem.addr { margin: 0 0 5px;}

#license_container .col:first-child,
#license_container .col:nth-child(2),
#license_container .col:nth-child(3),
#license_container .col:nth-child(4)
{width:auto;}

input[type="text"],
input[type=email],
input[type=tel],
select {
  width: 100%;
  height: 44px;
  font-size: 16px;
  border: none;
  box-sizing: border-box;
  padding: 9px;
  border-radius: 3px;
  background: #F2F4F6;
  cursor: pointer;
}

input[type="text"].err,
select.err { border-color: #e60000;}
label{color:#fff;}
input[type="text"].width_87{width:87%;}

.step3 #zip{
  width: 345px;
  height: 50px;
  margin: auto;
  display: block;
  position: relative;
}

.tag-required::before {
  content: '必須';
  position: absolute;
  top: 11px;
  left: 16px;
  padding: 10px 10px;
  color: #fff;
  font-size: 14px;
  background: #FC9C9C;
  height: 5px;
  display: grid;
  place-content: center;
}

.tag-any::before {
  content: '任意';
  position: absolute;
  top: 11px;
  left: 16px;
  padding: 10px 10px;
  color: #fff;
  font-size: 14px;
  background: #23BED4;
  height: 5px;
  display: grid;
  place-content: center;
}

.step4 .tag-required::before {
  left: -60px;
}

.add-box.tag-required::before {
  left: -60px;
}

.add-box.tag-any::before {
  left: -60px;
}

.error { border-color: #e60000;}

.bx-next,
.bx-prev { text-decoration: none;}
.bx-prev {
  opacity: 0.7;
  visibility: hidden;
  position: absolute;
  bottom: 15px;
  left: 40px;
}
.step1 .bx-controls{margin-top: 10px;}
.bx-prev img {width: 60px; height: auto;}
.bx-prev:hover { opacity: 1;}

.bx-nextArea{display:inline-block;}

.col295 {
  width: 233px !important;
    display: inline-block;
  float: right;
}
.col255 {
  position: relative;
}

.step5 .col255 {
  max-width: 305px;
  margin: auto;
}

.step5 .col255.tag-required::before,
.step5 .col255.tag-any::before {
  left: -60px;
}

#Step5 .tag-required {
  display: none;
}

.step5 #Step5 .tag-required {
  display: block;
}

.col215 { width: 300px !important;}
.col150 { width: 150px !important;}
.col130 { width: 130px !important;}
.col44 { width: 44% !important;}
.row .offset42 > .col { margin-top: 10px;}
.row .offset42 > .col + .col { margin-top: 10px;margin-left: 10px;}
.offset50 > .col + .col { margin-left: 50px;}
/*.offset42 > .col + .col { margin-left: 10px;} */
.offset42 > .col + .col +.col {margin-left: 0;margin-top: 10px;}
.offset42 > .col + .col +.col +.col{margin-left: 10px;}

div#zip_area {
  margin-top: 15px;
  background: #fff;
  padding: 30px;
}

.offset42 > .col + .col.btn_area{margin: 1.5em 0 0 10px;}
.offset42 {
  position: relative;
}
.offset42 > .col.btn_area{
  display: inline;
  border: none;
  background: none;
  margin-left: 10px;
  position: absolute;
  bottom: 5px;
}
.col .add_btn,
.col .add_btn01{
  display: inline-block;
  margin: 0 7px 0 0;
  vertical-align: bottom;
}
.col.btn_area:hover{cursor: pointer;}
.col.btn_area p{
  display: table-cell;
  line-height: 1.2;
  vertical-align: middle;
  font-size: 14px;
}
.col.btn_area p small{
  background:#f8f8f8 url(/agent/img/arrow02.png) no-repeat 98% center;
  background-size: 14px;
    border-radius: 100px;
    padding: .2em 20px .3em .2em;
  font-weight: bold;
  font-size:10px;
  color:#555;
}
.col.btn_area p.on small{
    background:#f8f8f8 url(/agent/img/arrow02_on.png) no-repeat 98% center;
    background-size: 14px;
}
p.addTxt{
    clear: both;
    margin-top: 1em;
    padding: 0.3em;
    text-align: left;
    color: #555;
    font-size: 13px;
    background: rgba(255,255,255,.5);
    text-align: center;
}

div#addr_area {
  margin-top: 20px;
}

.add-box {
  width: 340px;
  margin: auto;
  position: relative;
}

.add-box + .add-box {
  margin-top: 15px;
}

.add-box input[type="text"],
.add-box select {
  background-color: inherit;
  border-bottom: 1px solid #E4E4E4;
}

p#zip2 {
  color: #6A6757;
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
  cursor: pointer;
  position: relative;
  padding-right: 30px;
}

p#zip2::after {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  background: url(../img/zip-down.svg);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  top: 5px;
  left: 400px;
}

p#zip2.on::after {
  background: url(../img/zip-up.svg);
  background-size: cover;
}

.radio,
.checkbox {
  height: 80px;
  position: relative;
  width: 100%;
  text-align: center;
  background: #fff;
  border: 4px solid #787773;
  border-radius: 5px;
  cursor: pointer;
  color: #333333;
  z-index: 0;
  box-sizing: border-box;
  align-items: center;
  display: grid;
}


.radio::after,
.checkbox::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  background: #E9E9E9;
  height: 5px;
  border-radius: 0 0 2px 2px;
  width: 100%;
}

.col-img-40 {
  background-image: url(../img/col-img-44.png);
}

.checked .col-img-40 {
  background-image: url(../img/col-img-44-on.png);
}

.col-img-41 {
  background-image: url(../img/col-img-45.png);
}

.checked .col-img-41 {
  background-image: url(../img/col-img-45-on.png);
}

.col-img-42 {
  background-image: url(../img/col-img-46.png);
}

.checked .col-img-42 {
  background-image: url(../img/col-img-46-on.png);
}

.col-img-43 {
  background-image: url(../img/col-img-43.png);
}

.checked .col-img-43 {
  background-image: url(../img/col-img-43-on.png);
}

.col-img-1 {
  background-image: url(../img/col-img-1.png);
}

.checked .col-img-1 {
  background-image: url(../img/col-img-1-on.png);
}

.col-img-8 {
  background-image: url(../img/col-img-8.png);
}

.checked .col-img-8 {
  background-image: url(../img/col-img-8-on.png);
}

.col-img-9 {
  background-image: url(../img/col-img-9.png);
}

.checked .col-img-9 {
  background-image: url(../img/col-img-9-on.png);
}

.col-img-6 {
  background-image: url(../img/col-img-6.png);
}

.checked .col-img-6 {
  background-image: url(../img/col-img-6-on.png);
}

.col-img-student {
  background-image: url(../img/ico-student.png);
}

.checked .col-img-student {
  background-image: url(../img/ico-student-on.png);
}

.radio.row02{
    line-height: 16px;
    padding: 9px 0 8px;
}
.radio.row02 span{
    font-size: 80%;
}
.col.checked,
.checked input[type=checkbox] + .checkbox{
  background: #F39E4A !important;
  color: #ffffff;
  cursor: pointer;
  border: none;
  border-radius: 5px;
}

.checked input[type=checkbox] + .checkbox::after {
  display: none;
}

.col.checked span,
.checked input[type=checkbox] + .checkbox span {
  color: #ffffff;
}

.checked input[type=radio] + .radio,
.checked input[checked=checked] + .radio{
  background: #F39E4A;
  border: none;
  border-radius:5px;
  color: #ffffff;
  cursor: pointer;
}

.checked input[type=radio] + .radio::after,
input[checked=checked] + .radio::after {
  display: none;
}

.checkboxCol {
    position: absolute;
    top: 17px;
    left: 10px;
    margin: auto;
    z-index: 10;
}
.radioCol {
    position: absolute;
    top: 0;
    bottom: 3px;
    left: 10px;
    margin: auto;
    z-index: 10;
}
#Step1 .col,#Step2 .col {
  position: relative;
  float: none;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.col-img-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: auto 1fr;
  font-size: 18px;
  margin: 0 20px;
    font-weight: 700;
    align-items: center;
    text-align: left;
    color: #59564A;
    line-height: 1.35;
}

.other-licenses .col-img-grid {
  grid-template-columns: 25px 1fr;
  margin: 0 10px;
  gap: 7px;
}

.col-img-box {
  width: 40px;
  height: 40px;
  background-size:contain;
  background-repeat: no-repeat;
  margin: auto;
}

.other-licenses .col-img-box {
  width: 26px;
  height: 26px;
}

.other-licenses .col-img-grid span {
  font-size: 15px;
}

.step3 .bx-viewport {
  height: auto!important;
}

.moving_flg-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.moving_flg-box .radio {
  height: 50px;
  border: 2px solid;
}

.footLink { margin: 7px 0 0;
  font-size: 12px;
}
.footLink a { display: inline-block;
  margin: 0 8px;
  color: #fefefe;
  text-decoration: none;
}
.footLink a:hover { text-decoration: underline;}

/**/
.tableLabel {
    display: table;
    vertical-align: bottom;
}
span.required,span.required2{
    display: inline-block;
    margin-right: 10px;
    padding: 4px 10px;
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: border-box;
    background: #fff;
    line-height: 1;
    vertical-align: middle;
    border: 1px solid #ff6699;
    color: #ff6699;
    font-size: 14px;
}
span.required2{
    border: 1px solid #66a9ff;
    color: #66a9ff;

}

span.any + span.infoTxt {
  color: #000000;
  vertical-align: bottom;
  font-size: 13px;
}


[data-bubble] {
    display: block;
    font-size: 1.0rem;
    height: 0;
    position: relative;
    z-index: 2;
}
[data-bubble*="right"] {
}
[data-bubble] > span {
    display: inline-block;
    text-align: center;
    color:#fff;
    background:#FF6600;
    padding:0.3em 0.8em;
    position: absolute;
    right:8%;
    bottom:-6px;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    border: solid 1px #fff;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation: bubbleShow 0.5s ease-out 0s 1, bubbleAnime 3s linear 1.5s infinite alternate;
    animation: bubbleShow 0.5s ease-out 0s 1, bubbleAnime 3s linear 1.5s infinite alternate;
}
[data-bubble] > span:before, [data-bubble] > span:after {
    border-style: solid;
    border-width: 10px;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
}
[data-bubble] > span:before {
    border-color: #FF6600 transparent transparent;
    top: 96%;
    z-index: 2;
}
[data-bubble] > span:after {
    border-color: #fff transparent transparent;
    top: 100%;
    z-index: 1;
}
input#mail:focus + .mailCheckBtn > [data-bubble] {
    display: none;
}


.bx-controls-direction {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.nextBtn{
  position: relative;
  display: table-cell;
  margin: 0 0 0 20px;
  padding:0 1em;;
  color: #fff;
  cursor: pointer;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  width: 314px;
  height: 70px;
  background-color: #70C53D;
  border-bottom: 5px solid #54A426;
  border-radius: 4px;
  box-sizing: border-box;
  transition: 0.3s ease-out;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
}
.index1 .bx-next{
  margin-left: 0px;
}
.nextBtn:hover{
  background: #54A426;
  border: 1px solid #54A426;
}
.lastBtn{
    width: 314px;
    height: 80px;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #eb8003;
    background: #f0b706;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffaa06), color-stop(0.5, #ffaa06), color-stop(0.5, #f79e04), to(#f79e04));
    background: -moz-linear-gradient(to top, #f79e04 0%,#f79e04 50%,#ffaa06 50%,#ffaa06);
    background: linear-gradient(to top, #f79e04 0%,#f79e04 50%,#ffaa06 50%,#ffaa06);
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 1.3;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    display: table-cell;
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
}
.lastBtn:hover{
  background: #f79e04;
  border: 1px solid #f79e04;
}
.lastBtn small{
  font-size: 13px;
}
.thanksBtn{
    position: relative;
    display: inline-block;
    margin: 20px auto 0 auto;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    text-align: center;
    width: 314px;
    height: 55px;
  line-height: 55px;
    background-color: #2dbe85;
    border-radius: 4px;
    box-sizing: border-box;
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
}
.thanksBtn:hover{
  background: #1cad74;
}
.message {
  font-size: 22px;
  padding: 20px 0 0 0;
  font-weight: bold;
  color: gray;
}
/* modal
 ----------------------------------------------------- */
.modal{display:none;text-align:left;}
.modalBody{position: fixed; z-index: 999999; background: #fff; width:80%; height:80%;top:0;right:0;bottom: 0;left:0;margin: auto;padding:13px;line-height:1.6;border-radius:4px;}
.modalBody h2{margin-bottom: 1em; border-bottom:1px solid #2bb2ff;font-size:18px;font-weight: bold;color:#2bb2ff;}
.modalBody h3{font-size:16px;font-weight: bold;}
.modalBody dl{margin-bottom:1em;}
.modalBody dt{font-weight: bold;}
.modalBK{position: fixed; top: 0;left: 0;z-index:999; height:100%; width:100%;background:#000; opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.50;}
.btns{cursor: pointer; text-decoration:underline;}
.window_close, .close{cursor: pointer; text-align:center; margin:10px 0;text-decoration:underline; color:#fff; background-color:#999;border-radius:4px;line-height:32px; font-size:1.2rem;}
.scroll_box{overflow-y: auto;height:90%; padding:2px;}.scroll_box::-webkit-scrollbar{width: 5px;background: #d7d7d7;}.scroll_box::-webkit-scrollbar-thumb{background: #bbb;border-radius: 2px;}
#suggest {
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid #CCCCFF;
  width: 290px;
  height: 100px;
  overflow: auto;
}
#suggest div {
  padding: 1px;
  display: block;
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
}
#suggest div.select{
  color: #FFFFFF;
  background-color: #3366FF;
}
#suggest div.over{
  background-color: #99CCFF;
}.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/

}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast {
    background-image: none !important;
}

#toast-container > .toast:before {
    position: fixed;
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 18px;
    float: left;
    color: #FFF;
    padding-right: 0.5em;
    margin: auto 0.5em auto -1.5em;
}
#toast-container > .toast-warning:before {
    content: "\f06a";
}
#toast-container > .toast-error:before {
    content: "\f071";
}
#toast-container > .toast-info:before {
    content: "\f05a";
}
/*
#toast-container > .toast-success:before {
    content: "\f0fa";
}*/
/* === */


#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  /*background-color: #51a351;*/
  background-color: #ba55d3;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}


/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:0}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:400}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px}.ui-menu .ui-state-disabled{font-weight:400;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(/agent/img/form/jquery-ui/animated-overlay.gif);height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}
.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:0;background:0;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:0;border-bottom:0;border-right:0}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url(/agent/img/form/jquery-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(/agent/img/form/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:700}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(/agent/img/form/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:400;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(/agent/img/form/jquery-ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(/agent/img/form/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(/agent/img/form/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(/agent/img/form/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(/agent/img/form/jquery-ui/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/agent/img/form/jquery-ui/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(/agent/img/form/jquery-ui/ui-icons_888888_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(/agent/img/form/jquery-ui/ui-icons_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(/agent/img/form/jquery-ui/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(/agent/img/form/jquery-ui/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/agent/img/form/jquery-ui/ui-icons_cd0a0a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}
.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(/agent/img/form/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(/agent/img/form/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}

/* sec 20140924
 --------------------------------------------*/
.sec{line-height:1.6; text-align:left; /*font-size:1.5rem;*/}
.sec h1 { line-height:1.2; padding: 10px 10px 5px;color: white;text-align: left;font-size:1.5rem; font-weight:normal;background: url(/agent/img/sp/bg_title-level1.jpg) left top repeat-x #ff78a1;}
.sec h1+h2 {margin-top: 1px;} .sec h2{background-color: #999;font-size: 12px;color: #fff;padding: 5px 10px;font-weight: normal;}

/* utility 20140924
 --------------------------------------------*/
* {word-wrap: break-word;}

.mar_m {margin: 10px !important;}
.mar_bx {margin-bottom: 20px !important;}.mar_bl{margin-bottom:15px!important;}
.mar_tbm {margin-top: 10px !important;margin-bottom: 10px !important;}

.fz_3 {font-size: 13px !important;}
.fz_4 {font-size: 14px !important;}

.align_r {text-align: right !important;}

.td_u {text-decoration: underline !important;}

ol.list_nmb {counter-reset: li;margin-left: 0;padding-left: 0;}
ol.list_nmb>li {position: relative;margin: 0 0 8px 2em;list-style: none;}
ol.list_nmb>li:before {font-size: 14px;display: block;content: counter(li);counter-increment: li;position: absolute;top: 2px;left: -2em;margin-right: 8px;width: 21px;font-weight: bold;text-align: center;background: #eee;color: #666;}

dl.plain_list {margin: 0px 10px;}
dl.plain_list>dt {border-bottom: 1px solid #333;margin-bottom: 5px;}
dl.plain_list>dt {margin-bottom: 5px;font-weight: bold;}
dl.plain_list dd {margin-right: 10px;margin-left: 10px;}
dl.plain_list>dd {margin-bottom: 20px;word-wrap: break-word;}

.list_notice>li, .notice {font-size: 92%;margin-bottom: 5px;list-style: none;position: relative;padding-left: 1.3em;color: #999;}
.list_notice>li:before, .notice:before {content: "※";font-size: 92%;top: 1px;display: block;position: absolute;left: 3px;}

.list_alpha>li {list-style: upper-alpha;list-style-position: outside;margin-left: 25px;}

.list_basic>li{margin-bottom: 5px;list-style: none;position: relative;padding-left: 1.3em !important;}
.list_basic li:before{content: "●";font-size: 77%;display: block;position: absolute;top: 2px;left: 3px;color: #999;}

#itemTitle_addr2 {
  padding-left:7px;
}

@media (max-width: 800px) {
   .sp-only{display:block;}
   .form {
    width:initial;
    margin:initial;
   }

   .header {
    height: 25px;
    line-height: 25px;
    padding: 5px 0;
   }

   .header-logo {
    height: 25px;
    width: auto;
   }

   .offset42 > .col + .col {
    margin-left: 0;
   }

   #footer{
   padding: 8px 0;
   }
   #footer .footLink {
      font-size: 11px;
  }
   #footer small {
    font-size: 10px;
   }

   h3.formTitle, #Step1 h3.formTitle, #Step4 h3.formTitle {
   margin:0 0 1em ;
   font-size: 14px;
   }

   .header-inner{
    width:initial;
   }

   .form > h1{
    text-align: center;
    margin: 10px 0;
   }

   .logo-img{
    width:100px;
    height:50px;
   }

   .form > h1 > img{
    width:260px;
   }

   .formHeader{
    display:none;
   }

   div.partial_form{
    height:initial;
   }
   .step1 .row3col{margin:10px 0 ;}
   .step3 .row3col{margin: 10px 0; justify-content: start;}

   form {
    margin:initial;
   }

   #dialog_form{
    width:300px;
    margin: 0 auto;
    padding: 0px 0px 40px 0;
    box-shadow: none;
    background: transparent;
   }
  input[type="text"].width_87 {
    width: 80%;
   }
   .col255{
    width:80% !important;
    margin: 0;
   }

   #Step1 .col,#Step2 .col ,#Step3 .col {
   margin-bottom: 5px;
   }
   #license_errmsg {
    top: -253px;
    left: initial;
    }
   #footer .innerfooter{
    width:initial;
   }

   .contents {
    margin-bottom: 100px;
    margin: 10% auto 0;
    padding-bottom: 10px;
    height:800px;
   }

   .bx-prev img{width: 40px;}

   body {
    min-width:initial;
    background-image: none;
    background-color: #fafbfb;
   }

   .nextBtn{
    width:40%;
   }

   .lastBtn{
    width: 240px;
    font-size: 16px;
   }

   .col215{
    width: 100% !important;
    margin-top: 10px;
   }

   .col295{
    width: 76% !important;
    float: left;
   }
   .checkbox {
    padding: 8px 4px;
    line-height: 1.5;
   }
   .selectElem {
    margin-bottom: 2px;
   }
   .bx-viewport {
   padding-bottom: 0px;
   height:auto!important;
   }
   .message {
   font-size: 20px;
   }
   .row3col{position:relative;}
   #addr1or2_errmsg0{
      top: -16px;
      position: absolute;
    }

    #itemTitle_addr2 {
    padding-left:0px;
    }

    .btn-area{width:75%;}
    .step1 .btn-area{width:100%;}
    div.bx-controls-direction {
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      justify-content: flex-end;
    }
    span.required, span.required2 {
    display: inline-block;
    margin-right: 6px;
    padding: 4px 6px;
    font-size: 12px;
  }
  .step2 #graduation_year_area,
  .step3 #graduation_year_area,
  .step4 #graduation_year_area,
  .step5 #graduation_year_area{display:none;}

}

#graduation_year_area{
  box-sizing: border-box;
  margin-bottom: 20px;
}

#graduation_year {
  max-width: 390px;
  margin: auto;
  display: block;
}

/*転居可否*/
.bx-viewport {
  padding-bottom: 20px;
}

#moving_flg_errmsg{top:-92px;}

/* ブラウザバック時のモーダル
 ----------------------------------------------------- */
 .modal_banner {
  display: none;
  position: fixed;
  top: -30px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.modal_wrap {
  display: table;
  width: 100%;
  height: 100%;
}

.modal_wrap_inner {
  padding: 0 16px;
  display: table-cell;
  vertical-align: middle;
}

.modal_wrap_inner_contents {
  position: relative;
  background: #fff url(/img/logo.jpg) no-repeat left 20px top 20px / 150px auto;
  border-radius: 10px;
  padding: 55px 20px 40px 20px;
  max-width: 380px;
  margin: 0 auto;
}

.modal_wrap_inner_contents img {
  max-width: 100%;
}

.modal_wrap_inner_contents_button {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  cursor: pointer;
}

.modal_wrap_inner_contents_button span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.modal_wrap_inner_contents_button span:before,
.modal_wrap_inner_contents_button span:after {
  content: "";
  width: 20px;
  height: 3px;
  background: #000;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.modal_wrap_inner_contents_button span:before {
  transform: rotate(45deg);
}

.modal_wrap_inner_contents_button span:after {
  transform: rotate(135deg);
}

.modal_banner .browser_back_cont {
  background: url(/agent/entry/img/browser_back_pop.jpg) no-repeat top / contain;
  width: 100%;
  padding-top: calc(260/ 420 * 100%);
  position: relative;
}

.modal_banner .ex {
  background: url(/agent/entry/img/ex.png) no-repeat left center / 40px;
  margin: 0 auto -10px;
  width: 100%;
  max-width: 340px;
  padding: 0 0 0 50px;
  box-sizing: border-box;
  font-size: 13px;
  z-index: 1;
  position: relative;
  text-align: left;
}

.modal_wrap_inner_contents .link_btn {
  display: block;
  background: rgba(60, 225, 105, 0.9);
  border-radius: 5px;
  padding: 15px 10px;
  margin: 15px auto;
  text-decoration: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 350px;
  box-sizing: border-box;
  cursor: pointer;
  transition: 0.3s ease-in;
}

.modal_wrap_inner_contents .link_btn:hover {
  background: rgba(60, 225, 105, 1);
}

.modal_wrap_inner_contents .link_btn:after {
  content: "";
  display: block;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto 0;
}

.modal_wrap_inner_contents .link_btn:hover:after {
  right: 18px;
}

@media only screen and (max-device-width: 320px) {
  .modal_wrap_inner_contents .link_btn:after {
    display: none;
  }
}

.modal_wrap_inner_contents .link_btn span {
  display: block;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.stepBart {
  background: #fff;
  text-align: center;
  font-size: 16px;
  padding: 5px;
  font-weight: 700;
  color: #7D7D7D;
  margin-bottom: 40px;
}

.stepBart p {
  color: #808080;
}

.stepBart p span {
  color: #FDA805;
}

.stepBar__pie {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.stepBar.--70 .stepBar__pie {
  background-image: radial-gradient(#f2f2f2 50%, transparent 51%), conic-gradient(#1b82c1 0% 10%, #d9d9d9 15% 100%);
}

.stepBar.--50 .stepBar__pie {
  background-image: radial-gradient(#f2f2f2 50%, transparent 51%), conic-gradient(#22bfd4 0% 30%, #d9d9d9 30% 100%);
}

.stepBar.--30 .stepBar__pie {
  background-image: radial-gradient(#f2f2f2 50%, transparent 51%), conic-gradient(#1AC1A0 0% 50%, #d9d9d9 50% 100%);
}

.stepBar.--10 .stepBar__pie {
  background-image: radial-gradient(#f2f2f2 50%, transparent 51%), conic-gradient(#8de208  0% 70%, #d9d9d9 90% 100%);
}

.stepBar.--last .stepBar__pie {
  background-image: radial-gradient(#f2f2f2 50%, transparent 51%), conic-gradient(#ffa703  0% 100%, #d9d9d9 100% 100%);
}

.stepBar.--70 p span {
  color: #1b82c1;
}

.stepBar.--50 p span {
  color: #22bfd4;
}

.stepBar.--30 p span {
  color: #1AC1A0;
}

.stepBar.--10 p span {
  color: #8de208;
}

.stepBar.--last p {
  color: #ffa703;
}

.stepbar__text {
  display: flex;
  font-size: 12px;
  align-items: baseline;
  margin-left: 10px;
}

/*-------------------------*/
/* 利用規約                 */
/*-------------------------*/
#form_rule p {
  margin:10px 8px;
  text-align: center;
}
#form_rule a {
  color: #333333 !important;
  text-decoration: none;
  font-size: 14px;
}
#form_rule a:hover {
  text-decoration: underline;
}

h3.license-heading {
  grid-column: 1 / 3;
  text-align: center;
  color: #6A6757;
  font-weight: bold;
  text-shadow: none;
}

.other-licenses {
  grid-column: 1 / 3;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}

.license-heading-center {
  text-align: center;
  grid-column: 1 / 3;
  position: relative;
  margin-top: 10px;
  background: #fff;
  border: 4px solid #787773;
  border-radius: 5px;
  cursor: pointer;
  color: #333333;
  z-index: 0;
  box-sizing: border-box;
  align-items: center;
  height: 60px;
  display: grid;
  place-content: center;
}

.select02 {
  max-width: 390px;
  margin: auto;
  display: block;
}

.other-licenses {
    display: none; /* 初期状態では非表示 */
}

/* クリックしやすくするためのカーソル設定（任意） */
#show-other-licenses {
    cursor: pointer;
}