@charset "utf-8";
/*----------------------------------------------------

    File Name: layout.css
    Style Info: レイアウト

----------------------------------------------------*/
*, *:before, *:after {
    box-sizing: inherit
}
/*----------------------------------------------------

    ▼レイアウト ポップアップ

----------------------------------------------------*/
body.popup #layout {
    background-color:#fff;
}
body.popup #layout_inner {
    width: 750px;
    background:none;
}
body.popup #contents {
    width: 750px;
    padding:0 0 20px 0;
}
/*----------------------------------------------------

    ▼レイアウト

----------------------------------------------------*/
#layout {
    width: auto;
    background-color:#fff;
}
#layout_inner {
    position:relative;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    box-sizing:border-box;
}
#layout_inner_large{
    position:relative;
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    box-sizing:border-box;
}
#header {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
#contents {
}
#contents input{
    height:32px;
    font-size:14pt;
    vertical-align:middle;
    box-sizing:border-box;
}
#contents textarea{
    font-size:14pt;
    vertical-align:middle;
    box-sizing:border-box;
}
#contents select{
    height:32px;
    font-size:14pt;
    vertical-align:middle;
    box-sizing:border-box;
}
#contents_inner {
/*
    margin: 0 -200%;
    padding: 0 200%;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
*/
    padding: 0 10px;
    height: auto;
    background: #f2f2f2;
    box-sizing: border-box;
}
input[type="text"][disabled="disabled"],
button[disabled="disabled"],
.button_disabled{
    background-color: #969696 !important;
    cursor: default !important;
}
.checkedArea span{
    display: block;
    color:#db3939;
}
.inputerror{
    background-color:#ff7f7f;
    border:3px solid #ff6565;
}
.inputerror option{
    background-color:#fff;
}

a.td_none { text-decoration: none; }
a.td_none:hover { background: transparent; }

.m0 { margin: 0 !important; }
.m_auto { margin: 0 auto !important; }

.mt0 { margin-top: 0 !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; }
.mt60 { margin-top: 60px !important; }

.mb0 { margin-bottom: 0 !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; }
.mb60 { margin-bottom: 60px !important; }

.ml0 { margin-left: 0 !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; }
.ml80 { margin-left: 80px !important; }
.ml120 { margin-left: 120px !important; }

.mr0 { margin-right: 0 !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; }
.mr80 { margin-right: 80px !important; }
.mr120 { margin-right: 120px !important; }

.pt0 { padding-top: 0 !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; }

.pb0 { padding-bottom: 0 !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; }

.pl0 { padding-left: 0 !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; }

.pr0 { padding-right: 0 !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; }

.p0{padding:0 !important;}
.p3{padding:3px !important;}
.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p20 { padding: 20px !important; }
.p30 { padding: 30px !important; }

.clearfix:after {
  content:" ";
  display:block;
  clear:both;
}

.fc_white{color:#fff !important;}
.fc_black{color:#000 !important;}
.fc_red{color:#f00 !important;}
.fc_red2{color:#ef0000 !important;}
.fc_blue{color:#00f !important;}
.fc_green{color:#008000 !important;}
.fc_orange{color:#ffa500 !important;}
.fc_catered01{color:#aa2000 !important;}

.bc_ng{background:#feb8bf !important;}
.bc_f2{background:#f2f2f2 !important;}
.bc_white{background:#fff !important;}
.bc_yellow{background:#ff0 !important;}

.fsbold{font-weight:bold !important;}
.fs70p{font-size:70% !important;}
.fs85p{font-size:85% !important;}
.fs90p{font-size:90% !important;}
.fs95p{font-size:95% !important;}
.fs100p{font-size:100% !important;}
.fs110p{font-size:110% !important;}
.fs120p{font-size:120% !important;}
.fs140p{font-size:140% !important;}
.fs160p{font-size:160% !important;}

.txt_uline{text-decoration:underline !important;}
.txt_none{text-decoration:none !important;}

.max_w0{max-width: 0 !important;}
.max_w100p{max-width: 100% !important;}
.w_auto{width: auto !important;}
.w200p{width: 200% !important;}
.w150p{width: 150% !important;}
.w100p{width: 100% !important;}
.w99p{width: 99% !important;}
.w95p{width: 95% !important;}
.w90p{width: 90% !important;}
.w85p{width: 85% !important;}
.w80p{width: 80% !important;}
.w75p{width: 75% !important;}
.w70p{width: 70% !important;}
.w65p{width: 65% !important;}
.w60p{width: 60% !important;}
.w56p{width: 56% !important;}
.w55p{width: 55% !important;}
.w50p{width: 50% !important;}
.w49p{width: 49% !important;}
.w45p{width: 45% !important;}
.w40p{width: 40% !important;}
.w35p{width: 35% !important;}
.w33p{width: 33% !important;}
.w30p{width: 30% !important;}
.w25p{width: 25% !important;}
.w20p{width: 20% !important;}
.w15p{width: 15% !important;}
.w10p{width: 10% !important;}
.w5p{width: 5% !important;}

.w70px{width: 70px !important;}

.min_h_auto{min-height: auto !important;}
.maxh_150px{max-height: 150px !important;}
.maxh_300px{max-height: 300px !important;}
.maxh_600px{max-height: 600px !important;}
.maxh_800px{max-height: 800px !important;}
.h_auto{height: auto !important;}
.h10px{height: 10px !important;}
.h20px{height: 20px !important;}
.h30px{height: 30px !important;}
.h32px{height: 32px !important;}
.h40px{height: 40px !important;}
.h50px{height: 50px !important;}
.h60px{height: 60px !important;}
.h90px{height: 90px !important;}
.h120px{height: 120px !important;}
.h180px{height: 180px !important;}
.h240px{height: 240px !important;}
.h300px{height: 300px !important;}

.lineh_100p{line-height: 100% !important;}
.lineh_120p{line-height: 120% !important;}
.lineh_125p{line-height: 125% !important;}
.lineh_150p{line-height: 150% !important;}

.txt_c{text-align: center !important;}
.txt_l{text-align: left !important;}
.txt_r{text-align: right !important;}
.txt_vt{vertical-align: top !important;}
.txt_vm{vertical-align: middle !important;}
.txt_vb{vertical-align: bottom !important;}

.of_hidden{overflow: hidden !important;}
.of_auto{overflow: auto;}
.of_scrollx{overflow-x: scroll !important;}
.of_scrolly{overflow-y: scroll !important;}
.of_scrollx_no {overflow-x: hidden !important;}
.of_scrolly_no {overflow-y: hidden !important;}

.border_none{border:none !important;}
.border_t01{border-top:1px solid #ea0000 !important;}
.border_b01{border-bottom:1px solid #ea0000 !important;}
.bg_transparent{background: transparent !important;}

.dis_inline { display: inline !important; }
.dis_block { display: block !important; }
.dis_inblock { display: inline-block !important; }
.dis_none { display: none !important; }
.dis_table { display: table !important; }
.dis_cell { display: table-cell !important; }
.dis_pc{ display: block !important; }
.dis_sp{ display: none !important; }

.float_l{float: left !important;}
.float_r{float: right !important;}

.pos_rela{position:relative !important;}
.pos_abso{position:absolute !important;}

.table_fixed{table-layout: fixed !important;}
.cursor_p{cursor: pointer;}
.ime_disabled{ime-mode: disabled;}
.extern_if {
    ime-mode: disabled;
    text-transform: uppercase;
}
.capital_letter {
    ime-mode: disabled;
    text-transform: uppercase;
}
.boxsizing{box-sizing: border-box !important;}
.shadowbox01{box-shadow: 0px 0px 5px 3px #ddd;}
.anime_scale{transition: 1s;}
.smallscale{width:70px !important;}
.tr_hover tr:hover{
    background:#ddd !important;
    opacity: 0.8 !important;
}
.dis_flex_l {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
    justify-content: flex-start;
}
.dis_flex_r {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
    justify-content: flex-end;
}
.dis_flex_c {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: stretch;
    justify-content: center;
}
.dis_flex_v_sb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-between;
    justify-content: center;
}
.dis_flex_j_sa {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: space-around;
}
.ai_s{align-items:flex-start !important;}
.ai_e{align-items:flex-end !important;}
.ai_c{align-items:center !important;}
.ai_st{align-items:stretch !important;}

.as_s{align-self:flex-start !important;}
.as_e{align-self:flex-end !important;}
.as_c{align-self:center !important;}

.flow_box li{
    width:calc(12.5% - 7.5px);
}

.flow_box li:last-child{
    width:auto;
}

.flow_box p{
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #fff;
    background: #767676;
    border-radius: 50%;
    text-align: center;
}

.flow_box li.checked p{
    position:relative;
    background: #003366;
}

.flow_box li.checked p:after {
    position: absolute;
    display: block;
    content: "";
    width: 7px;
    height: 14px;
    top: 50%;
    left: 50%;
    border: solid 3px #fff;
    border-left: 0;
    border-top: 0;
    -moz-transform: translate(-50%,-60%) rotate(45deg);
    -ms-transform: translate(-50%,-60%) rotate(45deg);
    -webkit-transform: translate(-50%,-60%) rotate(45deg);
    transform: translate(-50%,-60%) rotate(45deg);
}

.flow_box li.active p{
    background: #007db8;
}
.flow_box span{
    display: inline-block;
    width: calc(100% - 30px);
    height: 0.5em;
    background: #ccc;
    vertical-align: middle;
}
.flow_box li.checked span{
    background: #003366;
}

.flow_text li{
    width:12%;
}
.flow_text p{
    display: inline-block;
    text-align: center;
    font-size: 12pt;
}

.breadcrumbs-ul {
    align-items: flex-start;
    flex-wrap: nowrap;
}

.step-item {
    align-items: stretch;
    flex-direction: column;
    position: relative;
    width: 12.5%;
}

.breadcrumbs-wide .step-item {
    width: 20%;
}

.flow-box {
    position: relative;
    height: 40px;
}

.flow-box-circle {
    border-radius: 50%;
    color: #fff;
    height: 30px;
    text-align: center;
    width: 30px;
    z-index: 1;
}

.bg-gray {
    background: #767676;
}

.bg-active {
    background: #007db8;
    height: 40px;
    width: 40px;
}

.flow-box-bar {
    background: #ccc;
    height: 0.5em;
    left: 50%;
    position: absolute;
    top: calc(50% - 0.25rem);
    width: 100%;
}

.bg-checked {
    background: #003366;
}

.icon-checked:after {
    border: solid 3px #fff;
    border-left: 0;
    border-top: 0;
    content: "";
    display: block;
    left: 50%;
    position: relative;
    -moz-transform: translate(-50%,-60%) rotate(45deg);
    -ms-transform: translate(-50%,-60%) rotate(45deg);
    -webkit-transform: translate(-50%,-60%) rotate(45deg);
    transform: translate(-50%,-60%) rotate(45deg);
    top: 50%;
    height: 14px;
    width: 7px;
}

.flow-text {
    flex-grow: 1;
    flex-wrap: wrap;
}

.flow-text-body {
    display: inline-block;
    font-size: 12pt;
    padding: 0 4px;
    text-align: center;
}


.icon_checked {
    position:relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #fff;
    background: #329e32;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
}
.icon_checked:after {
    position: absolute;
    display: block;
    content: "";
    width: 7px;
    height: 14px;
    top: 50%;
    left: 50%;
    border: solid 3px #fff;
    border-left: 0;
    border-top: 0;
    -moz-transform: translate(-50%,-60%) rotate(45deg);
    -ms-transform: translate(-50%,-60%) rotate(45deg);
    -webkit-transform: translate(-50%,-60%) rotate(45deg);
    transform: translate(-50%,-60%) rotate(45deg);
}

.icon_attension {
    position:relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #fff;
    background: #ce0000;
    border-radius: 50%;
    text-align: center;
}
.icon_attension:after {
    position: absolute;
    display: block;
    content: "!";
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/* クリック元装飾 */
span.tooltip1 {
    color: #fff;
    text-align: center;
    padding: 0 0.5em;
    background-color: green;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

/* クリック元装飾(2) */
span.tooltip2 {
    background-color: #ccc;
}

.dummy {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 101;
}
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#000;
    opacity: .5;
    z-index: 12;
}
.btn_radio{
    margin:0 5px 10px 0;
    padding:10px;
    background:#e5e5e5;
    border:1px solid #e5e5e5;
    border-radius: 10px;
    cursor: pointer;
}
.btn_radio.active{
    background:#d7ff97;
    border:1px solid #84ce64;
}

.btn_checkbox{
    margin:0 5px 10px 0;
    padding:10px;
    background:#e5e5e5;
    border:1px solid #e5e5e5;
    border-radius: 10px;
    cursor: pointer;
}
.btn_checkbox.active{
    background:#d7ff97;
    border:1px solid #84ce64;
}
.btn_face_correct,
.btn_uproad,
.btn_clear,
.btn_close_window,
.btn_qualification_no_search{
    padding:10px 1em;
    color:#fff;
    background:#0c5ebf;
    border:1px solid #0c5ebf;
    border-radius: 10px;
    cursor: pointer;
    font-size:12pt;
}
.btn_menu{
    padding:10px 1em;
    color:#fff;
    background:#0c5ebf;
    border:1px solid #0c5ebf;
    border-radius: 10px;
    cursor: pointer;
    font-size:12pt;
}
.btn_return{
    position: relative;
    color:#fff;
    background:#033367;
    min-height:44px;
    line-height: normal;
    border: none;
    overflow:visible;
    cursor: pointer;
    font-size:12pt;
}
.btn_return::before{
    content: "";
    position: absolute;
    top:0;
    left: -44px;
    width: 44px;
    height:44px;
    margin: auto;
    border-style: solid;
    border-color: transparent #033367 transparent transparent;
    border-width: 22px 22px 22px 0;
}
.btn_next{
    position: relative;
    color:#fff;
    background:#033367;
    min-height:44px;
    line-height: normal;
    border: none;
    overflow:visible;
    cursor: pointer;
    font-size:12pt;
}
.btn_next:before{
    content: "";
    position: absolute;
    top:0;
    right: -44px;
    width: 44px;
    height:44px;
    margin: auto;
    border-style: solid;
    border-color: transparent transparent transparent #033367;
    border-width: 22px 0 22px 22px;
}
.btn_menu.active{
    background:#033367;
    border:1px solid #033367;
}
.btn_return.disabled,
.btn_next.disabled,
.btn_menu.disabled{
    background:#a3a3a3;
    cursor: default !important;
}
.btn_return.disabled::before{
    border-color: transparent #a3a3a3 transparent transparent;
    cursor: default !important;
}
.btn_next.disabled:before{
    border-color: transparent transparent transparent #a3a3a3;
    cursor: default !important;
}
.caution_text{
    padding: 10px 5px 0px 5px;
    border-bottom: 2px dotted #ddd;
    box-sizing: border-box;
}
.annotation_text{
    padding-left:1em;
    text-indent: -1em;
}
.indent_texts{
    position: relative;
}
.indent_texts li{
    margin-bottom: 10px;
    padding-left:3em;
    text-indent: -3em;
}
.fixeding{
    position: fixed;
    top: 0;
    margin:0 auto !important;
    padding:0 !important;
    max-width: 960px;
    width: 100%;
    background: #fff;
    z-index: 6;
}
.nav_menu ul{
    margin:0 auto;
    width:80%;
}
.nav_menu.w20 li{
    width: 20%;
    text-align: center;
    border-left: 1px solid #fff;
}
.nav_menu.w25 li{
    width: 25%;
    text-align: center;
    border-left: 1px solid #fff;
}
.nav_menu.w33 li{
    width: 33%;
    text-align: center;
    border-left: 1px solid #fff;
}
.nav_menu li:last-child{
    border-right: 1px solid #fff;
}
.nav_menu li a{
    color:#fff;
    text-decoration: none;
}
.header2_2 .nav_menu li a {
    color: #0066cc;
}
.header2_2 .nav_menu li .active {
    color:#fff;
    background: #000099;
}
.header2_2 .nav_menu li a:hover{
    color: #fff;
}
#nav_toggle{
    display: none;
}

h3.bg_blue {
    padding: 3px 5px;
    background-color:#99ccff;
    border-left:6px solid #003399;
    text-align: left;
}
form > fieldset {
    min-width: auto;
}
form > fieldset legend {
    display: none;
}
#contents .input_comment{
    font-size:12pt;
}
#contents .input_errormessage{
    color:#f00;
    font-size:12pt;
}
.infomation{
    padding:0 10px;
}
.ui-datepicker {
    z-index: 11 !important;
}
.ui-datepicker-trigger {
    background: transparent;
    border: none;
    cursor: pointer;
    margin-left: 5px;
    height: 28px;
    padding: 0;
    vertical-align: middle;
    width: 28px;
}
.ui-datepicker-trigger img {
    width: 100%;
}

.ui-widget.ui-widget-content{
    box-sizing: border-box;
}
select.ui-datepicker-year{
  vertical-align: middle;
}
select.ui-datepicker-month{
  vertical-align: middle;
}
#contents select[name="area"]{
    height:32px;
    vertical-align:middle;
}
#datepicker,
#datepicker2{
    display:inline-block;
    margin:0 auto;
}
.datepicker{
    display:inline-block;
    margin:0 auto;
}

#contents_main {
    width: 100%;
}

#contents_main.sub {
    float:none;
    margin:0 auto;
    width: 750px;
    background-color: #FFFFFF;
    font-size:105%;
    line-height:140%;
    padding-top: 30px;
/*    position:relative;*/
}

#contents_left {
    float: left;
    margin:0 auto 5px;
    width: 69%;
}
#contents_right {
    float:right;
    width: 30%;
}

.contents_center {
    text-align: center;
    position: relative;
    margin:0 auto;
    width: 50%;
    padding: 10px 0;
    box-sizing: border-box;
}

.contents_left {
    float: left;
    position: relative;
    margin:0 auto;
    width: 40%;
    padding: 10px 0;
    box-sizing: border-box;
}
.contents_right {
    float:right;
    position: relative;
    margin:0 auto;
    width: 60%;
    padding: 10px 0;
    box-sizing: border-box;
}
.contents_left2 {
    float: left;
    padding: 10px 0;
    box-sizing: border-box;
}

.contents_right2 {
    float:right;
    padding: 10px 0;
    box-sizing: border-box;
}
.contents_left h1{
    padding:0 10px;
}
.contents_left > a{
    color: #000;
    background: transparent;
}
.table_inner{
    table-layout: fixed;
    display:table;
    padding:10px 0;
    width:100%;
    min-height: 90px;
    border-top: 2px dotted #ddd;
}
.table_inner2{
    table-layout: fixed;
    display:table;
    padding:10px 0;
    width:100%;
    min-height: 45px;
    border-top: 2px dotted #ddd;
}
.box_inner{
    padding:0 10px;
    width:100%;
    box-sizing:border-box;
}
.table_inner.last {
    border-bottom: 2px dotted #ddd;
}
.table_inner_left {
    display:table-cell;
    padding-left:10px;
    width: 20%;
    vertical-align:middle;
    box-sizing:border-box;
}
.table_inner_left > div{
}
.table_inner_left2 {
    display:table-cell;
    padding:0 5px;
    width: 10%;
    vertical-align:middle;
    box-sizing:border-box;
}
.table_inner_left2 > div{
}

.table_inner_right {
    display:table-cell;
    padding-right:10px;
    width: 70%;
    vertical-align:middle;
    box-sizing:border-box;
    word-wrap: break-word;
}
.table_inner_right > div{
    display:table;
    width:100%;
}
.table_inner_right .inner_left{
    display:inline-block;
    width:10%;
/*
    border-right: 2px solid #ddd;
*/
}
.table_inner_right .inner_right{
    display:inline-block;
}
.table_inner_right .cal_icon{
    vertical-align:middle;
}
.table_inner_right  .table_inner_inner{
    display:table;
    width:100%;
    table-layout:fixed;
}
.table_inner_right  .table_inner_inner .table_inner_inner{
    margin:0 auto;
}
.table_inner_right  .table_inner_inner .table_inner_left{
    padding:0;
    background:none;
    width: 10%;
    border-top:none;
    border-left:none;
/*
    border-right: 2px solid #ddd;
*/
    text-align:left;
}
.table_inner_right  .table_inner_inner .table_inner_right{
    border-top:none;
    border-left:none;
    border-right:none;
}
.table_inner_right  .table_inner_inner .inner_dtop{
/*
    border-bottom:2px solid #ddd;
*/
}
#contents .table_inner_right  .table_inner_inner .inner_left_option select,
#contents .table_inner_right  .table_inner_inner .inner_right_option select{
    height:auto;
}
.table_inner_box_l{
    display: table-cell;
    width: 20%;
    vertical-align: middle;
}
.table_inner_box_r{
    display: table-cell;
}
.table_inner_right  .table_inner_inner .inner_left_option{
    display:inline-block;
    width:230px;
    vertical-align:top;
}
.table_inner_right  .table_inner_inner .inner_right_option{
    display:inline-block;
    width:230px;
    vertical-align:top;
}
.table_inner_right  .table_inner_inner .inner_left_option select[name="kunimei"],
.table_inner_right  .table_inner_inner .inner_right_option select[name="kunimei"]{
    width:100%;
}
.table_inner_right  .table_inner_inner .inner_center_option{
    display:inline-block;
    width:20%;
    text-align:center;
    vertical-align:top;
}
.table_inner_right  .table_inner_inner .inner_center_option button{
    display:block;
    margin:0 auto 5px;
    width:24px;
    height:24px;
    border:none;
    cursor:pointer;
}
.table_inner_right  .table_inner_inner .inner_center_option .next{
    background:#eee url(../img/next.png) no-repeat center center;
}
.table_inner_right  .table_inner_inner .inner_center_option .next2{
    background:#eee url(../img/next2.png) no-repeat center center;
}
.table_inner_right  .table_inner_inner .inner_center_option .prev{
    background:#eee url(../img/prev.png) no-repeat center center;
}
.table_inner_right  .table_inner_inner .inner_center_option .prev2{
    background:#eee url(../img/prev2.png) no-repeat center center;
}
.text_year{
    margin:0 10px;
    width:6em;
}
.text_month{
    margin:0 10px;
    width:3em;
}
.text_day{
    margin:0 10px;
    width:3em;
}

.btn_searchaction,
.btn_searchaction2{
    padding:10px 0;
    text-align:center;
    background:#f2f2f2;
}
.btn_searchaction button,
.btn_searchaction2 button{
    padding:10px 20px;
    width:25%;
    color:#fff;
    background:#0c5ebf url(../img/arrow1.png) no-repeat right center;
    border:none;
    border-radius: 10px;
    cursor:pointer;
    font-size:12pt;
}
.btn_searchaction2 button{
    border-radius: 0;
}
.btn_searchaction button.disabled,
.btn_searchaction2 button.disabled{
    background:#666666 url(../img/arrow1.png) no-repeat right center;
}
.btn_searchaction button.disabled2,
.btn_searchaction2 button.disabled2{
    background:#666666;
}
.btn_searchaction button.forget,
.btn_searchaction2 button.forget{
    background-color:#00bcd4;
}

.btn_area_r_ish{
    margin:0 auto;
    padding:10px;
    text-align:right;
    background:#f2f2f2;
}
.btn_area_r_ish.background_none{
    background:none;
    padding: 0;
    margin: 0;
}
.btn_area_r_ish:after{
    content:"";
    display:block;
    clear: both;
}
.btn_area_r_ish button{
    margin:0 0 0 10px;
    padding:10px;
    width:140px;
    color:#fff;
    background:#0c5ebf no-repeat right center;
    border:none;
    border-radius: 10px;
    cursor:pointer;
    font-size:12pt;
}
.btn_area_r_ish button:hover{
    box-shadow: 0 0 0 1.5px #0056aa inset;
}
.btn_area_r_ish button:active{
    background:#6599cc no-repeat right center;
}
.btn_area_r_ish button.w180{
    width:180px;
}
.btn_area_r_ish button.w115{
    width:115px;
}
.btn_area_r_ish button.return{
    float:left;
    margin:0 auto;
}
.btn_area_r_ish button.forget{
    background:#00bcd4  no-repeat right center;
}
.btn_area_r_ish button.red{
    background:#ee0000;
}
.btn_area_r_ish button.text_center{
    text-align:center;
}
.btn_area_r_ish button.h60{
    height: 60px;
}
.btn_area_r_ish button.fs18{
    font-size: 18px;
}

.btn_area_l_ish{
    margin:0 auto;
    padding:10px;
    text-align:center;
    background:#f2f2f2;
}
.btn_area_l_ish:after{
    content:"";
    display:block;
    clear: both;
}
.btn_area_l_ish button{
    float:right;
    margin:0 0 0 10px;
    padding:0 15px 0 0;
    width:15%;
    color:#fff;
    background:#1078e0 url(../img/arrow1.png) no-repeat right center;
    border:none;
    border-radius: 10px;
    cursor:pointer;
}
.btn_area_l_ish button.return{
    float:left;
    margin:0 auto;
}
.btn_area_l_ish .arrow1{
    background:#666666 url(../img/arrow1.png) no-repeat right center;
}


.button_action{
    margin:10px auto 0;
    padding:0 10px;
    text-align:right;
}
.button_action:after{
    content:"";
    display:block;
    clear: both;
}
.button_action button{
    padding: 5px 20px;
    color: #fff;
    background: #0066cc;
    border: none;
    border-radius: 10px;
    font-size:100%;
    cursor:pointer;
}
.button_action button.return{
    float:left;
    margin:0 auto;
}

.button_actionarea{
    margin:10px auto 0;
    padding:10px;
    text-align:right;
    background:#ddd;
}
.button_actionarea:after{
    content:"";
    display:block;
    clear: both;
}
.button_actionarea button{
    margin:0 0 0 10px;
    padding:0;
    width:150px;
    color:#fff;
    font-size:18pt;
    background:#0066cc;
    border:none;
    cursor:pointer;
}
.button_actionarea button.return{
    float:left;
    margin:0 auto;
}
.button_actionarea .arrow1{
    background:#666666 url(../img/arrow1.png) no-repeat right center;
}

.button_actionarea2{
    margin:10px auto 0;
    padding:10px;
    text-align:center;
    background:#ddd;
}
.button_actionarea2:after{
    content:"";
    display:block;
    clear: both;
}
.button_actionarea2 button{
    float:right;
    margin:0 0 0 10px;
    padding:0 15px 0 0;
    width:15%;
    color:#fff;
    font-size:18pt;
/*
    background:#0066cc url(../img/arrow1.png) no-repeat right center;
*/
    background:#0066cc;
    border:none;
    cursor:pointer;
}
.button_actionarea2 button.return{
    float:left;
    margin:0 auto;
}
.button_actionarea2 .arrow1{
    background:#666666 url(../img/arrow1.png) no-repeat right center;
}
.btn_area{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
    justify-content: safe flex-end;
    margin: 10px auto 0;
    padding: 10px;
    background: #ddd;
}
.btn_area button{
    margin: 0 0 0 10px;
    padding: 0;
    width: 150px;
    color: #fff;
    font-size: 18pt;
    background: #0066cc;
    border: none;
    cursor: pointer;
}
.btn_area button.return{
    margin:0 auto 0 0;
    background: #666;
}

.button_pagetop{
    margin: 10px auto;
    padding: 0 10px;
    text-align: right;
}

.button_closearea,
.button_changearea{
    margin:10px auto 0;
    text-align:right;
    float: right;
}

#layout_inner + div .button_pagetop{
    max-width: 960px;
    width: 100%;
    box-sizing: border-box;
}
#layout_inner_large + div .button_pagetop{
    max-width: 1240px;
    width: 100%;
    box-sizing: border-box;
}

.search_list{
    position:relative;
    display:inline-block;
    margin:15px auto 0;
    padding: 10px 5px;
    width:100%;
    font-size: 14pt;
    background: none;
    border-left: 6px solid #ff6600;
    box-sizing: border-box;
}
.search_list .searchcontent{
    position:absolute;
    left:20%;
}
.search_listtable{
    margin:10px auto 0;
    width:100%;
    background:#fff;
    table-layout: fixed;
    word-wrap: break-word;
}
.search_listtable .thead{
    background:#ddd;
    border-top:1px solid #aaa;
    border-right:1px solid #aaa;
    border-bottom:1px solid #aaa;
    text-align:center;
}
.search_listtable .thead1{
    width:5%;
}
.search_listtable .thead2{
    width:5%;
}
.search_listtable .thead3{
    width:15%;
}
.search_listtable .thead4{
    width:10%;
}
.search_listtable .thead5{
    width:15%;
}
.search_listtable .thead6{
    width:15%;
}
.search_listtable .thead7{
    width:15%;
}
.search_listtable .thead8{
    width:10%;
}
.search_listtable .thead9{
    width:10%;
}
.search_listtable .thead10{
    width:20%;
}

.search_listtable th.th3-5p {
    width: 3.5%;
}
.search_listtable th.th4p {
    width: 4%;
}
.search_listtable th.th9p {
    width: 9%;
}
.search_listtable th.th10p {
    width: 10%;
}
.search_listtable th.th11p {
    width: 11%;
}
.search_listtable th.th14p {
    width: 14%;
}

.search_listtable tr{
    border-left:1px solid #aaa;
}
.search_listtable td{
    padding:5px;
    border-right:1px solid #aaa;
    border-bottom:1px solid #aaa;
    text-align:center;
    word-wrap: break-word;
    box-sizing:border-box;
}
.search_listtable td:nth-child(5){
/*
    text-align:left;
*/
}
.search_listtable td:nth-child(1){
/*
    background: #fefe9a;
*/
}
.search_listtable button{
    color: #fff;
    background: #0c5ebf;
    border: none;
    font-size: 12pt;
    cursor: pointer;
    border-radius: 5px;
    padding: 5px;
}
.scroll_listtable{
    margin:10px auto 0;
    width:100%;
    table-layout: fixed;
}
.scroll_listtable .thead{
    background:#ddd;
    border-top:1px solid #aaa;
    border-right:1px solid #aaa;
    border-bottom:1px solid #aaa;
    text-align:center;
}
.scroll_listtable .thead18p{
    width:18%;
}
.scroll_listtable .thead10p{
    width:10%;
}
.scroll_listtable .tbody18p{
    width:18%;
}
.scroll_listtable .tbody10p{
    width:10%;
}
.scroll_listtable .scrollhead{
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}
.scroll_listtable .scrollbody{
    display: block;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}
.scroll_listtable .scrollhead tr,
.scroll_listtable .scrollbody tr{
    display: table;
    width:100%;
    border-left:1px solid #aaa;
}
.scroll_listtable th{
}
.scroll_listtable td{
    padding:5px;
    border-right:1px solid #aaa;
    border-bottom:1px solid #aaa;
    text-align:center;
    word-wrap: break-word;
    box-sizing:border-box;
}
.scroll_listtable button{
    color: #fff;
    background: #0066cc;
    border: none;
    font-size: 14pt;
    cursor: pointer;
}

.list_movebutton{
    margin:10px auto;
    text-align:center;
    font-size:12pt;
}
.list_movebutton a,
.list_movebutton ul li span{
    display:inline-block;
    margin:0 5px;
    padding: 5px;
    background: #f2f2f2;
    border: 1px solid #bfbfbf;
    text-decoration: none !important;
}
.icon_number{
    width:30px;
    height:30px;
}
.gnav{
    position: relative;
    display:inline-block;
    padding:0 10px 0 0;
    text-align:right;
    vertical-align: middle;
}
.nav02 {
    position: relative;
    z-index: 1;
}
.logout{
    display: inline-block;
    padding: 0 10px;
    text-align: right;
}
.logout span a{
    color:#fff;
}
.header1{
    margin: 0 -200%;
    padding: 0 200%;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
    background:#c9f3ff;
/*
    color:#fff;
*/
}
.header2{
    position:relative;
    margin: 0 -200%;
    padding: 0 200%;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
    background:#036;
}
.header3{
    position:relative;
    margin: 0 -200% 10px;
    padding: 1px 200%;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
}
.bar{
    margin: 0 -200%;
    padding: 0 200%;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
    height:4px;
    background:#aaa;
}
.subname{
    padding:5px;
    background:#fff;
    border:2px solid #ea0000;
}
.atenmessage{
    margin:10px auto 10px;
    padding:5px;
    border:2px solid #ea0000;
    background:#faffb5;
}
.viewmessage{
    margin:10px auto;
    padding:5px;
    border:2px solid #f00;
    border-radius: 10px;
}
.message{
    margin:10px auto 10px;
}
.message .vsc09000701_note{
    font-size: 24pt;
}
.viewmessage.comp{
    padding:30px 0;
}
.attention{
    display: inline-block;
    padding:0;
    color: #fff;
    font-size:12pt;
    background: #e4007f;
    border-radius: 5px;
    vertical-align:middle;
    min-width: 64px;
}

#footer {
    position:relative;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    text-align:center;
    padding-top: 10px;
/*
    background:#fff url(../img/files/000000554.gif) repeat-x;
*/
    box-sizing: border-box;
}

#layout_inner_large + #footer {
    max-width: 1240px;
}

#footer_inner {
    margin: 0 -200%;
    padding: 0 200%;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
    height: auto;
    background:#003366;
    box-sizing: border-box;
}

#footer_inner.popup {
    width: 980px;
    /* 730 */
}

address {
    float: right;
    width:300px;
    height:15px;
    padding:5px 5px 0 0;
}

#breadcrumb {
    padding:0 10px;
    font-size:12pt;
/*
    position: absolute;
    top: 0;
    left:0;
*/
}
#logstatus{
    display:inline-block;
    padding:0 10px;
    font-size:12pt;
    text-align:right;
}
span.logstatus{
    margin-left:1em;
}

.bn_left{
    display: inline-block;
    width: 70%;
    vertical-align: middle;
}
.bn_right{
    display: inline-block;
    width: 29%;
    vertical-align: middle;
}
.bn_left_u{
    display: inline-block;
    width: 70%;
    vertical-align: bottom;
}
.bn_right_u{
    display: inline-block;
    width: 29%;
    vertical-align: bottom;
}
.bn_left img,
.bn_right img,
.bn_left_u img,
.bn_right_u img{
    max-width: 100%;
}
.blockbox{
    float: left;
    margin: 0 2% 1em 0;
    width: 23%;
    font-size: 14px;
    text-align: left;
}
.blockbox dd{
    display: inline-block;
}
.blockbox2,
.blockbox3{
    display: inline-block;
    font-size: 14px;
    text-align: left;
}
.blockbox3{
    width: 39%;
}
.blockbox2 dd,
.blockbox3 dd{
    display: inline-block;
}
.topic_info{
    font-size: 16px;
    font-weight: bold;
}
.f_backmun{
    width: 100%;
    text-align: right;
}
small{
    display: block;
    width: 100%;
    color:#fff;
    font-size:14pt;
}

/*add content class start*/

/*領事メール業務メニュー*/
.button_action_left{
    margin:10px auto 0;
    padding:0 10px;
    text-align:left;
}
.button_action_left button{
    padding: 5px 20px;
    color: #fff;
    background: #0066cc;
    border: none;
    font-size:18pt;
    cursor:pointer;
}

/*利用者情報登録*/
.table_inner3{
    display:table;
    padding:10px 0;
    width:100%;
}
.table_inner3.last {
    border-bottom: 2px dotted #ddd;
}

/*利用者情報変更*/
.table_inner_left4 {
    display:table-cell;
    padding:0 10px;
    width: 40%;
    background:#fff;
    vertical-align:middle;
}
.table_inner_right4 {
    display:table-cell;
    padding:0 10px;
    width: 60%;
    background:#fff;
    vertical-align:middle;
}

/*利用者情報検索 角丸枠*/
.radius1 {
    border:2px solid #aaa;
    border-radius: 10px;
    margin: 5px auto;
    width:100%;
    height: 50px;
    display:table;
    display: flex;
    align-items: center;
}
.radius1_inner_left{
    display:table-cell;
    padding:0 10px;
    width: 22%;
    vertical-align:middle;
}
.radius1_inner_rigth{
    display:table-cell;
    width: 78%;
    vertical-align:middle;
    padding-right:10px;
}
.radius1_inner_right  .inner_right{
    display:inline-block;
}
.search_list .searchcontentButton{
    position:absolute;
    right:3%;
}
.search_list button{
    padding: 5px 20px;
    color: #fff;
    background: #0066cc;
    border: none;
    font-size:18pt;
    cursor:pointer;
    bottom: 4px;
}

/*テンプレート一覧 表レイアウト*/
.search_listtable3{
    margin:10px auto 0;
    width:100%;
    table-layout: fixed;
}
.search_listtable3 .thead{
    background:#ddd;
    border-top:1px solid #aaa;
    border-right:1px solid #aaa;
    border-bottom:1px solid #aaa;
    text-align:center;
}
.search_listtable3 .thead1{width:5%;}
.search_listtable3 .thead2{width:9%;}
.search_listtable3 .thead3{width:50%;}
.search_listtable3 .thead4{width:18%;}
.search_listtable3 .thead5{width:18%;}
.search_listtable3 .thead6{width:41%;}
.search_listtable3 .thead7{width:27%;}
.search_listtable3 tr{border-left:1px solid #aaa;}
.search_listtable3 td{
    border-right:1px solid #aaa;
    border-bottom:1px solid #aaa;
    text-align:center;
    word-wrap: break-word;
}
/*add content class end*/

/* pc */
@media screen and (min-width: 961px) {
/*ここにpc用スタイルを記述*/
}

/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
/*ここにtablet用スタイルを記述*/
}

/* smartPhone */
@media screen and (max-width: 768px) {
/*ここにスマホ用スタイルを記述*/
    #header{
        margin:0 auto 10px;
        height: auto;
    }
    #contents_left,
    #contents_right{
        float:none;
        width:100%;
    }
    #contents_right{
        margin:10px auto 0;
        text-align: center;
    }
    .img100wp{
        width: auto !important;
    }
    #contents{
        padding: 0;
    }
    #contents h1{
        font-size: 120%;
    }
    small > img{
        max-width: 100%;
        width: auto;
    }
    /*add header class*/
    .header1,
    .bar,
    .header3{
        margin:0 auto;
        padding: 0;
    }
    /*add content class*/
    .img-responsive{
        max-width:100%;
        height:auto;
    }
    .table_inner_left ,
    .table_inner_left2 ,
    .table_inner_right {
        display: inline-block;
        padding: 0 10px;
        width: 100%;
    }
    .table_inner_right .inner_left {
        width: 100%;
    }
    .table_inner_right  .table_inner_inner .table_inner_left{
        width: 100%;
    }
    .table_inner_box_l,
    .table_inner_box_r{
        display: inline-block;
        width: 100%;
    }
    #datepicker, #datepicker2{
        width: 100% !important;
    }
    .ui-datepicker{
        font-size: 80%;
    }
    .btn_searchaction button{
        display: block;
        margin:0 auto 15px;
        width: 90%;
    }
    .search_list .searchcontent{
        left:auto;
        right: 0;
    }
    .search_listtable{
        width: auto;
    }
    .list_movebutton a{
        margin:0 10px 15px;
    }
    .button_action button{
        margin:0 auto 20px;
        width: 48%;
    }
    .btn_area_r_ish button{
        width:48%;
    }
    .btn_area_r_ish button:nth-child(odd){
        margin:0 auto;
    }
    .btn_area_r_ish button.w115{
        width:48%;
    }
    .btn_area_l_ish button{
        width:33.3%;
    }
    .btn_area{
        padding: 10px 10px 0;
    }
    .btn_area button{
        margin:0 0 10px 0;
        padding:10px;
        width:45%;
        font-size: 100%;
    }
    .btn_area button:nth-child(even){
        margin:0 0 10px 10px;
    }
    .btn_area button.return{
        margin:0 0 10px 0;
        background: #666;
    }
    .flow_box li {
        width: calc(14% - 7.5px);
    }
    .flow_text li {
       width: 16.5%;
    }
    .breadcrumbs-steps li {
        width: calc(14% - 7.5px);
    }

    .sp_w_auto{width:auto !important;}
    .sp_w300p{width:300% !important;}
    .sp_w250p{width:250% !important;}
    .sp_w200p{width:200% !important;}
    .sp_w150p{width:150% !important;}
    .sp_w100p{width:100% !important;}
    .sp_w90p{width:90% !important;}
    .sp_w85p{width:85% !important;}
    .sp_w80p{width:80% !important;}
    .sp_w75p{width:75% !important;}
    .sp_w70p{width:70% !important;}
    .sp_w65p{width:65% !important;}
    .sp_w60p{width:60% !important;}
    .sp_w55p{width:55% !important;}
    .sp_w50p{width:50% !important;}
    .sp_w45p{width:45% !important;}
    .sp_w40p{width:40% !important;}
    .sp_w35p{width:35% !important;}
    .sp_w33p{width:33% !important;}
    .sp_w30p{width:30% !important;}
    .sp_w25p{width:25% !important;}
    .sp_w23p{width:23% !important;}
    .sp_w20p{width:20% !important;}
    .sp_w15p{width:15% !important;}

    .sp_w60px{width: 60px !important;}

    .sp_h25p{height: 25% !important;}
    .sp_h50p{height: 50% !important;}
    .sp_h100p{height: 100% !important;}

    .sp_m0 { margin: 0 !important; }
    .sp_m10{margin:0 auto 10px;}
    .sp_m_auto { margin: 0 auto !important; }

    .sp_mt0 { margin-top: 0 !important; }
    .sp_mt5 { margin-top: 5px !important; }
    .sp_mt10 { margin-top: 10px !important; }
    .sp_mt15 { margin-top: 15px !important; }
    .sp_mt20 { margin-top: 20px !important; }
    .sp_mt25 { margin-top: 25px !important; }
    .sp_mt30 { margin-top: 30px !important; }

    .sp_mb0 { margin-bottom: 0 !important; }
    .sp_mb5 { margin-bottom: 5px !important; }
    .sp_mb10 { margin-bottom: 10px !important; }
    .sp_mb15 { margin-bottom: 15px !important; }
    .sp_mb20 { margin-bottom: 20px !important; }
    .sp_mb25 { margin-bottom: 25px !important; }
    .sp_mb30 { margin-bottom: 30px !important; }

    .sp_ml0 { margin-left: 0 !important; }
    .sp_ml5 { margin-left: 5px !important; }
    .sp_ml10 { margin-left: 10px !important; }
    .sp_ml15 { margin-left: 15px !important; }
    .sp_ml20 { margin-left: 20px !important; }
    .sp_ml25 { margin-left: 25px !important; }
    .sp_ml30 { margin-left: 30px !important; }
    .sp_ml100 { margin-left: 100px !important; }

    .sp_mr0 { margin-right: 0 !important; }
    .sp_mr5 { margin-right: 5px !important; }
    .sp_mr10 { margin-right: 10px !important; }
    .sp_mr15 { margin-right: 15px !important; }
    .sp_mr20 { margin-right: 20px !important; }
    .sp_mr25 { margin-right: 25px !important; }
    .sp_mr30 { margin-right: 30px !important; }
    .sp_mr100 { margin-right: 100px !important; }

    .sp_p0 { padding: 0 !important; }
    .sp_p10{ padding: 10px !important; }
    .sp_p15{ padding: 15px !important; }

    .sp_pt0 { padding-top: 0 !important; }
    .sp_pt5 { padding-top: 5px !important; }
    .sp_pt10 { padding-top: 10px !important; }
    .sp_pt15 { padding-top: 15px !important; }
    .sp_pt20 { padding-top: 20px !important; }
    .sp_pt25 { padding-top: 25px !important; }
    .sp_pt30 { padding-top: 30px !important; }

    .sp_pb0 { padding-bottom: 0 !important; }
    .sp_pb5 { padding-bottom: 5px !important; }
    .sp_pb10 { padding-bottom: 10px !important; }
    .sp_pb15 { padding-bottom: 15px !important; }
    .sp_pb20 { padding-bottom: 20px !important; }
    .sp_pb25 { padding-bottom: 25px !important; }
    .sp_pb30 { padding-bottom: 30px !important; }

    .sp_pr0 { padding-right: 0 !important; }
    .sp_pr5 { padding-right: 5px !important; }
    .sp_pr10 { padding-right: 10px !important; }
    .sp_pr15 { padding-right: 15px !important; }
    .sp_pr20 { padding-right: 20px !important; }
    .sp_pr25 { padding-right: 25px !important; }
    .sp_pr30 { padding-right: 30px !important; }

    .sp_pl0 { padding-left: 0 !important; }
    .sp_pl5 { padding-left: 5px !important; }
    .sp_pl10 { padding-left: 10px !important; }
    .sp_pl15 { padding-left: 15px !important; }
    .sp_pl20 { padding-left: 20px !important; }
    .sp_pl25 { padding-left: 25px !important; }
    .sp_pl30 { padding-left: 30px !important; }

    .sp_fs50p{font-size:50% !important;}
    .sp_fs60p{font-size:60% !important;}
    .sp_fs70p{font-size:70% !important;}
    .sp_fs85p{font-size:85% !important;}
    .sp_fs90p{font-size:90% !important;}
    .sp_fs95p{font-size:95% !important;}
    .sp_fs100p{font-size:100% !important;}
    .sp_fs120p{font-size:120% !important;}
    .sp_fs140p{font-size:140% !important;}
    .sp_fs160p{font-size:160% !important;}

    .sp_lineh_100p{line-height: 100% !important;}
    .sp_lineh_120p{line-height: 120% !important;}
    .sp_lineh_150p{line-height: 150% !important;}

    .sp_border_all01{border:1px solid #999 !important;}

    .sp_txt_c {text-align: center !important;}
    .sp_txt_l {text-align: left !important;}
    .sp_txt_r {text-align: right !important;}
    .sp_fRight {float: right !important;}
    .sp_fLeft {float: left !important;}
    .sp_fNone {float: none !important;}
    .sp_block{display: block !important;}
    .sp_inblock{display: inline-block !important;}
    .sp_bs{box-sizing: border-box !important;}

    .dis_pc{ display: none !important; }
    .dis_sp{ display: block !important; }

    .sp_ai_st{align-items:stretch !important;}
    .sp_ju_c{justify-content: center !important;}
    .sp_ju_sb{justify-content: space-between !important;}

    /*add footer class*/
    #footer_inner{
        margin:0 auto;
        padding: 0;
    }
    .box_inner{
        overflow: auto;
    }
    /*calendar pop*/
    .ui-widget.ui-widget-content{
        left:auto !important;
    }
    /*メニュー開閉ボタン*/
    #nav_toggle{
        display: inline-block;
        position: relative;
        margin:0 10px;
        width: 44px;
        height: 44px;
        background:#fff;
        border:3px solid #036;
        border-radius: 10px;
        vertical-align: middle;
        overflow: hidden;
        z-index: 102;
    }
    #nav_toggle div {
        position: relative;
        height:100%;
    }
    #nav_toggle span{
        display: inline-block;
        height: 3px;
        background: #036;
        position:absolute;
        width: 90%;
        left: 50%;
        transform:translate(-50%,-50%);
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    #nav_toggle span:nth-child(1){
        top:20%;
    }
    #nav_toggle span:nth-child(2){
        top:50%;
    }
    #nav_toggle span:nth-child(3){
        top:80%;
    }

    /*メニュー開閉ボタンopen時*/
    .open #nav_toggle span:nth-child(1) {
        top: 50%;
        left:5%;
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        transform: rotate(225deg);
    }
    .open #nav_toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav_toggle span:nth-child(3) {
        top: 50%;
        left:5%;
        -webkit-transform: rotate(-225deg);
        -moz-transform: rotate(-225deg);
        transform: rotate(-225deg);
    }
    .open .overlay{
        display: block;
    }

    /*SP時メニュー*/
    .header2 {
        position: fixed;
        right: 0;
        z-index: 100;
        transition: .5s ease-in-out;
        transform: translateX(100%);
    }
    .open .header2 {
        transform: translateX(0%);
    }
    .nav_menu.dis_flex_c{
        z-index: 102;
    }
    .nav_menu.dis_flex_c li{
        border-left: none;
        border-bottom: 1px solid #fff;
    }
    .nav_menu.dis_flex_c li:last-child {
        border-right: none;
    }

    /*SP時言語切り替え表示*/
    .nav03{
        display: none !important;
    }
    .open .nav03{
        display: block !important;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding: 20px;
        width: 90%;
        background: #fff;
        border-radius: 10px;
        z-index: 13;
    }
    .open .btn_close{
        display: inline-block;
        position: absolute;
        top: -50px;
        right: 0;
        margin: 0 auto;
        width: 44px;
        height: 44px;
        background: #fff;
        border: 3px solid #036;
        border-radius: 10px;
        cursor: pointer;
        vertical-align: middle;
        overflow: hidden;
        z-index: 102;
    }
    .open .btn_close span{
        display: inline-block;
        height: 3px;
        background: #036;
        position: absolute;
        width: 90%;
    }
    .open .btn_close span:nth-child(1) {
        top: 50%;
        left:5%;
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        transform: rotate(225deg);
    }
    .open .btn_close span:nth-child(2) {
        top: 50%;
        left:5%;
        -webkit-transform: rotate(-225deg);
        -moz-transform: rotate(-225deg);
        transform: rotate(-225deg);
    }

}

@media screen and (max-width: 334px) {
    .padding-reset{
        padding: 0px !important;
    }
}

.header_parent {
    position: relative;
}

.header_child1 {
    position: absolute;
    text-align: center;
    width: 100%
}

.header_child2 {
    position: relative;
    text-align: right;
    width: 30%;
    margin-left: auto;
}

.header_image {
    width: 12%;
    height: 12%;
}

.vsc06000101_comment9 {
    font-size: 10pt
}

.faq_subtitle {
    margin-top:30px;
    margin-bottom:-10px;
    padding: 10px 5px;
    font-size:20pt;
    font-weight: normal;
    background:none;
}

.btn_familyModeSave{
    position: absolute;
    color: #fff;
    background: #FFD700;
    min-height: 53px;
    line-height: normal;
    border: none;
    overflow:visible;
    cursor: pointer;
    font-size:12pt;
    text-align:right;
    right: 35px;
    margin-top: 10px;

}

.btn_familyModeSave2{
    position: absolute;
    color: #fff;
    background: #32CD32;
    min-height: 53px;
    line-height: normal;
    border: none;
    overflow: visible;
    cursor: pointer;
    font-size: 12pt;
    text-align: right;
    right: 35px;
    margin-top: 15px;
    margin-right: 92px;

}

.family_btn_next{
    position: relative;
    color:#fff;
    background: #228922;
    min-height:44px;
    line-height: normal;
    border: none;
    overflow:visible;
    cursor: pointer;
    font-size:12pt;
}

.family_btn_next:before{
    content: "";
    position: absolute;
    top:0;
    right: -44px;
    width: 44px;
    height:44px;
    border-style: solid;
    border-color: transparent transparent transparent #228922;
    border-width: 22px 0 22px 22px;
}

.mfa_form{
    padding: 10px 0;
    min-height: 90px;
}

.mfa_form_inner{
    display: table;
    margin: auto;
    margin-top: 17px;
    border-top: 1px solid #e1e1e1;
}

.left_mfa_form{
    display: table-cell;
    font-size: 14px;
    background-color:#f7f7f7;
    padding: 15px 22px 15px 27px;
    width: 190px;
    line-height: 20px;
    text-align: left;
    vertical-align: middle;
    box-sizing: border-box;
}

.right_mfa_form{
    display: table-cell;
    width: 19rem;
    word-wrap: break-word;
    box-sizing: border-box;
    vertical-align: middle;
}

.annotation_account_change{
    font-weight: bold;
}
.manual_menu_font{
    font-size: 128%;
}