/* ----------------- BODY ----------------- */
.wrapper{
    min-height: 100vh;
    position: relative;
}
    
    /* ----------------- HEADER ----------------- */
    .header_wrap{
     border-bottom:5px solid #C4D700;
     background-color:#004831;
    }
    .header_wrap ul{
    max-width:970px;
    margin:0 auto;
    padding:12px 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    }
    .header_wrap ul li{
    display: table-cell;
    vertical-align: middle;
    }
    .header_wrap ul li.left{
     padding-left:19px;
    }
    .header_wrap ul li.right{
     text-align: right;
     padding-right:19px;
    }
    
    .logo_wrap{
    border-bottom:3px solid #004831;
    }
    .logo{
    max-width:951px;
    margin:0 auto;
    padding:45px 0 13px 0;
    width: 100%;
    }
    .logo img{
    margin:0 19px;
    }
    
    /* ----------------- FORM ----------------- */
    th {
        text-align: left;
        border-top: 1px solid #c9c9c9;
    }
    td.detail {
        padding: 20px;
        border-bottom: solid 1px #c9c9c9;
    }
    tr {
        border-right: solid 1px #c9c9c9;
        border-left: solid 1px #c9c9c9;
    }
    .space {
        height: 20px;
        border-right: none;
        border-left: none;
    }
    .formLabel{
    position:relative;
    display:inline-block;
    padding-right:45px;
    margin: 0;
    }
    .requiredIcon{
    position:absolute;
    right:0;
    top:0;
    display:inline-block;
    margin:0 3px;
    padding:1px 5px 0;
    font-size:12px;
    line-height:19px;
    vertical-align:1px;
    color:#fff;
    background-color:#f93434;
    border-radius:2px;
    }
    .niniIcon {
        position: absolute;
        right: 0;
        top: 0;
        display:inline-block;
        margin:0 3px 0 8px;
        padding:1px 5px 0;
        font-size:12px;
        line-height:19px;
        vertical-align:1px;
        color:#fff;
        background-color:#7f7f7f;
        border-radius:2px;
    }
    .inputTable{
    min-width: 100%;
    /*border:solid 1px #c9c9c9;*/
    border-collapse: collapse;
    }
    .matter{
    /*padding-left:20px;*/
    padding: 1em 20px;
    }
    .detail{
    padding:20px;
    border-left:solid 1px #c9c9c9;
    }
    .inpt_name{
    padding:0 10px 0 0;
    display: inline-block;
    min-width: 56px;
    }
    /*.name_mt{
    margin-top:10px;
    }*/
    .detail p{
    margin-bottom:0;
    }
    .input input:not([type=radio]):not([type=checkbox]){
    height:34px;
    padding:5px 5px 3px 5px;
    font-size:114%;
    vertical-align:middle;
    border:1px solid #999;
    border-radius:0;
    box-sizing:border-box;
    appearance:none;
    }
    .txt_b{
    font-weight:bold;
    }
    .requiredArea{
    width:27%;
    }
    .txt_b{
    font-weight:bold;
    }
    /* add */
    label.error {
        display: block;
        font-size: 0.9em !important;
        color: #f00 !important;
  pointer-events: none;
    }
    textarea {
        border: 1px solid #999;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0px !important;
    }
    input.valid, textarea.valid {
        background-color: rgb(255, 255, 255) !important;
    }
    input.error, textarea.error {
        background-color: #ffe4e0 !important;
        border-color: #f00 !important;
    }
    /* オートコンプリートの背景色対策 */
    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    }
    input.error:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px#ffe4e0 inset;
    }
    select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    }
    [name="Pref"].valid {
        background-color: rgb(255, 255, 255) !important;
    }
    .ajaxzip3 {
        display: inline-block;
        background-color: #004831;
        border-style: solid;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border-color: #004831;
        color: #fff;
        font-weight: bold;
        height: 34px;
    }
    .text-center {
        text-align: center;
    }
    .navigation {
        background-color: #ebebeb;
        margin: 30px 10px 0px;
        padding: 0;
    }
    .navigation.complete {
        background-color: #004831;
    }
    .navigation.complete li:first-child {
        background-color: #ebebeb;
    }
    .navigation.complete li:nth-child(2) {
        background-color: #ebebeb;
    }
    .navigation.complete li:first-child::before {
        z-index: 2;
    }
    .navigation li{
        display: inline-block;
        list-style-type: none;
        padding: 15px 0 15px 60px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 31%;
        position: relative;
    }
    .navigation li:first-child {
        padding-left: 30px;
    }
    .navigation li:not(:last-child)::before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 38px 0 38px 20px;
        border-color: transparent transparent transparent #fff;
        position: absolute;
        top: 0;
        left: 101%;       
    }
    .navigation li::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 38px 0 38px 20px;
        border-color: transparent transparent transparent #ebebeb;
        position: absolute;
        top: 0;
        left: 100%;
        z-index: 2;
      }
    .navigation .active {
        background-color: #004831;
        color: #fff;
    }
    .navigation .active::after {
        border-color: transparent transparent transparent #004831;
    }
    .navigation strong {
        font-size: 1.2em;
    }
    .label-margin {
        margin-top: 3px;
    }
    .label-margin-s {
        margin-top: 2px !important;
    }
    .label-margin-nega {
        margin-top: -5px !important;
    }
    [class^="radioList"] {
        margin-bottom: 15px;
        display: flex;
        justify-content: center;
    }
    [class^="radioList"] p {
        margin: 0;
    }
    [class^="radioList"] .radioListLeft {
        margin-right: auto;
    }
    [class^="radioList"] .radioListRight {
        margin-left: auto;
    }
    [class^="radioList"] .radio {
        margin: 0 10px 8px;
    }
    [class^="radioList"] .radio label[class^="customRadio"] {
        display: inline-block;
        position: relative;
        min-height: 1em;
        margin: 30px 0 0 0;
        padding-left: 23px;
        cursor: pointer;
        zoom: 1;
        user-select: none;
    }
    [class^="radioList"] .radio label[class^="customRadio"]::after {
        content: "";
        position: absolute;
        top: -1px;
        left: 0;
        display: block;
        width: 22px;
        height: 22px;
        background: url(https://image.msg.smbc.co.jp/lib/fe9e13737564047d72/m/2/d74236e2-1e9f-4e0c-8c24-81cfed4a2dab.gif) no-repeat 0 0;
    }
    [class^="radioList"] .radio label[class^="customRadio"].labelSelected::after {
        content: "x";
        text-indent: -9999px;
        background-position: 0 -32px;
    }
    [class^="radioList"] .radioNum {
        position: absolute;
        display: block;
        width: 23px;
        top: -30px;
        left: 0;
        text-align: center;
    }
    [class^="radioList"] .input input[class^="customRadio"] {
        z-index: -1;
        position: absolute;
        left: 1px;
        top: 1px;
        margin-right: 5px;
        padding: 5px 5px 3px 5px;
        font-size: 114%;
        vertical-align: middle;
        border: 1px solid #999;
        border-radius: 0;
        -webkit-box-sizing: border-box;
        -moz-ox-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .pcContent {
        display: block !important;
    }
    .spContent {
        display: none !important;
    }
    @media only screen and (max-width: 767px) {
        [class^="radioList"] {
            margin-bottom: 0;
            flex-wrap: wrap;
            justify-content: flex-start;
        }
        [class^="radioList"] .input {
            width: 100%;
            margin: 0 0 8px;
            padding: 0 !important;
        }
        [class^="radioList"] .input label[class^="customRadio"] {
            display: block;
            min-height: 1em;
            margin: 0;
            padding-left: 35px;
        }
        [class^="radioList"] .input label[class^="customRadio"] span.spContent {
            font-size: 13px;
        }
        .pcContent {
            display: none !important;
        }
        .spContent {
            display: block !important;
        }
        span.spContent {
            display: inline !important;
        }
    }
    /* ----------------- ACCORDION ----------------- */
    .accWrap {
        margin-top: 10px;
    }
    .jsAcc {
        margin: 0;
    }
    .jsAcc .accSwitch a {
        position: relative;
        display: inline-block;
        width: 100%;
        padding: 12px 95px 10px 19px;
        border: 1px solid #ccc;
        box-sizing: border-box;
        background: #f2f2f2;
        color: #333;
        font-size: 14px;
        text-decoration: none;
    }
    .jsAcc .accSwitch a > .accBtn {
        position: absolute;
        top: 50%;
        right: 20px;
        display: inline-block;
        min-height: 20px;
        min-width: 0;
        margin: -10px 0 0;
        padding: 0 25px 0 0;
        border: 0;
        border-radius: 3px;
        box-shadow: none;
        background: url(https://image.msg.smbc.co.jp/lib/fe9e13737564047d72/m/2/e4590f43-4092-4a21-b4f2-d16491e94365.png) 100% 50% no-repeat;
        background-size: 20px 20px;
        line-height: inherit;
        font-size: 14px;
        text-align: center;
        color: #333;
        box-sizing: border-box;
    }
    .jsAcc .accSwitch.open a > .accBtn {
        background: url(https://image.msg.smbc.co.jp/lib/fe9e13737564047d72/m/2/6666d618-9a3d-4ca7-9c3e-5f21ec320ebb.png) 100% 50% no-repeat;
        background-size: 20px 20px;
    }
    .jsAcc .accArea {
        display: none;
        margin: 0;
        padding: 15px 20px;
        border: solid 1px #ccc;
        border-width: 0 1px 1px;
    }
    .jsAcc .accArea p {
        margin: 0;
    }
    @media only screen and (max-width: 767px) {
        .jsAcc .accSwitch a {
            padding: 12px 85px 10px 10px;
        }
        .jsAcc .accSwitch.open a > .accBtn {
            right: 15px;
            margin: -10px 0 0;
        }
        .jsAcc .accSwitch a > .accBtn span {
            font-size: 12px;
            display: inline-block;
            margin-top: 1px;
        }
        .jsAcc .accArea {
            padding: 15px 10px;
        }
    }
    /* ----------------- FOOTER ----------------- */
    .footer_wrap{
    background-color:#004831;
    margin-top: 30px;
    }
    .footer_wrap.comp{
    width: 100%;
    position: absolute;
    bottom: 0;
    }
    .footer_wrap ul{
    max-width:1008px;
    margin:0 auto;
    padding:20px 0 18px 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    }
    .footer_wrap ul li{
    display: table-cell;
    }
    .footer_wrap ul li.copyright{
    color:#99B6AD;
    font-size:12px;
    padding-left: 10px;
    }
    .footer_wrap ul li.right{
    text-align: right;
    padding-right: 10px;
    }
    @media only screen and (max-width: 767px) {
        .footer_wrap ul li { display: block; text-align: center; }
        .footer_wrap ul li.copyright { margin: 0px 10px 10px; padding-left: 0;}
        .footer_wrap ul li.right { text-align: center; padding-right: 0;}
        .navigation li {
            width: 33%;
            padding: 10px 0;
        }
        .inpt_name {
            display: block;
        }
        .ajaxzip3 {
            margin-top: 10px;
        }
        .navigation li:first-child {
            padding-left: 3%;
            width: 27%;
        }
        .navigation li:nth-child(2){
            width: 40%;
            padding-left: 7%;
        }
        .navigation li:nth-child(3){
            width: auto;
            padding-left: 8%;
        }
        .navigation strong {
            font-size: 1em;
        }
        .navigation li::after, .navigation li:not(:last-child)::before {border-width: 31px 0 31px 15px;}
        #form .input{
            padding: 2px;
        }
    }
    /* ----------------- OTHER ----------------- */
    .mt30{
    margin-top:30px;
    }
    .mb30{
    margin-bottom:30px;
    }
    /*--------------- style tag _main_style  ------------------------------*/
    .layout-canvas-g { background-color: #FFFFFF; border: medium none; box-sizing: border-box; padding: 0px; width: 100%; }
    .layout-canvas-g > .header, .layout-canvas-g > .section, .layout-canvas-g > .footer { position: relative; overflow: hidden; width: 100%; overflow-wrap: break-word; }
    .layout-canvas-g > .section { margin: 10px 0px; }
    .layout-canvas-g > .section > .columns { box-sizing: border-box; overflow-wrap: break-word; }
    body { color: #333333;
        font-family: "メイリオ",Meiryo, Arial, Helvetica, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
        font-size: 14px; margin: 0px auto; max-width: none; background-color: #FFFFFF; line-height: 1.5; padding: 0px; }
    @media only screen and (max-width: 480px) {
    .mobile-hidden { display: none !important; }
    .responsive-td { width: 100% !important; display: block !important; padding: 0px !important; }
    }
    .layout-canvas-g > .section > .columns { width: 100%; }
    /* ----------------- add -----------------------*/
    @media print {
        /*body {
            -webkit-print-color-adjust: exact;
        }*/
    }
    #form {
        background-color:transparent;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;text-align:left;margin:30px 10px 0px;padding:0px;
       }
      
       #form .custom-controls {
        padding-bottom: 10px;
       }
       #form .custom-controls:last-of-type {
           padding-bottom: 0;
       }
       #form .sc-formfield-label,
       #form .custom-controls .sc-formfield-label,
       #form .custom-controls .sc-formfield-label label,
       #form .custom-controls .sc-formfield-input label {
        color:#000000;
        font-family: "メイリオ",Meiryo, Arial, Helvetica, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
        font-size:14px;line-height:inherit;margin-bottom:3px;vertical-align:middle;
    }
       /*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;*/
       #form input[type="radio"],
       #form input[type="checkbox"] {
        margin: 0 0.4em 3px 0;
        vertical-align: middle;
       }
      
       #form input[type="text"],
       #form input[type="email"],
       #form input[type="number"],
       #form input[type="tel"] {
        width:200px;
       }
      
       #form select.valid {
           background-color: #fff;
       }
       #form select.error {
           background-color: #ffe4e0 !important;
           border-color: #f00 !important;
       }
       #form select,
       #form .yubinbango {
           box-sizing: border-box;
           padding: 5px 5px 3px;
           height: 34px;
           font-size: 114%;
           width: 200px;
           border: solid 1px #999;
       }
      
       #form .sc-button {
        background-color:#F68326;border-color:#F68326;border-radius:3px;border-style:solid;-webkit-border-radius:3px;-moz-border-radius:3px;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:normal;padding:10px;font-weight: bold;
       }
      
       #form .smartcapture-submit-button-wrapper {
        padding-bottom:10px;text-align:center;
       }
      
       #form .date-dropdown-select-boxes input {
        display: none;
       }
      
       #form .date-dropdown-select-boxes .select {
        max-height: 28em;
        max-width: 6em;
        overflow: auto;
       }
       .detail {
         padding: 1em 20px;
         border-left: none;
       }
       .radio-label {
           margin-right: 1em;
       }
       .long-type{
            width: 100% !important;
        }
       select.long-type {
           width: 432px !important;
           max-width: 100%;
       }
       input.long-type {
        width: 432px !important;
        max-width: 100% !important;
       }
       input[name="text100"].long-type {
        width: 100% !important;
       }
       .label-l .inpt_name{
           min-width: 120px;
       }
       .col2_item {
           display: inline-block;
           margin-right: 2em;
       }
       #customCheck2 .col2_item {
           width: 398px;
           max-width: 100%;
           margin-right: 30px;
       }
       .button-back {
           display: inline-block;
           color: #004831;
           text-decoration: underline;
           cursor: pointer;
       }
       .button-back:hover {
           color: #F68326;
       }
       button {
           cursor: pointer;
       }
       .container-year {
           position: relative;
           /*padding-top: 1.4em;*/
       }
       .container-year label.error {
           position: absolute;
           top: 0;
       }
       .container-year select {
        width: 72px !important;
       }
       .container-year select.valid {
        background-color: #fff !important;
       }
       .img-complete {
        width: 100%;
        margin: 30px auto;
        max-width: 620px;
        text-align: center;
       }
       .img-complete img {
           max-width: 100%;
       }
        /* checkbox */
        input[type="checkbox"] {
            width: 0;
            margin: 0 !important;
            opacity: 0;
        }
        #customCheck label,#customCheck2 label,.custom label {
            position: relative;
        }
        #customCheck label::before,#customCheck2 label::before,.custom label::before{
            content: "";
            width: 1em;
            display: inline-block;
            height: 1em;
            vertical-align: middle;
            border: 1px solid #999;
            border-radius: 0;
            margin-right: 4px;
        }
        #customCheck label::after,#customCheck2 label::after, .custom label::after{
            border-right: 2px solid #004831;
            border-bottom: 2px solid #004831;
            content: '';
            display: block;
            height: 12px;
            left: 6px;
            margin-top: -10px;
            opacity: 0;
            position: absolute;
            top: 10px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 4px;
        }
        .custom.valid input[type="checkbox"] + label::before, #customCheck input[type="checkbox"]:checked + label::before, #customCheck.valid input[type="checkbox"] + label::before,#customCheck2 input[type="checkbox"]:checked + label::before,#customCheck2.valid input[type="checkbox"] + label::before{
            background: #fff;
        }
        .custom input[type="checkbox"]:checked + label::after,#customCheck input[type="checkbox"]:checked + label::after,#customCheck2 input[type="checkbox"]:checked + label::after {
            opacity: 1;
        }
        input[name="Entry"],input[name="Consent"] {
            width: 0;
            margin: 0 !important;
        }
        label[for="entry"], label[for="consent"]{
            position: relative;
        }
        label[for="entry"]::before, label[for="consent"]::before{
            content: "";
            width: 1em;
            display: inline-block;
            height: 1em;
            vertical-align: middle;
            border: 1px solid #999;
            border-radius: 0;
            margin-right: 5px;
        }
        /*.error + label[for="entry"]::before, .error + label[for="consent"]::before {
            border: 1px solid #f00;
        }*/
        label[for="entry"]::after, label[for="consent"]::after {
            border-right: 2px solid #004831;
            border-bottom: 2px solid #004831;
            content: '';
            display: block;
            height: 12px;
            left: 6px;
            margin-top: -10px;
            opacity: 0;
            position: absolute;
            top: 10px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 4px;
        }
        input[name="Entry"]:checked + label[for="entry"]::before, input[name="Consent"]:checked + label[for="consent"]::before{
            background: #fff;
        }
        input[name="Entry"]:checked + label[for="entry"]::after, input[name="Consent"]:checked + label[for="consent"]::after {
           opacity: 1;
        }
        /* radio */
        .custom-radio input[type="radio"] {
            display: none;
        }
        .custom-radio label {
            box-sizing: border-box;
            cursor: pointer;
            display: inline-block;
            padding: 5px 30px;
            position: relative;
            width: auto;
        }
        .custom-radio label::before {
            border: 1px solid #999;
            border-radius: 50%;
            content: '';
            display: block;
            height: 16px;
            left: 5px;
            /*margin-top: -10px;*/
            position: absolute;
            top: 6px;
            width: 16px;
        }
        .custom-radio.valid label::before {
            background: #fff;
        }
        .custom-radio label::after {
            background: #004831;
            border-radius: 50%;
            content: '';
            display: block;
            height: 10px;
            left: 9px;
            opacity: 0;
            position: absolute;
            top: 10px;
            width: 10px;
        }
        .custom-radio input[type=radio]:checked + label::after {
            opacity: 1;
        }
        .custom .sc-formfield-input,#customCheck .sc-formfield-input, #customCheck2 .sc-formfield-input{
            margin-bottom: 4px;
        }
        .custom .sc-formfield-input:last-of-type,#customCheck .sc-formfield-input:last-of-type, #customCheck2 .sc-formfield-input:last-of-type {
            margin-bottom: 0;
        }
        td.radio-container {
            padding: 12px 20px 12px 15px;
        }
        tr .exp {
            margin-bottom: 12px;
            padding-bottom: 10px;
            border-bottom: 1px dotted #ccc;
        }
        .pulldownWrap {
            margin-bottom: 1.5em;
        }
        .pulldownItems:first-of-type {
            margin-bottom: 1em;
        }
       @media only screen and (max-width: 767px){
        .col2_item {
            margin-right: 0;
        }
        .col2-sp1Col .col2_item {
            display: block;
        }
        input.long-type{
            width: 100% !important;
        }
        select.long-type {
            width: 100% !important;
        }
        .label-l .inpt_name{
            min-width: auto;
        }
        .button-back:hover {
            color: #004831;
        }
        .container-year {
            padding-top: 1.4em !important;
        }
        #customCheck2 .col2_item {
            width: 100%;
        }
        .label-margin {
            margin-top: 2px !important;
        }
        .label-margin-s {
            margin-top: 0 !important;
        }
        .label-margin-nega {
            margin-top: 0 !important;
        }
    }
    @media only screen and (max-width: 350px) {
        .container-year select {
            width: 60% !important;
            margin-bottom: 16px;
        }
    }
    /* 確認画面用 */
    .sc-formfield-input{
        word-break: break-all;
    }
    /* edge */
    .edge-autofilled {
        background-color: #fff !important;
    }
    #radio_type1Check {
        display: block;
        height: 0;
        margin: 0;
        padding: 0;
        width: 0;
    }
    #radio_type2Check {
        display: block;
        height: 0;
        margin: 0;
        padding: 0;
        width: 0;
    }