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

/*===================================================================
//  基本設定
//=================================================================*/
#pagetop,
#contents,
#pagebottom {word-break: break-all;}
#contents {position: relative; overflow: hidden;}



.contents-wrapper {width: 100%; max-width: 1000px; margin: 0 auto;}
.bg-wrap {position: relative; z-index: -1; width: 100%; height: 0; overflow: hidden; display: block; visibility: hidden;}



.material-icons {vertical-align: middle;}
.note {color: #666; position: relative; padding-left: 1.2em; font-weight: 400;}
.note:before {position: absolute; top: 0; left: 0; content: "※";}



.base-table th,
.base-table td {border: solid 1px #bbb; padding: 0.5em;}
.base-table th {background: #fffbdb; text-align: left;}




/*===================================================================
//  ヘッダー
//=================================================================*/





/*===================================================================
//  コンテンツ
//=================================================================*/
/* 一覧 */
.price-wrapper {background: #6faa01; padding: 5px 0;}
.price-wrapper .price {position: absolute;}
.price-wrapper .text {border-top: solid 2px #8bcf0c; border-bottom: solid 2px #8bcf0c; padding: 0.4em 0.5em 0.6em 0.4em;}
.price-wrapper .text p {color: #fff; font-weight: 600;}
.price-wrapper .text p span.font-bold {color: #fcff05; padding-right: 0.2em;}

.merit > p {color: #f35600; font-weight: 800; letter-spacing: .15em; padding-bottom: 0.4em;}
.merit ul li {background: #fffbe4; border: solid 2px #ff7e00; color: #f35600; margin: 0 0.2em; display: inline-block; border-radius: 5px; padding: 0.3em 0;}



.car-list li {border: solid 1px #e5e4e5;}
.car-list li figure img {display: block;}
.car-list li .detail {background: #e5e4e5;}
.car-list li .detail dl,
.car-list li .detail dt,
.car-list li .detail dd {margin: 0; padding: 0; line-height: 1.4;}
.car-list li .detail dl {padding: 0.5em;}
.car-list li .detail dt {float: left; width: 5em; position: relative; color: #666;}
.car-list li .detail dt:after {content: "："; position: absolute; top: 0; left: 4em;}
.car-list li .detail dd {padding-left: 4.5em; padding-bottom: 0.3em;}
.car-list li .detail dt.w100,
.car-list li .detail dd.w100 {width: 80%; padding-left: 0;}
.car-list li .every {background: #f30000; color: #fff;}
.car-list li .every span {font-weight: 600; padding: 0 0.1em;}



/* CV */
.cv-wrapper .btn-wrapper .tel.call {display: block;}
.cv-wrapper .btn-wrapper .cv {margin-bottom: 0.7em;}



/* about */
.base-title-wrapper {background: url(../img/title-bg.gif) left top repeat-x; margin-bottom: 2.5em;}

.section-title .title {color: #6faa01; text-align: center; line-height: 1.2; margin-bottom: 0.4em;}
.section-title .title i {position: relative;}
.section-title .title i:first-of-type {padding-right: 0.2em;}
.section-title .title i:last-of-type {padding-left: 0.2em;}



.about-box p .orange {color: #f35600; font-weight: 600;}


.about1-1 li figure {border: solid 1px #ded28c; margin-bottom: 0.2em;}
.about1-1 li figure img {display: block;}

.about1-2 li {background: #fffbe4; border: solid 1px #ded28c; border-radius: 10px;}
.about1-2 li p {font-weight: 600; color: #4c1c02;}


.about4-1 li {background: #fffbe4; border: solid 1px #ded28c; border-radius: 10px; padding-bottom: 1em;}
.about4-1 li h6 {background: #fff2a9; background-image: url(../img/about4-number1.gif); background-position: 3% center; background-repeat: no-repeat; color: #4c1c02; font-size: 2.5rem; font-weight: 600; padding: 0.6em 0.5em; border-radius: 10px 10px 0 0;}
.about4-1 li:nth-child(2) h6 {background-image: url(../img/about4-number2.gif);}
.about4-1 li:nth-child(3) h6 {background-image: url(../img/about4-number3.gif);}
.about4-1 li:nth-child(4) h6 {background-image: url(../img/about4-number4.gif);}
.about4-1 li figure {max-width: 354px; margin: 0.8em auto 0.5em auto;}

.about4-2 li {margin-top: 2em;}
.about4-2 li em {color: #fff; font-weight: 600; background: url(../img/ribbon.gif) right center no-repeat #80c205; position: absolute; top: 0; left: 0;}
.about4-2 li h6 {color: #f35600; font-weight: 600; line-height: 1.6;}



/* 理由 */
.reason-top {background: url(../img/reason-img-sp.jpg) center center no-repeat; color: rgba(255,255,255,0.8); text-shadow: 1px 1px 1px rgba(0,0,0,0.2); font-weight: 800; line-height: 1.6;}

.reason-detail h5 {color: #fff; font-weight: 400; letter-spacing: .1em;}
.check-list li {position: relative; font-weight: 600; line-height: 1.5; padding-bottom: 0.7em;}
.check-list li:before {content: ""; background-size: contain; background-image: url(../img/check.gif); background-repeat: no-repeat; position: absolute; top: 0.3em; left: 0;}
.reason-detail strong {color: #df000e; font-weight: 600; letter-spacing: .1em; line-height: 1.4;}




/* よくある質問 */
.qa-list li .q-box {background: #fffbe4; border: solid 1px #ded28c; padding: 0.4em 0.3em 0.4em 45px; border-radius: 5px; position: relative; margin-bottom: 0.6em; color: #4c1c02; font-weight: 600;}
.qa-list li .a-box {position: relative; padding: 0.3em 0 2em 45px;}
.qa-list li:last-child .a-box {padding-bottom: 0;}
.qa-list li .q-box:before,
.qa-list li .a-box:before {content: ""; background-size: contain; position: absolute; top: 0.4em; left: 0.4em; background-image: url(../img/q-icon.gif); background-repeat: no-repeat;}
.qa-list li .a-box:before {background-image: url(../img/a-icon.gif); top: 0;}
.qa-list li .a-box ol {margin-left: 1.3em;}




/*===================================================================
//  フッター
//=================================================================*/
#pagebottom {background: #382f2b;}


footer#pagebottom .gotop {position: fixed; z-index: 10000;}
footer#pagebottom .gotop a {width: 100%; color: #fff; background: #7fbd0c;}



.copy {color: #e1e0e0; padding: 1.2em 0; letter-spacing: .2em;}




/*===================================================================
//  フォーム
//=================================================================*/
.form-header .logo {max-width: 190px;}
.form-header .right {max-width: 297px;}


.chapter-title,
.reset .chapter-title {border-left: solid 5px #6faa01; padding-left: 0.4em;  line-height: 1.2; margin-bottom: 0.6em;}


form#mailformpro input,
form#mailformpro textarea,
form#mailformpro select {box-sizing: border-box; max-width: 100%;}
form#mailformpro input,
form#mailformpro textarea {padding: 0.3em;}
form#mailformpro select {padding: 0.5em 0.3em;}
form#mailformpro input.short {width: 10.5em !important;}
form#mailformpro textarea {height: auto !important;}

table#mfp_confirm_table {margin: 1em 0;}
table#mfp_confirm_table tr th {width: 20% !important;}

div.mfp_buttons button {width: 44%; font-size: 1.6rem; margin: 0 1%; -webkit-appearance: none; border-radius: 8px; cursor: pointer; background-color: #f35600; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.15); box-shadow: 0px 6px #be4200; border: 0; padding: 1em 0;}
div.mfp_buttons button[type="reset"],
div.mfp_buttons button#mfp_button_cancel {background: #bbb; text-shadow: 1px 1px 3px #888888; box-shadow: 0px 6px #888;}



.label-list li label {display: block; border-radius: 5px; border: solid 1px #ccc; padding: 0.3em; box-sizing: border-box; cursor: pointer;}
.label-list li label.checked-label {background: #fff79f; font-weight: 600; color: #f35600;}
.label-list li label input {position: relative; top: -3px;}



.time p {margin-top: 1em;}
.time p input {width: 8%;}
.model .note {margin-top: 1em;}
.last-table {margin: 1.5em 0;}



.thanks p {padding: 5em 0;}
.backhome {padding: 1em 0; width: 38%; margin: 0 auto; font-size: 1.6rem; background: #f35600; color: #fff; border-radius: 5px;}