/* kakekinKasai07 */
/* レスポンシブ */

/* SPのみ */
@media screen and (max-width: 767px) {

/* layout.cssから移植 */
/*.android body#cal_result, .ios body#cal_result {margin-bottom:106px;}
.android body#cal_result.has_disabled, .ios body#cal_result.has_disabled {margin-bottom:0;}
.android body#cal_result.has_disabled div#foot, .ios body#cal_result.has_disabled div#foot {padding-bottom:204px;}*/
body#cal_result #floating_footer {padding:15px 0 10px;}
body#cal_result #floating_footer .ammount {width:370px;min-height:118px;}
body#cal_result #floating_footer .ammount dd {line-height:1.5;}
body#cal_result #floating_footer .nextNav {width:478px;}
body#cal_result #floating_footer .nextNav .btn_next a {width:430px;font-size:24px;line-height: 1.5;}
body#cal_result #floating_footer .nextNav .save a {width:209px;}
body#cal_result.has_disabled #floating_footer .note {font-size:1.5em;top:-50px;width:880px;padding-right:50px;}
body#cal_result.has_disabled #floating_footer .note {max-width:880px;top:inherit;width:auto;bottom:145px;min-height:auto;}
body#cal_result.has_disabled #floating_footer .note p {padding-right:28px;line-height:1.5;}
body#cal_result.has_disabled #floating_footer .del-icon1 i {top: -25px;right: -45px;font-size: 60px; text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px, #fff 2px -2px 0px, #fff -2px -2px 0px;}
body#cal_result.has_disabled #floating_footer p.help:after {display: none;}
body#cal_result.has_disabled #floating_footer .nextNav p.help {top:70px;right:0;font-size:12px;padding:0 3px;}
body#cal_result.has_disabled #floating_footer .nextNav p.help:before {
content:"";position:absolute;height:0;width:0;
    top: -10px;
    right: 35px;
    border: 5px solid transparent;
    border-bottom: 5px solid rgba(51,51,51,0.85); /*10px*/
}



html,body {min-width:inherit;}
html {-webkit-text-size-adjust: 100%;}
img {-webkit-backface-visibility: hidden;}
body {font-size:14px!important;}
/* PC標準幅の調整 */
div#head,
#stepNav,
div#headContent,
div#contents,
#mainColumn form.trialResult,
#planDetail,
div#foot,
body#cal_result #floating_footer .inner,
.container_16,
.container_16 .grid_16,
.container_12{width:100%;min-width:inherit;margin-left:0;margin-right:0;}

.main,.content {width:98%;padding-left:1%;padding-right:1%;}
div#head #logo {margin-top:5px;margin-left:5px;margin-bottom:5px;width:50%;}
body#cal_result.has_disabled div#head {margin-bottom:0;}
div#head #logo img {width:95%;height:auto;}
#headMenu {width:30%;margin-top:5px;margin-right:5px;}
#logoBrand {text-align:right;margin-bottom:5px}
#logoBrand img {width:50%;height:50%;}
#stepNav {overflow-x:scroll;white-space: nowrap;}
#stepNav .container_16 {margin-bottom:0;}
#stepNav .stepArrow {margin:5px 0 5px 5px;}
#stepNav .stepArrow span {display: inline;float:none;padding:0;}
#stepNav img {width:20%;height:20%;vertical-align: bottom;}

#cal_result #stepNav {display:none;}
#cal_result #head {margin-bottom:0;}

div#mainColumn {margin-left:5px;margin-right:5px;}
div#category {max-width:40%;text-align: right;margin:15px 10px 5px 10px;}
div#category img {width:75%;height:auto;}
div#mainColumn h1, #note_page h1, .modal h1 {margin: 0 0 10px;padding:5px 0;font-size:125%;}
#mainColumn .basic_info h3 {background:none;font-size:1.25em;}
#yourPlan {background:none;}
#planAmmount {padding:0;}
#planChange {width:100%;float:none;margin:0;}
#planChange ul.btn {width:100%;padding:0;display: table;border-collapse:separate;border-spacing: 2px 0;}
#planChange ul.btn li {display: table-cell;width:50%;vertical-align: top;text-align: center;}
#planChange ul.btn li.recommend span.wrap,
#planChange ul.btn li.change span.wrap {display: table-cell;vertical-align: middle;float: none;padding:0;padding-left:10%;}
#planChange ul.btn li strong {display: block;}
#planChange ul.btn li.checked img {width:18px; height: auto;}
#planChange ul.btn li img.selected {top:8px;}
#planBasic .planCost table th,
#planOption > p.unit {font-size:0.875em;}
#planChange .description {padding:0;text-indent:0;}
div#mainColumn #planChange h3 {display:none;}

#planDetail {border:none;}
#planDetail>.visible-sp h2#planLogo {margin-bottom:5px;}
#planDetail>.visible-sp h2#planLogo img {max-width:75%;height:auto;}
#planDetail>.visible-sp p.planDesc {margin-bottom:5px;line-height:1.2;font-size:12px;}
#planDetail>.visible-sp p.planDesc strong {font-weight:normal;}
#planBasic, #planOption {padding:0;}
#mainColumn #planDetail h3 {margin:0 0 5px;padding:5px;}

#planBasic {display:flex;flex-direction: column;}
#planBasic>h3 {order:1;}
#planBasic>.planCover {order:3;width:inherit;display:table;border-collapse:separate;border-spacing: 2px 0;margin-bottom:30px;position: relative;}
#planBasic .planCover .insurance {display: block;width:auto;height: auto;padding-top:20px;}
#planBasic>.planCost {order:2;width:inherit;width:100%;float: none;position:relative;margin-bottom:2em;}
#planBasic .planCost:after {font-family: FontAwesome;content:"\f0d7";position: absolute;bottom:-0.75em;width:100%;text-align:center;color:#d20313;font-size:1.75em;}
#planBasic .planCost table {width:100%;}
#planBasic .planCost table td.cost {width:40%;}
#planBasic .plan {background-image: none!important;}
#planDetail #planBasic .planCover .plan {display:table-cell;width:33%;padding:0;}
#planDetail #planBasic .planCover .plan:first-child {margin-left:0;}
#planDetail #planBasic .planCover .plan h4 {margin-bottom:5px;}
#planDetail #planBasic .planCover .plan h4 img {width:100%;max-width:200px;height:auto;}
#planBasic .insurance img {top:0;left:3px;}
#planBasic .planCost .plan, #planOption .plan .planCost {margin-bottom:10px!important;}
#planDetail #planBasic .planCover .plan h4 a {text-align:right;}
#planDetail #planBasic .planCover .plan h4 a i {color:#555!important;}

/* 特約 */
#planDetail div.container {display: table;width: 100%;}
#planOption .plan .planCost {width:calc(100% - 8px) }
#planOption .wrap {position:relative;margin-bottom:2em;}
#planOption .wrap:after {font-family: FontAwesome;content:"\f0d7";position: absolute;bottom:-0.75em;width:100%;text-align:center;color:#d20313;font-size:1.75em;}
#planOption>.visible-sp .planCover {display:block;}
#planOption>.visible-sp>div.option_sp {display: table;width:100%;}
#planOption>.visible-sp>div.option_sp>div {display: table-cell;width:33%;}
#planOption>.visible-sp>div.option_sp div .planCover {width: 100%;padding:0;border-collapse:separate;border-spacing: 2px 0;margin-bottom:10px;}
#planOption>.visible-sp>div.option_sp div .planCover h4 {min-width: inherit;margin-bottom:5px;width:33%;}
#planOption>.visible-sp>div.option_sp div .planCover h4 img {width:100%;max-width:140px;height:auto;}
#planOption>.visible-sp>div.option_sp div .planCover .insurance {padding-top:5px;width:33%;}
#planOption>.visible-sp>div.option_sp div .planCover .insurance strong {line-height: 1.5em;}
#planOption>.visible-sp>div.option_sp div .planCover .insurance img {top:5px;left:3px;}
#planOption>.visible-sp ul.ico_link {margin-bottom:30px;}
#planOption .planCost .selection {padding-left:5px!important;}
#planOption .planCost h4 {padding-left:0;width:98px;}
#planOption .planCost .cost {padding-right:5px;}
#planOption .planCover {background-image: none!important;}
#planOption.chintai>.visible-sp>div.option_sp>div,
#planOption.chintai>.visible-sp>div.option_sp div .planCover h4,
#planOption.chintai>.visible-sp>div.option_sp div .planCover .insurance {width:25%!important;font-size:8px;}
#planOption.chintai>.visible-sp>div.option_sp div .planCover .insurance img {width:60%;max-width:75px;height:auto;}

#planOption .plan.option04 .selection select {width: 98%; }


div#showDetail {margin:0 0 30px;}
.iframe_block iframe {border: none;}

.basic_info th {font-size:12px;}

#alart_eco { padding: 0; margin: 0; }
#alart_eco > p { margin: 46px 32px 0; }
#alart_eco > p:nth-child(2) { margin: 8px 32px 0; }
#alart_eco > div { margin: 0 32px 32px; }
#alart_eco .nextNav .btn_next.left { float: none; margin: 0 0 1em 0; }
#alart_eco .nextNav .btn_next.right { float: none; margin: 0; }
#alart_eco .nextNav .btn_next a { min-width: 10em; }

#kakunin_modal { padding: 0; margin: 0; }
#kakunin_modal > p { margin: 36px 32px 10px; }
#kakunin_modal > p:nth-child(2) { margin: 8px 32px 0; }
#kakunin_modal > div { margin: 0 32px 32px; }
#kakunin_modal .nextNav {
    margin-bottom:2em;
}
#kakunin_modal .nextNav .btn_next.left { float: none; margin: 0 0 1em 0; }
#kakunin_modal .nextNav .btn_next.right { float: none; margin: 0; }
#kakunin_modal .nextNav .btn_next a { min-width: 10em; }

div#upperNav {margin-left:0;}
div#upperNav.fixedNav {margin-left:5px;padding:2% 1% 1% 2%}
#upperNav p {margin-bottom: 0;}
.fixedNav a {display:inline;padding:0;}
#upperNav a.move-button {padding:3px 6px;font-size:12px!important;}
.pageTitle {font-size:1.3em!important;margin-bottom:5px;}

#pageNav {margin-left:0;margin-right:0;}
#pageNav p.toPrev {display: none;}
#pageNav p.toStart {margin-bottom:15px!important;}
#pageNav p.toStart img {max-width:100%;height:auto;}
#pageNav p.toPagetop {text-align:right;margin-bottom:30px!important;}
#pageNav p.toPagetop img {width:100%;height:auto;}

#cal_result #foot {padding-bottom:90px;}
div#foot .inner {width:auto;margin: 2% 2% 0;}
p#copyright,div#inquiry {float:none;width:calc(100% - 15px);margin:0;}
div#foot .inner .footAreaLeft {
    float:none;
    margin-top: 0px;
}
div#inquiry {margin:5px 0;}
body#cal_result div#inquiry #consul a {width: 100%;padding:24px 0;min-width: inherit;}

/* フローティング */
body#cal_result #floating_footer {padding:5px 0;}
body#cal_result #floating_footer .inner {display: table;min-height: 50px; height: 50px; width:98%;margin:0 1%;padding-top:0;}
body#cal_result.has_disabled #floating_footer .inner {min-height:100px;}
body#cal_result #floating_footer .ammount,
body#cal_result #floating_footer .nextNav {display:table-cell;}
body#cal_result #floating_footer .ammount {width:53%;padding:5px;min-height: 50px;}
body#cal_result #floating_footer .nextNav{width:43%;}
body#cal_result #floating_footer .ammount dt,
body#cal_result #floating_footer .ammount dd {font-size:12px;font-weight: normal;}
body#cal_result #floating_footer .ammount dt {float:left;}
body#cal_result #floating_footer .ammount dd strong {font-size:20px;font-weight: bold;}
body#cal_result #floating_footer .ammount:after {display: none;}
body#cal_result #floating_footer .nextNav .support,
body#cal_result #floating_footer .nextNav .btn_next a {width:100%;padding:0;text-align: center;font-size:14px;margin-bottom:3px;}
body#cal_result #floating_footer .inner .visible-sp>p.planDesc {clear:both;font-size:8px;margin:0;padding-top:5px;}
body#cal_result #floating_footer .inner .visible-sp>p.planDesc>img {float:left;margin-right:5px;}

body#cal_result.has_disabled div#foot {padding-bottom:135px;}
/*body#cal_result.has_disabled #floating_footer {padding-bottom:24px;}*/
body#cal_result.has_disabled #floating_footer .note {font-size:12px;padding: 3px 24px 3px 5px;bottom:2px;}
body#cal_result.has_disabled #floating_footer .del-icon1 i {font-size:32px;right:-25px;top:-10px;}
body#cal_result.has_disabled #floating_footer .note:after {display: none;}
body#cal_result.has_disabled #floating_footer .note:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;

}
body#cal_result.has_disabled #floating_footer .note:before {
    top: -10px;
    right: 65px;
    border: 5px solid transparent;
    border-bottom: 5px solid rgba(51,51,51,0.85); /*10px*/
}

.info-block {margin-bottom: 10px;}
    .hidden-sp {
        display: none !important;
	}
	.visible-sp {
		display: block;
	}
	.pc-float-left {
		float: none;
	}
    .content {
        width: 100%;
	}
	.main {
		width: 100%;
		margin:auto;
		line-height:1.5;
	}

#stepSub,
#mainColumn>#kasaiForm>#ecoKasai_true>.planDesc,
#mainColumn>#kasaiForm>#ecoKasai_true>h2#planLogo,
#mainColumn>#kasaiForm>.planDesc,
#mainColumn>#kasaiForm>h2#planLogo,
#planAmmount div.ammount,
#planOption>ul.ico_link,
body#cal_result #kasaiForm .nextNav,
#planBasic .description,
#planOption .planCover,
#yourPlan>.ammount,
.examBox2 {display: none;}

/* 建物構造区分画面用 */
.step2_3_taikakijyun .choice label .ico {width:16px;padding-right:3px;background-size:16px;top:3px;}
.step2_3_taikakijyun .choice .checked label .ico {width:16px;padding-right:3px;background-size:16px;top:3px;}
.step2_3_taikakijyun .choice span.wrap, .choice span.disabled {font-size:0.9em;}
.step2_3_taikakijyun .choice label span.disabled .ico {background-size:16px;}
.step2_3_taikakijyun .check_checkbox label span.txt, .choice label span.txt {padding:0 2px;top:0;}

/* 個人情報入力画面用 */
.container_12, .container_16, div.sentence {margin:0 0 2em;}
#terms {margin:0;}
#mainColumn div.formBox {width:inherit;}
.choice {float: none;}
.col2 .first {margin-left:1%;}
.col2 .btnset {display:table;width:100%;border-collapse:separate;border-spacing: 3px 0;}
.col2 .choice {display:table-cell;float:none;width:auto;}
.choice span.wrap, .choice span.disabled {font-size: 1.0em;}
.choice label .ico {width:16px;padding-right:3px;background-size:16px;}
.choice label span.disabled .ico {background-size:16px;}
.check_checkbox label span.txt, .choice label span.txt {padding:0 2px;top:0;}
.count_family_toggled, .purpose_toggled, .insurance_toggled, .for_assigned_yes, .for_assigned_no, .nurturer_toggled, .location_toggled {padding:1em 0 0;}
.formBox select {border-radius:3px;background-color:#fff;border: 1px solid #ccc;font-size:16px;padding:6px 0;}
#mainColumn div.formBox div.description ul {margin-left:16px;}
#mainColumn div.formBox div.align {margin:0 3%;}
.no_check_radio label[for="assigned_date"] {display: block!important;}
.bitrhday label[for="b_year"],
.align label[for="b_year_setai"],
.formBox .table,
.formBox .table p {display:block!important;}
.bitrhday label[for="b_year"],
.align label[for="b_year_setai"] {margin-bottom:1em;}
#mainColumn div.formBox input[type="text"],
#mainColumn div.formBox input[type="tel"],
#mainColumn div.formBox input[type="email"] {width:98%;border-radius:3px;background-color:#fff;border: 1px solid #ccc;font-size:16px;padding:6px 3px;min-height:inherit;}
.formBox .table p.sei {width:inherit;}
#mainColumn div.formBox .tel input,
#mainColumn div.formBox p.zip input {width:inherit;margin-bottom:1em;}
#checkMember label {width: 100%;}
#checkMoushikomiHoho label {width: 100%;}
.nextNav {padding:12px 0;}
.btn_next a {min-width: inherit;}
#inquiry .phoneNum {font-size: 2.5em;}
}
/* PCのみ */
@media screen and (min-width: 768px) {
	.visible-sp {
		display: none!important;
	}
}