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

/*===================================================================
//  基本設定
//=================================================================*/
.pc-non {display:none!important;}
.note {font-size: 1.4rem;}
.contents-wrapper {min-width: 1000px;}



.base-table th,
.base-table td {padding: 0.8em;}
.base-table th {width: 28%;}




/*===================================================================
//  ヘッダー
//=================================================================*/
body {background: url(../img/main-pc-bg.jpg) center top no-repeat;}



 h1.mainimage {background: url(../img/main-pc.jpg) center top no-repeat; height: 776px; width: 1000px;}
 .main-btn {position: absolute; top: 0; right: 0;}




/*===================================================================
//  コンテンツ
//=================================================================*/
/* 一覧 */
.list-wrapper h2 {background: url(../img/list-title.gif) center top no-repeat; height: 98px; width: 720px; margin: 0 auto;}

.price-wrapper {margin-bottom: 0.5em;}
.price-wrapper:before,
.price-wrapper:after {content: ""; background-size: contain; position: absolute; bottom: -34px; width: 206px; height: 87px;}
.price-wrapper:before {background-image: url(../img/list-bar-left.gif); left: -172px;}
.price-wrapper:after {background-image: url(../img/list-bar-right.gif); right: -172px;}
.price-wrapper .price {top: -27px; left: 13px;}
.price-wrapper .text {padding: 0em 0.5em 0.1em 0.5em; text-align: center;}
.price-wrapper .text p {font-size: 2.5rem;}
.price-wrapper .text p span.font-bold {font-size: 4.3rem;}

.merit > p {font-size: 2.6rem;}
.merit > p span {font-size: 2.1rem;}
.merit ul li {font-size: 1.8rem; width: 9.5em;}



.car-list li {float: left; width: 32.3%; margin-right: 1.5%; margin-top: 1.5em;}
.car-list li:nth-child(3n) {margin-right: 0;}
.car-list li figure {max-width: 282px; margin: 0 auto;}
.car-list li .detail dl,
.car-list li .detail dt,
.car-list li .detail dd {font-size: 1.4rem;}
.car-list li .detail dt {font-size: 1.3rem;}
.car-list li .every {font-size: 1.4rem;}
.car-list li .every span {font-size: 2rem;}



/* CV */
.cv-wrapper .catch-wrapper {background: url(../img/cv-catch-bg.gif) center top no-repeat;}
.cv-wrapper .catch {background: url(../img/cv-catch.gif) center top no-repeat; height: 54px; width: 666px; margin: 0 auto;}
.cv-wrapper .btn-wrapper {width: 704px; margin: 0 auto;}
.cv-wrapper .btn-wrapper > .left {width: 446px;}
.cv-wrapper .btn-wrapper > .right {width: 248px;}



/* 特徴 */
.point-bg {background: url(../img/point-top.jpg) center bottom no-repeat;}
.point-wrapper .title-wrapper {background: url(../img/point-title-bg.jpg) left top repeat-x;}
.point-wrapper .title-wrapper h3 {background: url(../img/point-title.jpg) center top no-repeat; width: 100%; height: 181px;}
.point-list li {float: left; width: 49%; margin-right: 2%; margin-top: 1.2em;}
.point-list li:nth-child(even) {margin-right: 0;}
.point-list li:nth-child(-n+2) {margin-top: 0;}



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

.section-title .title {font-size: 3.5rem;}
.section-title .title i {font-size: 4.5rem; top: -5px;}


.about-wrapper {background: #fffff4;}
.about-box {border: solid 2px #ffa000; border-radius: 10px; background: #fff; padding: 1.8em; margin-bottom: 2em;}
#about2 {border-color: #68b7f4;}
#about3 {border-color: #88c21c;}
#about4 {border-color: #ff9c92;}
.about-box p {font-size: 2.2rem;}



.about1-1 li {width: 46%; margin: 0 2%;}
.about1-1 li figure {margin-bottom: 0.2em;}

.about1-2 li {width: 31.3%; margin: 0 1%; padding: 1em;}
.about1-2 li figure {width: 140px; margin: 0 auto;}


#about2 figure {margin: 0 auto; width: 848px;}
#about2 strong {margin: 0 auto 1.5em auto; width: 518px; height: 218px; background: url(../img/about2-2.gif) center top no-repeat;}


.about4-1 li {width: 46%; margin: 2em 2% 0 2%;}
.about4-1 li h6 {font-size: 2.5rem; background-position: 15px center;}
.about4-1 li p {font-size: 1.8rem;}

.reset ul.about4-2 {width: 96%; margin: 0 auto;}
.about4-2 li {padding-left: 10.5em;}
.about4-2 li em {font-size: 2.2rem; padding: 0.1em 1.5em 0.1em 1em;}
.about4-2 li h6 {font-size: 2.7rem;}
.about4-2 li p {font-size: 2rem;}



/* 理由 */
.reason-top {font-size: 6.5rem; height: 470px; padding-top: 2em; background-image: url(../img/reason-img-pc.jpg);}

.reason-detail {background: url(../img/reason-bg.jpg) center top no-repeat;}
.reason-detail > .contents-wrapper {background: url(../img/reason.jpg) center top no-repeat; min-height: 573px;}
.reason-detail h5 {font-size: 3rem; padding: 1.2em 0;}
.check-list li {font-size: 2.6rem; margin-left: 341px; padding-left: 1.7em;}
.check-list li:before {height: 25px; width: 30px;}
.reason-detail strong {font-size: 4.5rem; padding-top: 1.5em;}




/* よくある質問 */
.qa-wrapper {background: #fffff4;}
.qa-wrapper .detail {background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.1); padding: 2em 2em 0 2em;}
.reset p.qa-top {font-size: 2rem; padding-bottom: 2em;}


.qa-list li .q-box {font-size: 2.8rem; padding-left: 72px;}
.qa-list li .a-box {font-size: 2rem; padding-left: 72px; padding-bottom: 2.5em;}
.qa-list li:last-child .a-box {padding-bottom: 1em;}
.qa-list li .q-box:before,
.qa-list li .a-box:before {width: 47px; height: 47px;}




/*===================================================================
//  フッター
//=================================================================*/
footer#pagebottom .gotop {width: 60px; bottom: 25px; right: 30px;}
footer#pagebottom .gotop a {padding: 10px 0;}
footer#pagebottom .gotop a i {font-size: 40px;}
footer#pagebottom .gotop a:hover {opacity: 0.8;}



.copy {font-size: 1.5rem;}




/*===================================================================
//  フォーム
//=================================================================*/
body.form {background: none;}


.form-header {padding: 1em 0;}


.form-title {background-image: url(../img/form-title-bg.gif);}
.form-title .title {background: url(../img/form-title.gif) center top no-repeat; height: 93px;}


.chapter-title,
.reset .chapter-title {font-size: 2.2rem;}
.reset .chapter-title .note,
.note.inline-block {font-size: 1.4rem; margin-left: 1.5em;}



form#mailformpro dl dt {font-size: 1.7rem;}
form#mailformpro dl dd {font-size: 1.6rem;}

div.mfp_buttons button {padding: 1em 4.5em; width: auto; font-size: 2.2rem;}
#mfp_overlay_inner h4 {font-size: 2.4rem;}
table#mfp_confirm_table tr th,
table#mfp_confirm_table tr td {font-size: 1.6rem;}



.label-list li {display: inline-block; width: 32%; margin-top: 0.3em;}
.label-list li:nth-child(-n+3) {margin-top: 0;}
.label-list li label:hover {background: #FEFFEB;}



.thanks p {font-size: 1.8rem;}
.backhome {font-size: 1.8rem;}
.backhome:hover {background-color: #f39800; color: #fff;}




/*===================================================================
//  メディアクエリ
//=================================================================*/
@media screen and (max-width: 1280px) {
	
}



/*/*===================================================================
//  IEとedgeのみ
//=================================================================*/
/*.sm-slider, .sm-slider::after {position: absolute\9 !important; /* IE10以下 }*/

/* IE10以上 */
@media all and (-ms-high-contrast: none){

}

/* edge */
@supports (-ms-ime-align:auto) {

}