/**
 * Layout.cssの補点ようふぁいる
 */


/* origin */

body.delayScreen { /*display: none;*/ visibility: hidden; background: #CCC; }
#LoadImg { background-color: #FFFFFF; z-index: 1000; width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; _position: absolute; _top:expression(eval(document.body.scrollTop)); }
#LoadImg #loadImage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
#LoadImg { opacity: 1.0; background-color: rgba(80, 80, 80, 0.7); }
#LoadImg #loadImage { opacity: 1.0; border-radius: 12px; z-index: 1001; }



/* override */

/* common */
.material-icons {
    font-size: 24px;
    letter-spacing: normal;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
}

div#contents #nav_next div.next a.btn,.input_btn span a.btn,.btn.cv { transition: 0s; }
.has_check input + label.btn { transition: 0s; }
body#result .block_form .choice .btn { transition: 0s; }
#floating_footer { transition: 0s; }

div#contents #nav_next div.next a.btn,.input_btn span a.btn,.btn.cv { box-shadow: 0px 0px 2px #004C22; }
.input_btn span a.btn:hover { box-shadow: 0 0 4px black; }
a.btn.redo,#nav_back a.btn,#nav_next div.back a.btn,#msg_thanks div.back a.btn,.content_note>footer.close span { border: 1px solid #DFE2E4;box-shadow: 1px 1px 2px #D8DBDD; }
#nav_back {z-index:10;}
#nav_back a.btn {box-shadow: 0 0 4px gray;z-index:11;}
body#customer .q_address .add_btn { box-shadow: 0px 0px 2px #004C22; }
body#customer .q_address .add_btn:hover { box-shadow: 0 0 4px black; }

.has_check {position: relative;}
.has_check input {display: block; opacity: 0;position: absolute;}
.note.baloonA .error_note.baloonC {
    background-color: #fff;
}
#sub_aeb .error_note.baloonC {
    color: #3B4043;
    background-color: #fff;
}

#gmn_errorMsgFld.block_error .note ul li {color: #D01A09;}

div.block_error p.msg i.material-icons {
    font-size: 24px;
}

div.block_warn {margin-bottom:30px;color: #3B4043;}
div.block_warn p.msg {color:#3B4043;}
div.block_warn p.msg i.material-icons {color:#3B4043;}
div.block_warn div.note ul {list-style-type: square;}
div.block_warn div.note ul li a {color:#3B4043;}

div.komoku_error, div.komoku_warn {
    float: left;
    border: 3px solid #ff0000;
    border-radius: 8px;
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: left;
    font-size: 0.85em;
    width: 100%;
}
div.komoku_warn {
    border: 3px solid #004C22;
    background: #E5F3EF;
}
div.komoku_error .close, div.komoku_warn .close {
    text-align: right;
    margin: 5px 5px 0;
    float: right;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
}
div.komoku_error .body, div.komoku_warn .body {
    text-align: left;
    margin: 0 10px;
    padding: 15px 15px 5px 10px;
}
div.komoku_warn .body {
    padding: 15px 25px 5px 10px;
}
div.komoku_error .body i, div.komoku_warn .body i {
    font-size: 24px;
    margin-right: 10px;
    color: #D01A09;
}
div.komoku_warn .close i {
    color: #3B4043;
}
#contents .block_notes .indent2 {
    display: block;
    margin-left: 2em;
    text-indent: -2em;
}

body#dantailogin #section_pagetitle {
    padding-top: 15px;
}

body#errpage>footer .inner,
body#maintpage>footer .inner,
body#dantailogin>footer .inner,
body > footer .inner.single {flex-direction: row;}

body#result > footer .inner.shokuiki {flex-direction: row-reverse;}

body > footer .inner.shokuiki > div {
    justify-content: flex-end;
}

body > footer .inner.shokuiki .inq_tel {
    width: 100%;
    width: auto;
}

body > .content_note {
    opacity: 0;
}

body.cboxdisplay{overflow:hidden;}
#cboxContent{overflow:auto;}
#cboxLoadedContent{margin-left:auto;margin-right:auto;}

/* header */
body > header .inner > p#logo {
    width: auto;
}
body > header .inner > nav#head_menu {
    width: auto;
    float: right;
}
body > header .inner > p#logo img#logo_zenrosai {
    margin-right: 15px;
}

/* index, shinki01 */
body#startpage input[name="ipt_shisanbango"] { ime-mode: disabled; }

body#startpage #subsave table#list_saved th.number {
    text-decoration: underline;
}
body#startpage #subsave table#list_saved td {
    text-indent: 1em;
}

#nav_top_modal{
    text-align: center;
    margin-bottom: 30px;
    padding-top:30px;
    min-width:960px;
}

@media (max-width: 767px) {
    #nav_top_modal{
        min-width:0px;
    }
}

#nav_top_modal a {display: inline-block;padding:5px 10px; text-decoration: none;}

#nav_top_modal a:before {
    font-family: "Material Icons";
    margin-right:5px;
    vertical-align: middle;font-size:18px;
    font-weight: normal;
    content:'\e25a';
    color:#fff;
}

/* index */
body#dantailogin #contents #introduction>h2 {
    color:#080;
    font-weight: normal;
    font-size:1.5em;
}
body#dantailogin #contents .input_txt input[type="password"] {
    font-size: 1.143em;
    height:45px;
    max-width:100%;
    padding:0.5em;
    border:2px solid #094;
}
body#dantailogin #contents #id { ime-mode: disabled; }

/* shinki01 */
#contents .block_notes {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #bbb;
}

/* manki01 */
body#login div.error_note {
    width: 80%;
    margin: 0 auto 17px;
}
body#login #contents #cb_num { ime-mode: disabled; }

/* shinki02 */
body.quickjoken #section_pagetitle { padding: 15px 0 0 0; }
.block_form.has_check.col_1rspace .choice { width: calc(85% - 4%); }
.col_1rspace .choice:first-child:after { content:"安い"; }
.col_1rspace .choice:last-child:after { content:"高い"; }
.col_1rspace:after {text-shadow:none;}

#q_pass_car_detail .block_form.has_check .choice label .flex-col,
#block_for_model #q_by_maker #shamei_unknown .block_form.has_check .choice label .flex-col,
#block_for_model #q_by_maker #katashiki_unknown .block_form.has_check .choice label .flex-col { display: flex; flex-direction: column; }
#q_pass_car_detail .block_form.has_check .choice label .flex-col span.cc-main,
#block_for_model #q_by_maker #shamei_unknown .block_form.has_check .choice label .flex-col span.cc-main,
#block_for_model #q_by_maker #katashiki_unknown .block_form.has_check .choice label .flex-col span.cc-main { display: inline; width: auto; font-weight: bold; }
#q_pass_car_detail .block_form.has_check .choice label .flex-col span.cc-sub,
#block_for_model #q_by_maker #shamei_unknown .block_form.has_check .choice label .flex-col span.cc-sub,
#block_for_model #q_by_maker #katashiki_unknown .block_form.has_check .choice label .flex-col span.cc-sub { display: inline; width: auto; font-size: 0.95em; }

#block_for_model #q_by_model #model { ime-mode: disabled; }
#block_for_model #q_select_model .block_form {
    max-height: 600px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
}
#block_for_model #q_select_model table#list_model tr.list_katashiki:hover th,
#block_for_model #q_select_model table#list_model tr.list_katashiki:hover td {
    background-color: #e0e0e0;
}
#block_for_model #q_select_model table#list_model th,
#block_for_model #q_select_model table#list_model td {
    background-clip: padding-box;
}
#block_for_model #q_select_model table#list_model th.number label {
    min-width: 70%;
    width: 80%;
    max-width: 90%;
}

#q_who_drive.sid25 .sid21 { display: none; }
#driver_range.sid25 .sid21 { display: none; }
#driver_range.sid21 .sid25 { display: none; }
#q_who_drive.sid21 #q_who_drive_haigusha { display: none; }
#q_expire_date.sid25 .sid21 { display: none; }
#q_expire_date.sid21 .sid25 { display: none; }
#sub07.sid25 .sid21 { display: none; }
#sub07.sid21 .sid25 { display: none; }
#sub12.sid25 .sid21 { display: none; }
#sub12.sid21 .sid25 { display: none; }
#sub14.sid25 .sid21 { display: none; }
#sub14.sid21 .sid25 { display: none; }

/* shinki02 : edit-mode */
body#for_correct #q_link_correct .re_enter a.btn,
body#for_correct #q_link_correct .re_enter a.btn:hover {
    background: #fff;
    border-color: #080;
    color: #3B4043;
    padding: 5px 20px;
    padding: 5px 26px 5px 14px;
}
body#for_correct #q_link_correct .here.re_enter a.btn {
    background: #004C22;
    color: #fff;
    border-color: #004C22;
}
body#for_correct #q_link_correct .re_enter a.btn:hover {
    background: #080;
    border-color: #080;
    color: #fff;
    padding: 5px 20px;
    padding: 5px 30px 5px 10px;
}
body#for_correct #q_link_correct .re_enter a.btn span.title::before {
    content: '';
    background: #fff;
    border-color: #080;
    color: #fff;
}
body#for_correct #q_link_correct .re_enter .btn {
    position: relative;
}
body#for_correct #q_link_correct .re_enter .btn i {
    position: absolute;
    font-size: 39px;
    top: -6px;
    right: 0;
    color: #f00;
    background-color: transparent;
}
body#for_correct div#contents #nav_next div.next a.btn {
    display: block;
    border: none;
    background: #004C22;
    color: #fff;
    
    
}

/* shinki03 */
body#result #q_plan_select.fixed {
    position:fixed;
    top:0;
    z-index: 100;
    padding-top:5px;
    left: 0;
    right: 0px;
    width: 100%;
}
body#result .block_error.moushikomi_fuka {
    border: 2px solid #D01A09;
    padding: 20px 10px;
}
body#result .block_error.moushikomi_fuka p.msg {
    margin-bottom: 0;
}
body#result .block_error.moushikomi_fuka p.msg i {
    float: left;
}
body#result .block_error.moushikomi_fuka p.msg strong {
    display: block;
    margin-left: 34px;
}
body#result .block_error.moushikomi_fuka p.msg strong a {
    color:#D01A09;
}

body#result .block_warn {
    border: 2px solid #004C22;
    padding: 20px 10px;
    background: #E5F3EF;
}
body#result .block_warn p.msg {
    margin-bottom: 0;
}
body#result .block_warn p.msg i {
    float: left;
    font-size: 24px;
}
body#result .block_warn p.msg strong {
    display: block;
    margin-left: 34px;
}

body#result .block_point.open .btn,
body#result .tenken_point#tenken_01 .title span{
    color: #080;font-weight: bold;
}
body#result .block_point .note dl dt,
body#result .tenken_point#tenken_01 .title strong{
     font-weight: bold;color: #0010BF;
}

body#result section.coverage > .inner > table > tbody > tr:first-child > th,
body#result section.coverage table.content > tbody > tr:first-child > th {
    background-clip: padding-box;
}
body#result section.coverage table.content tr.title th,
body#result section.coverage table.content tr.title td {
    background-clip: padding-box;
}
#cover01_kihon > div.inner > table.content,
#cover02_sharyo > div.inner > table.content,
#cover03_tokuyaku > div.inner > table.content { border-bottom: 1px solid #D3D3D3; }

body#result .p_free .plane_text + .block_point  {
    margin-top: 15px;
}
#cover02_sharyo > div.inner > div.note {
    position:relative;
    border:2px solid #004C22;
    background:#E5F3EF;
    padding:3%;
    margin-bottom:1em;
    margin-left: 5%;
    margin-right: 5%;
}

body#result section#agreement > div table td.unknown {
    background: #fce5e7;
    padding: 0;
}
body#result section#agreement > div table td.unknown > div {
    border: 4px solid #d5313e;
    padding: 6px;
}
body#result #chasno { ime-mode: disabled; }

body#result #msg_default p.asterisk { margin-bottom: 0; }
body#result #msg_default p.save_sample { text-align: center; }
body#result #msg_default p.save_sample img {  }

#sub_save.content_note > .modal-content > div .btn.cv { box-shadow: 0px 0px 2px #ccc; }
#sub_save.content_note > .modal-content > div .btn.cv:hover { box-shadow: 0 0 4px black; }

/* shinki03, shiki05, manki03 */
body#result section#block_amount table th,
body#result section#block_amount table td,
body#result section.coverage table.content > tbody > tr > th,
body#result section.coverage table.content > tbody > tr > td,
body#result.manki #block_amount tr#column_amount > th,
body#result.manki section.coverage > .inner > table > tbody > tr:first-child > th,
body#result.manki section.coverage table.content > tbody > tr:first-child > th {
    background-clip: padding-box;
}
body#result.manki #cover01_kihon > div.inner > div.content > table.content,
body#result.manki #cover02_sharyo > div.inner > div.content > table.content,
body#result.manki #cover03_tokuyaku > div.inner > div.content > table.content { border-bottom: 1px solid #D3D3D3; }
body#result.manki #contents .title_block > h2 { padding-top: 5px; padding-bottom: 5px; line-height: 1.5em; }
body#result.manki #contents .title_block > h3 { padding-top: 5px; padding-bottom: 0; line-height: 1.5em; }

body#result.manki .cal_condition div.agree_compare > div.agree_next table th { border: 1px solid #D3D3D3; }

/* shinki03_1 */
.seibikakunin table.customerinfo { width: 100%; }
.seibikakunin table.customerinfo tr.number_detail .input_txt > div { text-align: center; }
.seibikakunin table.customerinfo tr.number_detail .input_txt > div > span { display: inline-block; margin-bottom: 1.5em; margin-right: 0.5em; margin-left: 0.5em; }
.seibikakunin table.customerinfo tr.number_detail .input_txt > div .prefix_num { display: none; }
.seibikakunin table.customerinfo tr.number_detail .input_txt > div .bango_concat_haifun { vertical-align: middle; margin-right: 0; margin-left: 0;}
.seibikakunin table.customerinfo tr.number_detail .input_txt > div > span input { text-align: center; border-radius: 5px; padding: 0; font-size: 20px; }
.seibikakunin table.customerinfo tr.number_detail .input_txt > div > span input#hyojimoji { height: 55px; }
.seibikakunin table.customerinfo tr.number_detail .input_txt > div > span input#bunruibango { height: 55px; }
.seibikakunin table.customerinfo tr.number_detail .input_txt > div > span input#hanbetsumoji { height: 55px; }
.seibikakunin table.customerinfo tr.number_detail .input_txt > div > span input#sharyotorokubango1,
.seibikakunin table.customerinfo tr.number_detail .input_txt > div > span input#sharyotorokubango2 { border-radius: 15px; height: 140px; font-size: 80px; width: 3em; }
.seibikakunin #q_number_plate.section_form { margin-bottom: 0; }
.seibikakunin #q_sohaikiryo.section_form,
.seibikakunin #q_saidaisekisairyo.section_form,
.seibikakunin #q_jibaisekimankibi.section_form { margin-top: 60px; }
.seibikakunin table.customerinfo input#hyojimoji,
.seibikakunin table.customerinfo input#hanbetsumoji { ime-mode: active; }
.seibikakunin table.customerinfo input#bunruibango,
.seibikakunin table.customerinfo input#sharyotorokubango1,
.seibikakunin table.customerinfo input#sharyotorokubango2 { ime-mode: disabled; }
.seibikakunin table.customerinfo tr .input_txt input::placeholder { color: #aaa; }
.seibikakunin table.customerinfo tr .input_txt input::-ms-input-placeholder { color: #aaa; }
.seibikakunin table.customerinfo tr .input_txt input:-ms-input-placeholder { color: #aaa; }
.seibikakunin [data-mysuggest] { margin: 0; padding: 0; }
.seibikakunin [data-mysuggest] ul { margin: 0; padding: 0; color: #333; background-color:#FFF; position: absolute; z-index: 2147483647; }
.seibikakunin [data-mysuggest] ul:after { content:""; clear:both; display:block; }
.seibikakunin [data-mysuggest] ul li { display: block; position: relative; margin: 0 0 -1px 0; padding: 10px 20px 10px 15px; border: 1px solid #DDD; cursor: pointer; }
.seibikakunin [data-mysuggest] ul li:first-child { margin-top: 0px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.seibikakunin [data-mysuggest] ul li:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.seibikakunin [data-mysuggest] ul li::after { position: absolute; top: 50%; right: 15px; display: block; content: ''; width: 8px; height: 8px; margin-top: -4px; border-top: 1px solid #888; border-right: 1px solid #888; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.seibikakunin [data-mysuggest] ul li.totch { background-color: #DDD; }
.content_note.numberplate_howto > .modal-content { background-color: #009944; padding: 2em; }
.content_note.numberplate_howto > .modal-content ul li { list-style: disc; margin-top: 1em; }
.content_note.numberplate_howto > .modal-content .Label { display: inline-block; padding: 0.5em 1.5em 0.5em 0.5em; background-color: #fff; color: #000; border-radius: 5px; min-width: 90%; width: 90%; list-style: none; }
.content_note.numberplate_howto > .modal-content .Label p { display: inline-block; margin: 0; padding: 0; }
.content_note.numberplate_howto > .modal-content .Label div > div { display: inline-block; }
.content_note.numberplate_howto > .modal-content .Label > div { border-bottom: 2px #ccc dotted; padding-bottom: 2px; margin-bottom: 2px; }
.content_note.numberplate_howto > .modal-content .Label > div:last-child { border-bottom: none; margin-bottom: 2px; }
.content_note.numberplate_howto > .modal-content .input_box .Label { min-width: 95%; width: 95%; }
.content_note.numberplate_howto > .modal-content .input_box .Label input { border-radius: 15px; height: 160px; font-size: 100px; width: 42%; max-width: 2.25em; text-align: center; border: 2px solid #094; color: #545454; opacity: 1; }
.content_note.numberplate_howto > .modal-content .input_box .Label input::placeholder { color: #aaa; }
.content_note.numberplate_howto > .modal-content .input_box .Label input::-ms-input-placeholder { color: #aaa; }  /* 旧Edge対応 */
.content_note.numberplate_howto > .modal-content .input_box .Label input:-ms-input-placeholder { color: #aaa; }  /* IE対応 */
.content_note.numberplate_howto > .modal-content .input_box .Label input:disabled { -webkit-text-fill-color: #545454; }
.content_note.numberplate_howto > .modal-content .input_box .Label input:disabled::placeholder { -webkit-text-fill-color: #AAAAAA; }

#moushikomi_kakunin div#contents #nav_next div.next a.btn.disabled {
    background-color: #f0f0f0;
    -webkit-box-shadow: 0px 0px 2px #999;
    box-shadow: 0px 0px 2px #999;
    color:#666;
    pointer-events:none;
}

/* shinki03_2 */
.chushaku_blk {
 background-color: #D7EEFF;
 margin-top: 10px;
}
.chushaku_flex {
 display: flex;
 justify-content: center;
 align-items: center;
 margin-top: 10px;
 padding: 10px;
}
.chushaku_flex .chushaku_msg {
 margin: 0px; 
 padding: 0px;
}
.chushaku_flex img {
 max-width: none;
 margin: 0; 
 padding-right: 20px; 
 overflow: visible;
 position: relative; 
}
.chushaku_tbl {
 padding: 10px;
}
.chushaku_col {
 margin: auto;
 width: 100%;
 table-layout: fixed;
 background-color: white;
}
.kensasho_yellow {
 background: linear-gradient(transparent 75%, #FFFF88 75%);
 background-size: 1px 25px;
 background-repeat: repeat-x;
 background-position: bottom 4px left 0px;
}
.kensasho_mihon_call {
 text-align: center;
 padding: 10px;
}
/* shinki04 */
body#customer .q_ymd span.select select:disabled {
    background: #dedede;
}
body#customer .q_address .add_btn {
    position:relative;
    top:0;
    left:10px;
    background: #004C22;
    text-align:center;
    color:#fff;
    text-decoration:none;
    display:inline-block;
    padding:8px 15px;
}
body#customer tr.q_name input { ime-mode: active; }
body#customer tr.q_address input { ime-mode: active; }
body#customer tr.q_address #q_zipcode input { ime-mode: disabled; }
body#customer tr.q_tel input { ime-mode: disabled; }
body#customer tr.q_mail input { ime-mode: disabled; }
body#customer tr.q_coopkyosai input { ime-mode: disabled; }

/* shinki04 : modal */
#sch_result_true .result_jusho a {
    color: #00f;
    margin: 3px 0 0 10px;
    display: inline-block;
}
#sch_result_false .errmsg i {
    color: #A32320;
}

/* shinki06 */
body #goannai {
    background: inherit;
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}
#q_application div.baloonA {display:inline-block;}

/* shinkiErr */
#errpage #contents { overflow: hidden; }
#errpage .bgErrImg { display: none; position: absolute; bottom: 0; right: -244px; z-index: 10; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=20)"; opacity: 0.2; filter: alpha(opacity=20); -ms-filter: "alpha(opacity=20)"; -khtml-opacity: 0.2; -moz-opacity: 0.2; *zoom: 1; }
@media screen and (min-width: 1346px) { #errpage .bgErrImg { display: block; } }

/* manki04 */
body#check.manki #block_amount #column_amount td .change_harai {
    display: inline-block;
    background: #FFFE8F;
    padding: 1px 10px;
    color: #3B4043;
}

/* PCのみ */
@media screen and (min-width: 768px) {
    /* common */
    span.sp {display: none!important;}
    span.pc.inline {display: inline!important;}
    /* index */
    #startbox > #start_date { width: 67%; }
    #startbox > #start_load { width: 28%; margin-top: 39px; }
    body#startpage #startbox > #start_load .block_form { margin-top: 19px; }
    body#startpage.transitional.seidoselect #startbox > #start_load .block_form { margin-top: 0; padding-top: 44px; }
    #startbox > #start_load a.btn.cv { padding: 15px 5px 15px 10px; }
    body#startpage.seidoselect div#contents { background: #ECE0F8 }
    body#startpage.seidoselect div#contents #startbox > .section_form {  }
    body#dantailogin #contents #introduction {margin-bottom:0;padding-bottom:30px;}
    body#dantailogin #contents section .block_form {display: table;width:80%;table-layout: fixed;margin:0 auto 30px;}
    body#dantailogin #contents section .block_form>* {display: table-cell;}
    body#dantailogin #contents section .block_form>p {width: 12em;}
    body#dantailogin #contents #nav_next {width: 60%;margin:0 auto;}
    body#dantailogin #contents .block_form.has_select .flex label {margin-left:0;margin-right:5%;}
    /* shinki02 */
    body.quickjoken #section_pagetitle { padding: 30px 0 0 0; }
    .col_1rspace .choice:first-child:after, .col_1rspace .choice:last-child:after { left: 103%; }
    #q_who_drive.sid25 .block_form.has_check { display: grid; grid-template-columns: 33% 33% 33%; margin: 15px 0 0; }
    #q_who_drive.sid25 .block_form.has_check.col_3 .choice { width: 90%; }
    #q_who_drive.sid25 .block_form.has_check.col_3 .choice:nth-child(1) { width: 75%; }
    #q_who_drive.sid25 .block_form.has_check .choice:nth-child(1) { grid-row: 1; grid-column: 1; }
    #q_who_drive.sid25 .block_form.has_check .choice:nth-child(2) { grid-row: 2; grid-column: 1; margin-top: 3em; }
    #q_who_drive.sid25 .block_form.has_check .choice:nth-child(3) { grid-row: 2; grid-column: 2; margin-top: 3em; }
    #q_who_drive.sid25 .block_form.has_check .choice:nth-child(4) { grid-row: 2; grid-column: 3; margin-top: 3em; }
    #q_who_drive.sid25 .has_check .default label:after { left: 96px; top: 79px; }
    /* shinki03 */
    #floating_footer {min-width: 970px;}
    #sub_save.content_note > .modal-content > div .btn.cv.clip_copy { margin: 0 auto; }
    #sub_save.content_note > .modal-content > div .btn.cv.mail_send { margin: 0 auto; }
    /* shinki03_1 */
    .seibikakunin .block_form.input_txt { margin-top:30px; }
    .seibikakunin table.customerinfo>tbody>tr>th { width: 16em; padding: 30px 15px; text-align: left; vertical-align: top; }
    .seibikakunin table.customerinfo>tbody>tr>td { padding: 30px 15px; }
    /* shinki03_2 */
    body#tetsuzukihoho_sentaku .chushaku_flex {display: inline-flex;}
    body#tetsuzukihoho_sentaku .chushaku_col .sp_only {display: none; }
    body#tetsuzukihoho_sentaku .chushaku_col .width_pc_only {width: 32%; }
    /* shinki04 */
    body#customer table.s_dantai > tbody > tr > td {padding: 30px 15px;}
    body#customer table.j_dantai > tbody > tr > td {padding: 15px 15px;}
    body#customer table.customerinfo .q_name .input_txt.col_2 {display:block;width:100%;table-layout: fixed;}
    body#customer table.customerinfo .q_name .input_txt.col_2>div {display:table;width:100%;table-layout: fixed;}
    body#customer table.customerinfo .q_name .input_txt.col_2>div>div {display:table-cell;width:50%;}
    body#customer table.customerinfo .q_name .input_txt.col_2 input {width:90%}
    body#customer table.customerinfo .q_name .input_txt.col_2>div:first-child{margin-bottom:15px;}
    body#customer .block_form.has_check .choice .btn {padding:15px 5px 15px 10px;}
    body#customer .block_form.has_check .choice input:checked + label.btn {padding:12px 2px 12px 7px;}

    .result_campagin{
        margin-left:25px;
        margin-right:25px;
    }
}
/* SPのみ */
@media screen and (max-width: 767px) {
    /* common */
    span.sp.inline {display: inline!important;}
    span.pc {display: none!important;}
    /* index, shinki01 */
    body#startpage #subsave table#list_saved td { text-indent: 0; }
    /* index */
    body#dantailogin #contents .block_form {margin-bottom:15px;}
    body#dantailogin section#inquiry>div.inner>div>dl:first-child dd {margin-bottom:30px;}
    body#startpage.seidoselect div#contents { background: #ECE0F8 }
    /* shinki02 */
    .col_1rspace .choice:first-child:after, .col_1rspace .choice:last-child:after { left: 102%; }
    .col_1rspace {background-position:right 0% top 0;background-size: 15% 85%;}
    /* shinki03 */
    body#result section#agreement > div table td.unknown { background: #fce5e7; padding: 0; }
    body#result section#agreement > div table td.unknown > div { border: 4px solid #d5313e; padding: 6px; padding-left: 30px; padding-bottom: 15px; }
    /* shinki03_1 */
    .content_note.numberplate_howto > .modal-content .input_box .Label input { border-radius: 15px; height: 100px; font-size: 60px; width: 42%; max-width: 2.25em; text-align: center; color: #545454; opacity: 1; }
    .content_note.numberplate_howto > .modal-content .input_box .Label input:disabled { -webkit-text-fill-color: #545454; }
    .content_note.numberplate_howto > .modal-content .input_box .Label input:disabled::placeholder { -webkit-text-fill-color: #AAAAAA; }
    .seibikakunin table.customerinfo th, .seibikakunin table.customerinfo td { display: block; border: none; }
    .seibikakunin table.customerinfo th { padding: 5px 10px; text-align: left; }
    .seibikakunin table.customerinfo td { padding: 15px 0 30px; }
    .seibikakunin table.customerinfo tr.number_detail .input_txt > div { text-align: left; }
    .seibikakunin table.customerinfo tr.number_detail .input_txt > div > span { display: inline-block; margin-bottom: 1em; }
    .seibikakunin table.customerinfo tr.number_detail .input_txt > div .prefix_num { display: inline-block; color: red; font-size: 16px; margin-left: 1em; margin-right: 0; }
    .seibikakunin table.customerinfo tr.number_detail .input_txt > div > span input { text-align: left; padding-left: 0.5em; }
    .seibikakunin table.customerinfo tr.number_detail .input_txt > div > span input#sharyotorokubango1,
    .seibikakunin table.customerinfo tr.number_detail .input_txt > div > span input#sharyotorokubango2 { border-radius: 10px; height: 60px; font-size: 30px; }
    .seibikakunin #q_sohaikiryo.section_form, .seibikakunin #q_saidaisekisairyo.section_form, .seibikakunin #q_jibaisekimankibi.section_form { margin-top: 30px; }
    /* shinki03_2 */
    body#tetsuzukihoho_sentaku .chushaku_msg .sp_none {display: none; }
    /* shinki04 */
    body#customer table.s_dantai td{padding: 15px 0 30px;}
    body#customer table.j_dantai td{padding: 15px 0 30px;}
    body#customer table.customerinfo .q_name .input_txt.col_2 {display:table;width:100%;table-layout: fixed;}
    body#customer table.customerinfo .q_name .input_txt.col_2>div:first-child {margin-bottom:30px;}
    body#customer .q_address .add_btn {top: 0;left: 0px;margin-top: 10px;}
    /* manki01 */
    body#login div.error_note { width: 100%; margin: 0 auto 17px; }
    /* manki03 */
    body#result.manki section.coverage>.inner>table>tbody>tr:first-child>th,
    body#result.manki section.coverage table.content>tbody>tr:first-child>th {background:#E5F3EF;color:;padding:3px 15px;}
    body#result.manki #contents #block_amount>.inner>table>tbody>tr:first-child,
    body#result.manki #contents .section_form.coverage>table>tbody>tr:first-child,
    body#result.manki #contents section.coverage table.content>tbody>tr:first-child {display:block;}
    
    /* マイページへの導線のCSS sp版 ここから */
    /* マイページへのご案内 */ 
    .fixhead .mypage_flex {display: flex;justify-content: center;align-items: center;margin-bottom: 20px; }
    .fixhead .mypage_flex .mypage_img {width: auto;margin: 0; padding-right: 20px; overflow: visible;position: relative; } 
    .fixhead .mypage_msg .sp_none {display: none;}
    .fixhead .mypage_link_msg {text-align: left; font-size: 16px;}
    .fixhead .mypage_flex .mypage_msg {font-size: 16px;}
    /* マイページへのご案内 */ 
    /* マイページサービスの詳細 */ 
    .fixhead .mypage_dousen_blk .mypage-shinki-box .mypage-text01 {font-size: 0.75em; margin-right: 150px;}
    .fixhead .mypage_dousen_blk .login-btn:after {border-top: 2px solid #094;border-right: 2px solid #094;content: "";display: block;height: 6px;position: absolute;right: 15px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);width: 6px;top: 0;bottom: 0;margin: auto;}
    .fixhead .mypage_dousen_blk .login-btn:hover {opacity: 0.7;text-decoration: none;}
    .fixhead .mypage_dousen_blk .login-btn-box li:first-child {margin-right: 20px;}
    /* マイページサービスの詳細 */
    /* マイカー確認事項ページ */
    .fixhead .kumiaiin_select {font-size: 0.875em;}
    /* マイページへの導線のCSS sp版 ここまで */

    .result_campagin{
        margin-left:20px;
        margin-right:20px;
    }
}

.result_img{
    margin-left:25px;
    margin-right:25px;
    margin-bottom:20px;
    text-align:center;
}

.result_campagin{
    margin-bottom:60px;
    text-align:center;
    padding:10px;
    border:3px solid #094;
    background:#fff;
}

.result_campagin_inner{
    margin-left:10px;
    margin-right:10px;
    text-align:center;
    word-break: break-all;
}

.bold{font-weight:bold;}

.result_keyword{
    border-top:1px solid black;
    border-bottom:1px solid black;
    padding:10px;
    margin:10px;
}

div.block_campagin {
    border:2px solid #004C22;
    padding: 20px 10px;
    margin-bottom:30px;
    background: #EEEEEE;
}

.goods_campaign_01 {
    text-align: center;
}

.goods_campaign_01 img {
    width: 940px;
    height: auto;
}

.kenshou_campaign_03 {
    margin: 60px 0 0 0;
    text-align: center;
}

.kenshou_campaign_03 p {
    display: inline-block;
    text-align: left;
    margin: 0 auto 20px auto;
    font-size: 0.95em;
}

.kenshou_campaign_07 {
    margin: 60px 0 60px 0;
}

@media screen and (max-width: 767px) {
    .goods_campaign_01 img{
        width: 710px;
        height: auto;
    }

    .kenshou_campaign_03 {
        margin: 40px 0 0 0;
    }

    .kenshou_campaign_03 p {
        margin: 0 auto 10px auto;
    }

    .kenshou_campaign_03 .result_img{
        margin: 0;
    }

    .kenshou_campaign_07 .result_img{
        margin: 0 10px;
    }
}

/** 自作確認モーダルのCSS **/
.confirmModal .confirm_wrap {
    background-color: #fff;
    margin: 0 10%;
}
.confirmModal .confirm_section {
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.confirmModal .confirm_msg {
    padding: 25px 4.2%;
    border-top: 2px solid #fff;
    font-size: 100%;
    color:#555;
}

.confirmModal .confirm_btn_blk {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

.confirmModal .confirm_btn_blk p {
    width: 30%;
    margin: 2%;
    display:block;
}

.confirmModal .confirm_btn_blk p .btn {
    width: 100%;
    background: #080;
}

.confirmModal .confirm_btn_blk p .closebtn {
    background-color: #F0F3F5;
    border: 1px solid #DFE2E4;
    color: #555;
    -webkit-box-shadow: 0 5px 0 0 #999999;
    box-shadow: 1px 1px 2px #D8DBDD;
}
.confirmModal .confirm_btn_blk p .closebtn:hover {
  opacity: 0.8;
}
.confirmModal .confirm_btn_blk p .closebtn:active {
  top: 5px;
  -webkit-box-shadow: 0 0 0 0 #999999;
  box-shadow: 1px 1px 2px #D8DBDD;
}

@media screen and (max-width: 767px) {
    .confirmModal .confirm_btn_blk p {
        width: 100%;
        margin: 2% 15% 2% 15%;
    }
}

body#result .block_point.open *,
body#result .tenken_point#tenken_01 *{
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    body#result .block_point.open *,
    body#result .tenken_point#tenken_01 *{
        font-size: 14px;
    }
    
    #coop_seikyou.block_form.has_select {
        margin-top: 30px;
    }
}

.margin_right {
    margin-left: auto;
    margin-right: 0px;
}

/* マイページへの導線のCSS ここから */

/* アコーディオン箇所 */
.link_msg_blk {
    border: solid;
    border-radius: 20px;
    border-radius: 20px;
    border-color: #39a75b;
    padding: 10px;
}
.mypage_link_msg {
    text-align: center;
    color: #39a75b;
    margin-bottom: 0px
}
#default_mypage_dousen_link {
    padding-left: 30%;
}
#default_mypage_dousen_link .mypage_dousen_text {
    color: #39a75b;
    font-weight: bold;
    border-bottom: 1px solid #39a75b;
    text-decoration: none;
    font-size: 16px;
}
/* アコーディオン箇所 */

/* マイページへのご案内 */ 
div#mypage_box {
    background: #fff;
    border-radius: 2px;
    padding: 15px;
    margin-bottom: 30px;
}
#mypage_dousen {
    padding: 10px 10px 0px 10px;
    margin: 10px 0px;
}
.mypage_flex {
 display: flex;
 justify-content: center;
 align-items: center;
    margin-bottom: 20px;
}
.mypage_flex .mypage_img {
 margin: 0; 
 padding-right: 20px; 
 overflow: visible;
 position: relative; 
}
.mypage_flex .mypage_msg {
 margin: 0px; 
 padding: 0px;
}
.mypage_msg {
    color: #39a75b;
}
.mypage_flex img {
    max-width: 75px;
}
/* マイページへのご案内 */

/* マイページサービスの詳細 */ 
.mypage_dousen_blk .login-btn-box {
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0px 0px 0px;
  justify-content: center;
  -webkit-box-align: center;
  align-items: flex-startr;
  list-style-type: none;
}
.mypage_dousen_blk .login-btn-box li:first-child {
  margin-right: 60px;
}
.mypage_dousen_blk .login-btn {
  background: #b2e0c7;
  border-bottom: solid 2px #a0c9b3;
  border-radius: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
  height: 38px;
  position: relative;
  width: 150px;
}
.mypage_dousen_blk .login-btn:after {
  border-top: 2px solid #094;
  border-right: 2px solid #094;
  content: "";
  display: block;
  height: 6px;
  position: absolute;
  right: 15px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.mypage_dousen_blk .login-btn:hover {
  opacity: 0.7;
  text-decoration: none;
}
.mypage_dousen_blk .mypage-shinki-box {
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0px 0px 0px;
    justify-content: center;
    -webkit-box-align: center;
    list-style-type: none;
}
.mypage_dousen_blk .mypage-shinki-box .mypage-text01{
    margin-right: 200px;
    font-size: 12px;
    white-space: nowrap;
}
/* マイページサービスの詳細 */
/* マイカー確認事項ページ */
.kumiaiin_select {
    text-align: left;
    margin: 10px 0px;
    font-size: 14px;
}
/* マイページへの導線のCSS ここまで */

/* 満期マイページへの導線のCSS ここから */

#manki_mypage_box {
    display: flex;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 440px;
    width: 460px;
}

@media screen and (max-width: 767px) {
	#manki_mypage_box {
	    width: 90%;
	    height: 480px;
	}
}

.manki_mypage_link_msg {
    text-align: center;
    font-weight: bold;
}

div#manki_mypage_box {
    background: #fff;
    border-radius: 2px;
    padding: 15px;
    margin-bottom: 30px;
}
#manki_mypage_dousen {
    padding: 10px 10px 0px 10px;
    margin: 10px 0px;
}
.manki_mypage_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.manki_mypage_flex .manki_mypage_msg {
    padding: 0 45px 0 45px;
}

@media screen and (max-width: 767px) {
	.manki_mypage_flex .manki_mypage_msg {
	    padding: 0
	}
}

.manki_mypage_dousen_blk .manki-login-btn-box {
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    margin: 30px 0px 0px 0px;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    list-style-type: none;
}

@media screen and (max-width: 767px) {
	.manki_mypage_dousen_blk .manki-login-btn-box {
	    	align-items: normal;
	}
}

.manki_mypage_dousen_blk .coop-login-btn {
    background: #239B2C;
    border-radius: 10px;
    text-decoration: none;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    height: 80px;
    width: 400px;
}
.manki_mypage_dousen_blk .manki-login-btn {
    border: 1px solid #239B2C;
    border-radius: 10px;
    color: #0b0b0b;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    height: 80px;
    width: 400px;
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
	.manki_mypage_dousen_blk .coop-login-btn,
	.manki_mypage_dousen_blk .manki-login-btn {
	    width: 100%;
	}
}

.manki_mypage_dousen_blk .coop-login-btn:hover,
.manki_mypage_dousen_blk .manki-login-btn:hover{
    opacity: 0.7;
    text-decoration: none;
}

.manki_link_msg_blk .close {
    display: flex;
    align-items: center;
    justify-content: center;
}

.manki_link_msg_blk .close .btn {
    height: 35px;
    width: 150px;
    font-size: 14px;
    border-radius: 50px;
    border: 1px solid #9e9e9e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-top: 40px;
    padding-left: 1em;
}

#manki_mypage_box .manki_link_msg_blk .close span:after {
    position: relative;
    top: 0;
    left: 30px;
    content: '\e5cd';
    color: #EE7A1D;
    font-family: "Material Icons";
    vertical-align: middle;
    font-size: 16px;
    font-weight: normal;
}

/* 満期マイページへの導線のCSS ここまで */

/* 満期車両損害付随諸費用補償のCSS ここから */

.sharyosongaifuzuishohiyohosho_modal_pc {
    display: block;
    text-indent: -1em;
    padding-left: 1em;
}

.sharyosongaifuzuishohiyohosho_modal_sp {
    display: none;
}

@media (max-width: 767px) {
    .sharyosongaifuzuishohiyohosho_modal_pc {
        display: none;
    }

    .sharyosongaifuzuishohiyohosho_modal_sp {
        display: block;
        text-indent: -1em;
        padding-left: 1em;
    }
}

/* 満期車両損害付随諸費用補償のCSS ここまで */

/* 満期車両補償注意文言のCSS ここから */
.sharyohosho_mongon_pc {
    display: block;
}

.sharyohosho_mongon_sp {
    display: none;
}

.sharyohosho_mongon_pc:first-child {
    margin-bottom: 0px;
}

.sharyohosho_mongon_pc:nth-child(2) {
    text-indent: 2.6em;
}

@media (max-width: 767px) {
    .sharyohosho_mongon_pc {
        display: none;
    }

    .sharyohosho_mongon_sp {
        display: block;
    }
}
/* 満期車両補償注意文言のCSS ここまで */

/** 申込手続き方法の選択画面 ここから **/

/** 申込書によるお手続き、インターネット加入ボタン **/
#tetsuzukihoho_sentaku .block_form.has_check.bgGreen {
    background-color: #d7e6bc;
    padding: 30px 4.2%;
    border-radius: 2px;
    margin: 0px;
}
#tetsuzukihoho_sentaku .block_form.has_check.bgGreen .choice {
    margin: 0 2% 0px;
}
/** 申込書によるお手続き、インターネット加入ボタン **/

#tetsuzukihoho_sentaku div.note.baloonA { padding: 2% 2%; }
@media screen and (min-width: 767px) {
    #tetsuzukihoho_sentaku div.baloonA {width:48%;}
    #tetsuzukihoho_sentaku div.baloonA.for_application_02 {margin: 0 0 0 auto;}
}

@media screen and (max-width: 767px) {
    #tetsuzukihoho_sentaku div.baloonA.for_application_02:before, #tetsuzukihoho_sentaku div.baloonA.for_application_02:after {
        left: 90%;
    }
}
/** インターネット加入 チェックボックスのレイアウト **/
#tetsuzukihoho_sentaku .section_form.inet .q_inet_kakunin {
    border: 3px solid #ccc;
    padding: 20px;
    border-radius: 2px;
}

#tetsuzukihoho_sentaku .procedure > p + p {
    margin-top: 20px; 
}

#tetsuzukihoho_sentaku .procedure + .procedure {
    margin-top: 20px;
}

#tetsuzukihoho_sentaku .procedureCheck {
    margin-top: 20px; 
}


#tetsuzukihoho_sentaku .checkbox label {
    display: block;
    padding: 30px;
    box-sizing: border-box;
    background: #f4f4f4;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    padding-left: 80px;
    cursor: pointer; 
}

#tetsuzukihoho_sentaku .checkbox input + label:before {
    display: block;
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -18px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 36px;
    height: 36px;
    background: #fff;
    border: 3px solid #ddd;
    content: ""; 
}
#tetsuzukihoho_sentaku .checkbox input + label:after {
    position: absolute;
    left: 42px;
    margin-top: 7px;
    width: 11px;
    height: 18px;
    border-right: 5px solid #ddd;
    border-bottom: 5px solid #ddd;
    transform: rotate(45deg);
    content: ""; 
}

#tetsuzukihoho_sentaku .checkbox input {
    display: none; 
}

#tetsuzukihoho_sentaku .checkbox input[type=checkbox]:checked + label {
    background: #39a75b;
    color: #fff; 
}

#tetsuzukihoho_sentaku .checkbox input[type=checkbox]:checked + label:after {
    border-right: 5px solid #39a75b;
    border-bottom: 5px solid #39a75b;
}

@media (max-width: 767px) {
    #tetsuzukihoho_sentaku .checkbox label {
        padding: 15px;
        font-size: 16px;
        padding-left: 40px;
        cursor: pointer; 
    }
    
    #tetsuzukihoho_sentaku .checkbox input + label:before {
        display: block;
        position: absolute;
        left: 15px;
        top: 50%;
        margin-top: -10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        width: 20px;
        height: 20px;
        background: #fff;
        border: 2px solid #ddd;
        content: ""; 
     }
     
     #tetsuzukihoho_sentaku .checkbox input + label:after {
        position: absolute;
        left: 22px;
        margin-top: 7px;
        width: 5px;
        height: 9px;
        border-right: 2px solid #ddd;
        border-bottom: 2px solid #ddd;
        transform: rotate(45deg);
        content: ""; 
      } 
      
      #tetsuzukihoho_sentaku .checkbox input[type=checkbox]:checked + label:after {
        border-right: 2px solid #39a75b;
        border-bottom: 2px solid #39a75b; 
      }
}
/** インターネット加入 チェックボックスのレイアウト **/

/** 箇条書き箇所 **/
#tetsuzukihoho_sentaku ul.markList li {
    margin-left: 1em;
    position: relative;
}
#tetsuzukihoho_sentaku ul.markList li:not(:first-child) {
    margin-top: 0.5em;
}
#tetsuzukihoho_sentaku ul.markList li::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: -10px;
}
/** 箇条書き箇所 **/

/** 箇条書き箇所_数字 **/
#tetsuzukihoho_sentaku .markList_n li {
    margin-left: 1.5em;
    position: relative;
}
#tetsuzukihoho_sentaku .markList_n li:not(:first-child) {
    margin-top: 0.5em;
}
/** 箇条書き箇所_数字 **/

/** お手続き時にご用意いただくもの（インターネット加入） **/
#tetsuzukihoho_sentaku #moushikomihoho_inet_pay,
#tetsuzukihoho_sentaku #moushikomihoho_pdfdl_pay  {
    margin-top: 42px;
}
#tetsuzukihoho_sentaku #moushikomihoho_inet_pay .sectionWrap {
    padding: 42px 7%;
    background-color: #E5F3EF;
    border-radius: 2px;
}
#tetsuzukihoho_sentaku #moushikomihoho_inet_pay .sectionWrap.white {
    border: 3px solid #ccc;
    padding: 20px;
    border-radius: 2px;
    background-color: #fff;
}
#tetsuzukihoho_sentaku #moushikomihoho_inet_pay .sectionWrap.note {
    padding: 24px 4.2%;
}
#tetsuzukihoho_sentaku #moushikomihoho_inet_pay h5 + .sectionWrap,
#tetsuzukihoho_sentaku #moushikomihoho_inet_pay .sectionWrap + .sectionWrap {
    margin-top: 21px;
}
#tetsuzukihoho_sentaku #moushikomihoho_inet_pay .step1_prepare {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
#tetsuzukihoho_sentaku #moushikomihoho_inet_pay .step1_prepare p {
    text-align: center;
    font-weight: bold;
}
#tetsuzukihoho_sentaku #moushikomihoho_inet_pay .step1_prepare p + p {
    margin-top: .5em;
}

#tetsuzukihoho_sentaku #moushikomihoho_inet_pay .creditListSetsumei  {
    margin-top: 42px;
}
#tetsuzukihoho_sentaku #moushikomihoho_inet_pay .step1_creditList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#tetsuzukihoho_sentaku #moushikomihoho_inet_pay .step1_creditList li {
    width: 20%;
}
#tetsuzukihoho_sentaku #moushikomihoho_inet_pay .step1_creditList li:nth-child(n+6) {
    margin-top: 31px;
}
#tetsuzukihoho_sentaku #moushikomihoho_inet_pay .step1_creditList li p {
    text-align: center;
    font-size: 14px;
}
#tetsuzukihoho_sentaku #moushikomihoho_inet_pay .step1_creditList li p.img {
    height: 50px;
    position: relative;
}
#tetsuzukihoho_sentaku #moushikomihoho_inet_pay .step1_creditList li p.img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#tetsuzukihoho_sentaku #moushikomihoho_inet_pay .step1_creditList + p {
    text-align: center;
    font-size: 14px;
    margin-top: 31px;
}
/** お手続き時にご用意いただくもの（インターネット加入） **/

#tetsuzukihoho_sentaku div#contents #nav_next div.next a.btn.disabled {
    background-color: #f0f0f0;
    -webkit-box-shadow: 0px 0px 2px #999;
    box-shadow: 0px 0px 2px #999;
    color:#666;
    pointer-events:none;
}
/** お手続き時にご用意いただくもの（インターネット加入）赤字表記 **/
#tetsuzukihoho_sentaku #moushikomihoho_inet_pay div.q_inet_kakunin {
    color: #D01A09;
}
/** お手続き時にご用意いただくもの（インターネット加入）インデント **/
#tetsuzukihoho_sentaku #moushikomihoho_inet_pay div.q_inet_kakunin div {
    text-indent: -1em;
    margin-left: 1em;
}
/** 申込手続き方法の選択画面 ここまで **/

/** インターネット加入手続き前の確認 ここから **/

#inet_tetsuzukimae .secTitle {
    font-size: 24px;
    font-weight: bold;
    border-left: 8px solid #39a85c;
    color: #333;
    padding: 15px 30px;
    margin-bottom: 30px; 
}

#inet_tetsuzukimae .procedure > p + p {
    margin-top: 20px; 
}

#inet_tetsuzukimae .procedure + .procedure {
    margin-top: 20px;
}

#inet_tetsuzukimae .procedureCheck {
    margin-top: 20px; 
}


#inet_tetsuzukimae .checkbox label {
    display: block;
    padding: 30px;
    box-sizing: border-box;
    background: #f4f4f4;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    padding-left: 80px;
    cursor: pointer; 
}

#inet_tetsuzukimae .checkbox input + label:before {
    display: block;
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -18px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 36px;
    height: 36px;
    background: #fff;
    border: 3px solid #ddd;
    content: ""; 
}
#inet_tetsuzukimae .checkbox input + label:after {
    position: absolute;
    left: 42px;
    margin-top: 7px;
    width: 11px;
    height: 18px;
    border-right: 5px solid #ddd;
    border-bottom: 5px solid #ddd;
    transform: rotate(45deg);
    content: ""; 
}

#inet_tetsuzukimae .checkbox input {
    display: none; 
}

#inet_tetsuzukimae .checkbox input[type=checkbox]:checked + label {
    background: #39a75b;
    color: #fff; 
}

#inet_tetsuzukimae .checkbox input[type=checkbox]:checked + label:after {
    border-right: 5px solid #39a75b;
    border-bottom: 5px solid #39a75b;
}

#inet_tetsuzukimae div#contents #nav_next div.next a.btn.disabled {
    background-color: #f0f0f0;
    -webkit-box-shadow: 0px 0px 2px #999;
    box-shadow: 0px 0px 2px #999;
    color:#666;
    pointer-events:none;
}

@media (max-width: 767px) {
    #inet_tetsuzukimae .secTitle {
        font-size: 20px;
    }
    
    #inet_tetsuzukimae .checkbox label {
        padding: 15px;
        font-size: 16px;
        padding-left: 40px;
        cursor: pointer; 
    }
    
    #inet_tetsuzukimae .checkbox input + label:before {
        display: block;
        position: absolute;
        left: 15px;
        top: 50%;
        margin-top: -10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        width: 20px;
        height: 20px;
        background: #fff;
        border: 2px solid #ddd;
        content: ""; 
     }
     
     #inet_tetsuzukimae .checkbox input + label:after {
        position: absolute;
        left: 22px;
        margin-top: 7px;
        width: 5px;
        height: 9px;
        border-right: 2px solid #ddd;
        border-bottom: 2px solid #ddd;
        transform: rotate(45deg);
        content: ""; 
      } 
    #inet_tetsuzukimae .checkbox input[type=checkbox]:checked + label:after {
        border-right: 2px solid #39a75b;
        border-bottom: 2px solid #39a75b; 
    } 

    /*クレジットカード*/
    #tetsuzukihoho_sentaku #moushikomihoho_inet_pay .sectionWrap ul.step1_prepare {
        align-items:baseline;
    }
    #tetsuzukihoho_sentaku #moushikomihoho_inet_pay .sectionWrap ul.step1_prepare li {
        width: 40%;
    }
    #tetsuzukihoho_sentaku #moushikomihoho_inet_pay .sectionWrap ul.step1_prepare li p img {
        max-width: 100%;
    }
    /*クレジットカードロゴ*/
    #tetsuzukihoho_sentaku #moushikomihoho_inet_pay .sectionWrap ul.step1_creditList {
        justify-content: space-around;
    }
    #tetsuzukihoho_sentaku #moushikomihoho_inet_pay .sectionWrap ul.step1_creditList li {
        margin-top: 5px;
		width: 30%;
    }
    #tetsuzukihoho_sentaku #moushikomihoho_inet_pay .sectionWrap ul.step1_creditList li p.img img {
        width: auto;
		max-width: 100%;
    }
}

/** インターネット加入手続き前の確認 ここまで **/

/** お車についての確認 ここから **/
#shisanfuka_carcheck .shisanfuka_carcheck_block_notes .indent {
    display:block;
    margin-top:5px;
    margin-left:3em;
    text-indent:-3em;
}

#shisanfuka_carcheck .procedureCheck {
    margin-top: 20px; 
}

#shisanfuka_carcheck .checkbox label {
    display: block;
    padding: 30px;
    box-sizing: border-box;
    background: #f4f4f4;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    padding-left: 80px;
    cursor: pointer; 
}

#shisanfuka_carcheck .checkbox input + label:before {
    display: block;
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -18px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 36px;
    height: 36px;
    background: #fff;
    border: 3px solid #ddd;
    content: ""; 
}
#shisanfuka_carcheck .checkbox input + label:after {
    position: absolute;
    left: 42px;
    margin-top: 7px;
    width: 11px;
    height: 18px;
    border-right: 5px solid #ddd;
    border-bottom: 5px solid #ddd;
    transform: rotate(45deg);
    content: ""; 
}

#shisanfuka_carcheck .checkbox input {
    display: none; 
}

#shisanfuka_carcheck .checkbox input[type=checkbox]:checked + label {
    background: #39a75b;
    color: #fff; 
}

#shisanfuka_carcheck .checkbox input[type=checkbox]:checked + label:after {
    border-right: 5px solid #39a75b;
    border-bottom: 5px solid #39a75b;
}

#shisanfuka_carcheck div#contents #nav_next div.next a.btn.disabled {
    background-color: #f0f0f0;
    -webkit-box-shadow: 0px 0px 2px #999;
    box-shadow: 0px 0px 2px #999;
    color:#666;
    pointer-events:none;
}
@media (max-width: 767px) {    
    #shisanfuka_carcheck .checkbox label {
        padding: 15px;
        font-size: 16px;
        padding-left: 40px;
        cursor: pointer; 
    }
    
    #shisanfuka_carcheck .checkbox input + label:before {
        display: block;
        position: absolute;
        left: 15px;
        top: 50%;
        margin-top: -10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        width: 20px;
        height: 20px;
        background: #fff;
        border: 2px solid #ddd;
        content: ""; 
     }
     
     #shisanfuka_carcheck .checkbox input + label:after {
        position: absolute;
        left: 22px;
        margin-top: 7px;
        width: 5px;
        height: 9px;
        border-right: 2px solid #ddd;
        border-bottom: 2px solid #ddd;
        transform: rotate(45deg);
        content: ""; 
      } 
    #shisanfuka_carcheck .checkbox input[type=checkbox]:checked + label:after {
        border-right: 2px solid #39a75b;
        border-bottom: 2px solid #39a75b; 
    } 
}

div.dokujikanrikubun_joken {position: relative; padding:15px 15px 10px;margin-bottom:24px;border:3px solid #D01A09;border-radius: 4px;}
body#customer div.dokujikanrikubun_joken {background-color: #fff;}
/* 下向き　*/
.dokujikanrikubun_joken:after, .dokujikanrikubun_joken:before {
    top: 100%;
    left: 8%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.dokujikanrikubun_joken:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 12px;
    margin-left: -12px;
}
.dokujikanrikubun_joken:before {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #D01A09;
    border-width: 15px;
    margin-left: -15px;
}

/** お車についての確認 ここまで **/

/** お申込お手続きについて（モーダル） ここから **/
#sub00 .modal-content .honbun {
    margin-left: 1em;
}
#sub00 .modal-content .inet.title,
#sub00 .modal-content .pdfdl.title {
    margin-top: 30px;
}
#sub00 .modal-content ul.markList{
    margin-left: 0.5em;
}
#sub00 .modal-content ul.markList li {
    /* margin-left: 1em; */
    position: relative;
}
#sub00 .modal-content ul.markList li:not(:first-child) {
    margin-top: 0.5em;
}
#sub00 .modal-content ul.markList li::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: -10px;
}
/** お申込お手続きについて（モーダル） ここまで **/

/** お手続きに必要な書類（モーダル） ここから **/
#sub_otetsuzukisyorui.content_note .modal-content a{
    color: #004C22;
}
#sub_otetsuzukisyorui.content_note .modal-content .col_2 .shakensho_msg {
    color: red;
}
/** お手続きに必要な書類（モーダル） ここまで **/

/** セカンドカー割引（モーダル） ここから **/
#sub15 .modal-content ul.markList,
#sub_secondcarwaribiki .modal-content ul.markList{
    margin-left: 0.1em;
}
#sub15 .modal-content ul.markList li,
#sub_secondcarwaribiki .modal-content ul.markList li {
    position: relative;
    margin-left: 1em;
}
#sub15 .modal-content ul.markList li:not(:first-child),
#sub_secondcarwaribiki .modal-content ul.markList li:not(:first-child) {
    margin-top: 0.5em;
}
#sub15 .modal-content ul.markList li::before,
#sub_secondcarwaribiki .modal-content ul.markList li::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: -10px;
}
/** セカンドカー割引（モーダル） ここまで **/

/** マイページメンテナンス文言 ここから **/
#mypage_mnt_blk {
    border: 2px solid #004C22;
    padding: 20px 10px;
    background: #E5F3EF;
    margin-bottom: 1em;
}

#mypage_mnt_blk p {
    margin-bottom: 0;
}
/** マイページメンテナンス文言 ここまで **/

/** 制度選択モーダル ここから **/
#quickSeidoSentaku.content_note p {
    text-align: center;
}
#quickSeidoSentaku.content_note .quick_sentakushi {
    margin: 40px auto 60px;
}
#quickSeidoSentaku.content_note .quick_sentakushi div {
    margin-bottom: 50px;
}
#quickSeidoSentaku.content_note .quick_sentakushi .btn {
    max-width: 500px;
    padding: 20px 5px;
    margin: 0 auto 15px;
}

@media (max-width: 767px) {
    #quickSeidoSentaku.content_note .quick_sentakushi .btn {
        max-width: 330px;
    }
}
/** 制度選択モーダル ここまで **/

/** 指定整備工場用 **/
/* 見積検索ボタン */
#search_btn {display:flex; margin:2% 0;}
#search_btn input[type="text"] {height:45px;width:168px;padding:1em;border:2px solid #094;}
#search_btn a.btn {display: block;height:45px;}
#search_btn span a.btn {padding-top:10px;padding-left:5px;}
#search_btn label{display:block;}
#search_btn p.tilde{padding:10px 0;margin:0 2%;}

div#search_btn span a.btn
 {transition: .3s;display:block;border:none;background:#080;margin:0 15%;padding-left:10px;color:#fff;text-align:center;width:150px;}

a.btn:hover,
btn.cv:hover {box-shadow: 0 0 4px black;}

@media (max-width: 767px) {
    #search_btn {
        flex-wrap:wrap;
        margin-bottom:2em;
    }
    #search_btn span {
        width:calc(49% - 14px);
    }
    #search_btn span input[type="text"] {
        width:100%;
    }
    #search_btn span:last-child {
        width:100%;
        margin-top:1em;
    }
    div#search_btn span a.btn{
        width: 60%;
        padding-left: 5px;
        padding-top: 12px;
        margin: 0 20%;
    }
    
}
/*トップページへ戻る*/
div#contents #nav_next div.top {background:#fff;text-align:center; padding:2% 0;}
div#contents #nav_next div.top a.btn {
    background:#004C22;
    display:block;
    padding:10px;
    text-align:center;
    color:#fff;
    margin:0 2% ;
}

/* Material Icons */
.top .btn:after,
#subhelp dt:before,
section#inquiry>div.inner>div.seibi>dl.inq_shop dt:before,
.mypage_dousen_text .plus:before,
.mypage_dousen_text .minus:before
{font-family: "Material Icons";margin-right:5px;vertical-align: middle;font-size:18px;font-weight: normal;}

/* arrow_back_ios */
.top .btn:after {content:'\e5e1';color:#fff;margin-left:0;}
/* add */
#mypage_box .plus:before {content:'\e145'; font-style: normal; font-weight: 1000; margin:0; font-variation-settings: 'opsz' 48;}
/* remove */
#mypage_box .minus:before {content:'\e15b'; font-style: normal; font-weight: 1000; margin:0;}

ul.asterisk_credit {
  display: table;
  text-align: left;
  margin-top: 0.5em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:-5px;
  font-size: 14px;
}

ul.asterisk_credit li {
  list-style-type: none;
  text-indent: -1em;
}

.modal-content .indent5 {
    margin-left:5em;
}

body > footer .inner.seibi > div {
    justify-content: flex-end;
}
body > footer .inner.seibi .inq_tel {
    width: 100%;
    width: auto;
}

body>#subhelp dt.before_tel {margin-bottom:5px;margin-left:2.5em;position:relative;}
body>#subhelp dt.before_tel:before {content:'\e551'; display:block;color:#fff; no-repeat;position:absolute;left:-20px;background-size: contain;}

section#inquiry>div.inner>div.seibi>dl.inq_shop dt {position:relative; width:20em;}
section#inquiry>div.inner>div.seibi>dl.inq_shop dt:before  {content:'\e551'; display:block;color:#080; no-repeat;position:absolute;left:-20px;background-size: contain;}

@media screen and (max-width: 767px) {
section#inquiry>div.inner>div.seibi {margin-left: 30px;}
}