@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 careVisual 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.careVisual { position: relative; max-width: 1100px; margin-right: auto; margin-left: auto; }
.careVisual .visualImg { position: relative; }
.careVisual .visualTxt { position: absolute; right: 0; bottom: 0; left: 0; font-size: 2rem; line-height: 3.2rem; text-align: center; font-weight: 700; margin-bottom: calc( 30 / 1100 * 100% ); }

@media screen and (max-width: 1200px) {
	.careVisual .visualTxt { font-size: 1.666666666666667vw; line-height: 2.666666666666667vw; }
}

@media screen and (max-width: 767px) {
	.careVisual { max-width: 500px; margin-top: 20px; margin-bottom: 15px; }
	.careVisual .visualImg { background: url(/special/rm_car/care/images/care_main2.gif) no-repeat left top; background-size: 100% auto; padding-top: calc( 205 / 290 * 100% ); margin-bottom: 15px; }
	.careVisual .visualImg img { display: none; }
	.careVisual .visualTxt { position: static; font-size: 1.6rem; line-height: 2.4rem; text-align: left; }
	.careVisual .visualTxt p { display: inline; }
	.careVisual .visualTxt p br { display: none; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 careOrder 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.careOrder { padding-bottom: 30px; }
.careOrder .orderInner { max-width: 1100px; background-color: #5ceaff; padding-right: calc( 50 / 1200 * 100% ); padding-left: calc( 50 / 1200 * 100% ); margin-right: auto; margin-left: auto; }
.careOrder .orderNo { overflow: hidden; padding-bottom: 10px; }
.careOrder .orderNo a { width: calc( 480 / 1000 * 100% ); text-decoration: none; }
.careOrder .orderNo a:nth-child(odd) { float: left; }
.careOrder .orderNo a:nth-child(even) { float: right; }
.careOrder .orderNo a dl { position: relative; display: table; width: 100%; height: 75px; background-color: #ffffff; border: solid 2px #ffffff; border-radius: 5px; margin-bottom: 10px; }
.careOrder .orderNo a dl::before { position: absolute; top: 22px; right: 25px; display: block; width: 15px; height: 15px; border-right: solid 2px #5ceaff; border-bottom: solid 2px #5ceaff; content: ""; transform: rotate(45deg); }
.careOrder .orderNo a dl::after { position: absolute; top: 46px; right: 20px; display: block; width: 24px; height: 2px; background-color: #5ceaff; content: ""; }
.careOrder .orderNo a dl dt { display: table-cell; width: 85px; font-size: 4.6rem; color: #ffff00; text-shadow: 1px 1px 0 #000000, -1px 1px 0 #000000, 1px -1px 0 #000000, -1px -1px 0 #000000; text-align: center; vertical-align: middle; padding-top: 6px; }
.careOrder .orderNo a dl dd { display: table-cell; font-size: 2rem; line-height: 2.9rem; color: #000000; font-weight: 700; vertical-align: middle; padding-top: 6px; }
.careOrder .oederImg { max-width: 1100px; margin-right: auto; margin-left: auto; }

@media screen and (min-width: 769px) {
	.careOrder .orderNo a dl,
	.careOrder .orderNo a dl::before,
	.careOrder .orderNo a dl::after { transition: 0.2s ease; }
	.careOrder .orderNo a:hover dl,
	.careOrder .orderNo a:hover dl::before { border-color: #000000; }
	.careOrder .orderNo a:hover dl::after {  background-color: #000000; }
}

@media screen and (max-width: 1200px) {
	.careOrder .orderNo a dl dt { width: 55px; font-size: 3rem; padding-top: 3px; }
	.careOrder .orderNo a dl dd { font-size: 1.8rem; line-height: 2.2rem; padding-top: 3px; }
}

@media screen and (max-width: 767px) {
	.careOrder { padding: 0 calc( 15 / 320 * 100% ) 30px; }
	.careOrder .oraderArea { max-width: 500px; margin-right: auto; margin-left: auto; }
	.careOrder .oraderArea .orderInner { padding-right: calc( 15 / 290 * 100% ); padding-left: calc( 15 / 290 * 100% ); }
	.careOrder .orderLead { background: url(/special/rm_car/care/images/order_lead2.gif) no-repeat left top; background-size: cover; padding-top: calc( 60 / 260 * 100% ); }
	.careOrder .orderLead img { display: none; }
	.careOrder .orderNo a { width: 100%; }
	.careOrder .orderNo a:nth-child(odd),
	.careOrder .orderNo a:nth-child(even) { float: none; }
	.careOrder .orderNo a dl { height: 50px; border-radius: 3px; margin-bottom: 5px; }
	.careOrder .orderNo a dl::before { top: 16px; right: 18px; width: 10px; height: 10px; }
	.careOrder .orderNo a dl::after { top: 32px; right: 15px; width: 16px; }
	.careOrder .orderNo a dl dt { width: 40px; font-size: 2.6rem; }
	.careOrder .orderNo a dl dd { font-size: 1.4rem; line-height: 1.8rem; }
	.careOrder .oederImg { max-width: 500px; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 careBlock 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.careBlock { position: relative; max-width: 1100px; background-color: #ffffff; border-radius: 10px; padding-top: 15px; margin-right: auto; margin-left: auto; }
.careBlock.blockType1 { margin-bottom: 65px; }
.careBlock.blockType2 { margin-bottom: 65px; }
.careBlock.blockType3 { margin-bottom: 90px; }
.careBlock#careBlock1 { padding-bottom: 20px; }
.careBlock#careBlock2 { padding-bottom: 30px; }
.careBlock#careBlock3 { padding-bottom: 20px; }
.careBlock#careBlock4 { padding-bottom: 30px; }
.careBlock#careBlock5 { padding-bottom: 30px; }
.careBlock::after { position: absolute; display: block; width: 0; height: 0; border-style: solid; border-color: #ffffff transparent transparent transparent; content: ""; }
.careBlock.blockType1::after { bottom: -53px; left: 160px; border-width: 54px 37px 0 37px; }
.careBlock.blockType2::after { right: 160px; bottom: -53px; border-width: 54px 37px 0 37px; }
.careBlock.blockType3::after { right: 0; bottom: -64px; left: 0; border-width: 65px 45px 0 45px; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 767px) {
	.careBlock { max-width: 500px; }
	.careBlock::after { display: none; }
	.careBlock.blockType1,
	.careBlock.blockType2,
	.careBlock.blockType3 { margin-bottom: 20px; }
	.careBlock#careBlock1 { padding-bottom: 20px; }
	.careBlock#careBlock2 { padding-bottom: 30px; }
	.careBlock#careBlock3 { padding-bottom: 20px; }
	.careBlock#careBlock4 { padding-bottom: 30px; }
	.careBlock#careBlock5 { padding-bottom: 30px; }
}



/* ――――――――――――――――――――――――――――――
［ blockObi ］
―――――――――――――――――――――――――――――― */

.careBlock .blockObi1 { margin: calc( -45 / 1100 * 100% ) calc( -20 / 1100 * 100% ) 0; }
.careBlock .blockObi2 { margin: -5px calc( -25 / 1100 * 100% ) 0; }

@media screen and (max-width: 1200px) {
	.careBlock .careBlock .blockObi2 { margin-top: 20px; }
}

@media screen and (max-width: 767px) {
	.careBlock .blockObi1 { background-repeat: no-repeat; background-position: left top; background-size: cover; padding-top: calc( 160 / 290 * 100% ); margin: 5px calc( -5 / 290 * 100% ) 0; }
	.careBlock .blockObi1.obiBlock1 { background-image: url(/special/rm_car/care/images/block1_obi2.png); }
	.careBlock .blockObi1.obiBlock3 { background-image: url(/special/rm_car/care/images/block3_obi2.png); }
	.careBlock .blockObi1 img { display: none; }
	.careBlock .blockObi2 { background: url(/special/rm_car/care/images/block4_obi2.png) no-repeat left top; background-size: cover; padding-top: calc( 335 / 290 * 100% ); margin: 5px calc( -5 / 290 * 100% ) 0; }
	.careBlock .blockObi2 img { display: none; }
}



/* ――――――――――――――――――――――――――――――
［ blockNo ］
―――――――――――――――――――――――――――――― */

.careBlock .blockNo { background: url(/special/rm_car/care/images/block_no_bg.gif) no-repeat center center; background-size: 1100px 17px; margin-bottom: 20px; }
.careBlock .blockNo dl { display: table; background-color: #ffffff; font-weight: 700; margin-right: auto; margin-left: auto; }
.careBlock .blockNo dl dt { display: table-cell; vertical-align: middle; padding-left: 20px; padding-right: 20px; }
.careBlock .blockNo dl dt span { display: table-cell; vertical-align: middle; }
.careBlock .blockNo dl dt span:nth-child(1) { font-size: 2rem; line-height: 1; padding-right: 12px; }
.careBlock .blockNo dl dt span:nth-child(2) { width: 120px; height: 120px; background-color: #ffff00; border: solid 3px #000000; border-radius: 50%; font-size: 7.4rem; text-align: center; padding-top: 3px; }
.careBlock .blockNo dl dd { display: table-cell; vertical-align: middle; padding-right: 20px; }
.careBlock .blockNo dl dd .noTitle { font-size: 4.6rem; }

@media screen and (max-width: 1200px) {
	.careBlock .blockNo dl dt span:nth-child(1) { font-size: 1.6rem; }
	.careBlock .blockNo dl dt span:nth-child(2) { width: 90px; height: 90px; border-width: 2px; font-size: 6rem; }
	.careBlock .blockNo dl dd .noTitle { font-size: 3rem; }
}

@media screen and (max-width: 767px) {
	.careBlock .blockNo { background-position: center 14px; background-size: auto 10px; margin-bottom: 20px; }
	.careBlock .blockNo dl { background-color: transparent; text-align: center; }
	.careBlock .blockNo dl dt { display: inline-block; background-color: #ffffff; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; }
	.careBlock .blockNo dl dt span:nth-child(1) { font-size: 1.6rem; padding-right: 10px; }
	.careBlock .blockNo dl dt span:nth-child(2) { width: 40px; height: 40px; border-width: 1px; font-size: 2rem; }
	.careBlock .blockNo dl dd { display: block; padding-right: 0; }
	.careBlock .blockNo dl dd .noTitle { font-size: 2rem; }
}



/* ――――――――――――――――――――――――――――――
［ blockMain ］
―――――――――――――――――――――――――――――― */

.careBlock .blockMain { display: table; margin-right: auto; margin-left: auto; }
.careBlock .blockMain.mainType4 { margin-bottom: 15px; }
.careBlock .blockMain .mainTxt { display: table-cell; vertical-align: middle; }
.careBlock .blockMain .mainTxt p { font-size: 2rem; line-height: 3.8rem; }
.careBlock .blockMain .mainTxt .txtItem { min-height: 100px; background: url(/special/rm_car/care/images/item_bg.png) no-repeat left top; background-size: 98px 98px; padding-top: 20px; padding-left: 120px; margin-top: 50px; }
.careBlock .blockMain .mainTxt .txtItem dt { font-size: 2.5rem; font-weight: 700; margin-bottom: 20px; }
.careBlock .blockMain .mainTxt .txtItem dd ul { overflow: hidden; font-size: 2rem; line-height: 3rem; font-weight: 700; }
.careBlock .blockMain .mainTxt .txtItem dd ul li { float: left; position: relative; width: 50%; padding-left: 25px; }
.careBlock .blockMain .mainTxt .txtItem dd ul li:not(:last-child) { margin-bottom: 6px; }
.careBlock .blockMain .mainTxt .txtItem dd ul li::before { position: absolute; top: 5px; left: 0; display: block; width: 15px; height: 15px; border: solid 1px #000000; content: ""; }
.careBlock .blockMain .mainImg { display: table-cell; vertical-align: middle; }
.careBlock .blockMain.mainType1 .mainImg { width: 430px; padding-left: 30px; }
.careBlock .blockMain.mainType1 .mainTxt { width: 490px; padding-right: 30px; padding-left: 60px; }
.careBlock .blockMain.mainType2 .mainTxt { width: 430px; padding-left: 30px; }
.careBlock .blockMain.mainType2 .mainImg { width: 610px; padding-right: 30px; padding-left: 60px; }
.careBlock .blockMain.mainType3 .mainImg { width: 430px; padding-left: 30px; }
.careBlock .blockMain.mainType3 .mainTxt { width: 490px; padding-right: 30px; padding-left: 60px; }
.careBlock .blockMain.mainType4 .mainTxt { width: 520px; padding-left: 30px; }
.careBlock .blockMain.mainType4 .mainImg { width: 430px; padding-right: 30px; padding-left: 60px; }
.careBlock .blockMain.mainType5 .mainImg { width: 516px; padding-right: 60px; padding-left: 30px; }
.careBlock .blockMain.mainType5 .mainTxt { width: 430px; padding-right: 30px; }

@media screen and (max-width: 1200px) {
	.careBlock .blockMain .mainTxt p { font-size: 1.8rem; line-height: 3.2rem; }
}

@media screen and (max-width: 767px) {
	.careBlock .blockMain { display: flex; flex-wrap: wrap; }
	.careBlock .blockMain.mainType4 { margin-bottom: 20px; }
	.careBlock .blockMain .mainTxt { display: block; }
	.careBlock .blockMain .mainTxt p { font-size: 1.5rem; line-height: 2.5rem; text-align: justify; }
	.careBlock .blockMain .mainTxt .txtItem { min-height: auto; background-size: 28px 28px; padding-top: 0; padding-left: 40px; margin-top: 20px; }
	.careBlock .blockMain .mainTxt .txtItem dt { font-size: 1.6rem; line-height: 2.8rem; color: #008b00; margin-bottom: 5px; }
	.careBlock .blockMain .mainTxt .txtItem dd ul { font-size: 1.6rem; line-height: 2.6rem; }
	.careBlock .blockMain .mainTxt .txtItem dd ul li::before { top: 5px; }
	.careBlock .blockMain .mainImg { display: block; margin-bottom: 15px; }
	.careBlock .blockMain.mainType1 .mainImg,
	.careBlock .blockMain.mainType1 .mainTxt,
	.careBlock .blockMain.mainType2 .mainTxt,
	.careBlock .blockMain.mainType2 .mainImg,
	.careBlock .blockMain.mainType3 .mainImg,
	.careBlock .blockMain.mainType3 .mainTxt,
	.careBlock .blockMain.mainType4 .mainTxt,
	.careBlock .blockMain.mainType4 .mainImg,
	.careBlock .blockMain.mainType5 .mainImg,
	.careBlock .blockMain.mainType5 .mainTxt { width: 100%; padding-right: calc( 20 / 290 * 100% ); padding-left: calc( 20 / 290 * 100% ); }
	.careBlock .blockMain.mainType2 .mainTxt { order: 2; }
	.careBlock .blockMain.mainType2 .mainImg { order: 1; }
	.careBlock .blockMain.mainType4 .mainTxt { order: 2; }
	.careBlock .blockMain.mainType4 .mainImg { order: 1; }
}



/* ――――――――――――――――――――――――――――――
［ blockItem ］
―――――――――――――――――――――――――――――― */

.careBlock .blockItem { position: relative; }
.careBlock .blockItem .itemTitle { max-width: 960px; border-bottom: solid 3px #000000; font-size: 2.5rem; font-weight: 700; text-align: center; padding-bottom: 10px; margin-right: auto; margin-left: auto; }
.careBlock .blockItem .itemList { overflow: hidden; margin-top: -10px; }
.careBlock .blockItem .itemList .listArea { overflow: hidden; }
.careBlock .blockItem .itemList .listArea:nth-child(1) { float: left; width: calc( 550 / 1100 * 100% ); }
.careBlock .blockItem .itemList .listArea:nth-child(2) { float: right; width: calc( 550 / 1100 * 100% ); }
.careBlock .blockItem .itemList .listArea div { float: left; width: calc( 222 / 550 * 100% ); }
.careBlock .blockItem .itemList .listArea ul { float: left; width: calc( 308 / 550 * 100% ); font-size: 2rem; line-height: 3rem; font-weight: 700; margin: 22px 0 20px calc( 20 / 550 * 100% ); }
.careBlock .blockItem .itemList .listArea ul li { position: relative; padding-left: 25px; }
.careBlock .blockItem .itemList .listArea ul li:not(:last-child) { margin-bottom: 6px; }
.careBlock .blockItem .itemList .listArea ul li::before { position: absolute; top: 5px; left: 0; display: block; width: 15px; height: 15px; border: solid 1px #000000; content: ""; }
.careBlock .blockItem .itemList .listArea ul li span { display: inline-block; }

@media screen and (max-width: 1200px) {
	.careBlock .blockItem .itemList .listArea ul { font-size: 1.6rem; line-height: 2.4rem; }
}

@media screen and (max-width: 767px) {
	.careBlock .blockItem .itemTitle { border-width: 2px; font-size: 1.8rem; padding-bottom: 6px; }
	.careBlock .blockItem .itemList { padding-right: calc( 15 / 290 * 100% ); padding-left: calc( 15 / 290 * 100% ); margin-top: 15px; }
	.careBlock .blockItem .itemList .listArea { overflow: hidden; }
	.careBlock .blockItem .itemList .listArea:nth-child(1),
	.careBlock .blockItem .itemList .listArea:nth-child(2) { float: none; width: 100%; }
	.careBlock .blockItem .itemList .listArea div { position: relative; float: none; width: 100%; height: 40px; background: url(/special/rm_car/care/images/item_bg.png) no-repeat left top; background-size: 28px 28px; }
	.careBlock .blockItem .itemList .listArea div img { display: none; }
	.careBlock .blockItem .itemList .listArea:nth-child(1) { margin-bottom: 20px; }
	.careBlock .blockItem .itemList .listArea div::after { position: absolute; top: 0; left: 33px; display: block; font-size: 1.6rem; line-height: 2.6rem; color: #008b00; font-weight: 700; }
	.careBlock .blockItem .itemList .listArea:nth-child(1) div::after { content: "必ず確認する項目"; }
	.careBlock .blockItem .itemList .listArea:nth-child(2) div::after { content: "さらに確認できるとよい項目"; }
	.careBlock .blockItem .itemList .listArea ul { float: none; overflow: hidden; width: 100%; font-size: 1.5rem; line-height: 2.8rem; margin: 0 0 0 0; }
	.careBlock .blockItem .itemList .listArea ul li { position: relative; float: left; min-width: 40%; padding-left: 22px; }
	.careBlock .blockItem .itemList .listArea ul li:not(:last-child) { margin-bottom: 2px; }
	.careBlock .blockItem .itemList .listArea ul li::before { top: 6px; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 careLast 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.careLast { max-width: 1100px; background-color: #14655a; border-radius: 10px; margin: 0 auto 50px; }
.careLast .lastInner { padding: calc( 15 / 1100 * 100% ); }
.careLast .lastBlock { overflow: hidden; background-color: #ffffff; padding: 40px 15px 25px; }
.careLast .lastBlock .blockNo { display: table; background-color: #ffffff; font-weight: 700; margin: 0 auto 10px; }
.careLast .lastBlock .blockNo dt { display: table-cell; vertical-align: middle; padding-left: 20px; padding-right: 20px; }
.careLast .lastBlock .blockNo dt span { display: table-cell; vertical-align: middle; }
.careLast .lastBlock .blockNo dt span:nth-child(1) { font-size: 2rem; line-height: 1; padding-right: 12px; }
.careLast .lastBlock .blockNo dt span:nth-child(2) { width: 120px; height: 120px; background-color: #ffff00; border: solid 3px #000000; border-radius: 50%; font-size: 7.4rem; text-align: center; padding-top: 3px; }
.careLast .lastBlock .blockNo dd { display: table-cell; vertical-align: middle; padding-right: 20px; }
.careLast .lastBlock .blockNo dd .noTitle { font-size: 4.2rem; line-height: 6.2rem; }
.careLast .lastBlock .blockTxt { overflow: hidden; margin-bottom: 40px; }
.careLast .lastBlock .blockTxt div { width: calc( 264 / 1040 * 100% ); }
.careLast .lastBlock .blockTxt div:nth-child(1) { float: left; margin-right: 46px; }
.careLast .lastBlock .blockTxt div:nth-child(3) { float: right; }
.careLast .lastBlock .blockTxt p { float: left; width: calc( 420 / 1040 * 100% ); font-size: 2rem; line-height: 3.8rem; padding-top: calc( 50 / 1040 * 100% ); }
.careLast .lastBlock .blockTel { max-width: 1000px; margin-right: auto; margin-left: auto; }
.careLast .lastBlock .blockTel .telTitle { background: url(/special/rm_car/care/images/tel_title_bg.gif) no-repeat center bottom; background-size: 1000px 14px; font-size: 2.2rem; line-height: 3rem; color: #14655a; font-weight: 700; text-align: center; padding-bottom: 20px; margin-bottom: 10px; }
.careLast .lastBlock .blockTel .telTitle span { display: inline-block; }
.careLast .lastBlock .blockTel .telInner:not(:last-child) { margin-bottom: 60px; }
.careLast .lastBlock .blockTel .telInner .telMain { display: table; width: 94%; margin: 0 auto 20px; }
.careLast .lastBlock .blockTel .telInner .telMain .mainName { display: table-cell; width: 210px; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; vertical-align: middle; padding-right: ; }
.careLast .lastBlock .blockTel .telInner .telMain .mainNumber { display: table-cell; font-size: 4.8rem; color: #14655a; font-weight: 700; vertical-align: middle; }
.careLast .lastBlock .blockTel .telInner .telMain .mainSub { display: table-cell; overflow: hidden; width: 320px; padding-left: 40px; }
.careLast .lastBlock .blockTel .telInner .telMain .mainSub .subCircle { width: 106px; height: 106px; border: solid 8px #136559; border-radius: 50%; font-size: 3rem; color: #14655a; font-weight: 700; text-align: center; padding-top: 30px; }
.careLast .lastBlock .blockTel .telInner .telMain .mainSub.subType2 .subCircle { float: left; }
.careLast .lastBlock .blockTel .telInner .telMain .mainSub.subType2 .subImg { float: right; width: 160px; margin-top: 20px; }
.careLast .lastBlock .blockTel .telInner .telAnn { display: table; font-size: 1.5rem; line-height: 2.2rem; margin-right: auto; margin-left: auto; }
.careLast .lastBlock .blockTel .telInner .telAnn dt { display: table-cell; width: 20px; }
.careLast .lastBlock .blockTel .telInner .telAnn dd { display: table-cell; }
.careLast .lastBlock .blockTel .telInner .telSub { font-size: 1.5rem; line-height: 2.2rem; text-align: center; }
.careLast .lastWeb { max-width: 890px; padding: 35px 30px 5px; margin-right: auto; margin-left: auto; }
.careLast .lastWeb .webTitle { font-size: 2.4rem; color: #ffff00; font-weight: 700; text-align: center; margin: 0 auto 30px; }
.careLast .lastWeb .webTitle span { position: relative; display: inline-block; padding-left: 100px; }
.careLast .lastWeb .webTitle span::before { position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 66px; height: 45px; background: url(/special/rm_car/care/images/last_pc.gif) no-repeat left top; background-size: cover; content: ""; margin-top: auto; margin-bottom: auto; }
.careLast .lastWeb .webTxt { font-size: 1.8rem; line-height: 3.4rem; color: #ffffff; margin-bottom: 30px; }
.careLast .lastWeb .webBtn { max-width: 480px; text-align: center; margin-right: auto; margin-left: auto; }
.careLast .lastWeb .webBtn .btnType1 { margin-bottom: 10px; }
.careLast .lastWeb .webBtn .btnType1 a { display: block; background-color: #ffff00; font-size: 2.2rem; line-height: 3.2rem; color: #14655a; font-weight: 700; text-decoration: none; padding: 26px 20px 22px; }
.careLast .lastWeb .webBtn .btnType2 a { position: relative; display: inline-block; font-size: 1.8rem; line-height: 2.6rem; color: #ffffff; text-decoration: none; padding-right: 30px; }
.careLast .lastWeb .webBtn .btnType2 a::before,
.careLast .lastWeb .webBtn .btnType2 a::after { position: absolute; display: block; content: ""; }
.careLast .lastWeb .webBtn .btnType2 a::before { top: 4px; right: 3px; width: 18px; height: 18px; background-color: #ffffff; border-radius: 50%; }
.careLast .lastWeb .webBtn .btnType2 a::after { top: 10px; right: 10px; width: 7px; height: 7px; border-right: solid 1px #14655a; border-bottom: solid 1px #14655a; transform: rotate(-45deg); }
.careLast .lastWeb .webBtn ._icon_link-01 { display: none; }

@media screen and (min-width: 769px) {
	.careLast .lastWeb .webBtn .btnType1 a,
	.careLast .lastWeb .webBtn .btnType2 div:nth-child(1) a,
	.careLast .lastWeb .webBtn .btnType2 div:nth-child(2) a::before,
	.careLast .lastWeb .webBtn .btnType2 div:nth-child(2) a::after { transition: 0.2s ease; }
	.careLast .lastWeb .webBtn .btnType1 a:hover { background-color: #ffffff; }
	.careLast .lastWeb .webBtn .btnType2 div:nth-child(1) a:hover { background-color: #ffffff; color: #14655a; }
	.careLast .lastWeb .webBtn .btnType2 div:nth-child(1) a:hover::before { background-color: #14655a; }
	.careLast .lastWeb .webBtn .btnType2 div:nth-child(1) a:hover::after { border-color: #ffffff; }
	.careLast .lastWeb .webBtn .btnType2 div:nth-child(2) a:hover { text-decoration: underline; }
}

@media screen and (max-width: 1200px) {
	.careLast .lastBlock .blockNo dt span:nth-child(1) { font-size: 1.6rem; }
	.careLast .lastBlock .blockNo dt span:nth-child(2) { width: 90px; height: 90px; border-width: 2px; font-size: 6rem; }
	.careLast .lastBlock .blockNo dd .noTitle { font-size: 3rem; line-height: 4.6rem; }
	.careLast .lastBlock .blockTxt { margin-bottom: 40px; }
	.careLast .lastBlock .blockTxt p { font-size: 1.8rem; line-height: 2.6rem; padding-top: calc( 30 / 1040 * 100% ); }
	.careLast .lastBlock .blockTel .telInner .telMain .mainName { display: block; width: 100%; text-align: center; margin-bottom: 5px; }
	.careLast .lastBlock .blockTel .telInner .telMain .mainName br { display: none; }
	.careLast .lastBlock .blockTel .telInner .telMain .mainNumber { display: block; text-align: center; margin-bottom: 5px; }
	.careLast .lastBlock .blockTel .telInner .telMain .mainSub { display: block; padding-left: 0; margin-right: auto; margin-left: auto; }
	.careLast .lastBlock .blockTel .telInner .telMain .mainSub.subType1 .subCircle { margin-right: auto; margin-left: auto; }
}

@media screen and (max-width: 767px) {
	.careLast { max-width: 500px; border-radius: 5px; margin-bottom: 30px; }
	.careLast .lastInner { padding: calc( 5 / 290 * 100% ); }
	.careLast .lastBlock { padding: 10px 0 20px; }
	.careLast .lastBlock .blockNo { display: block; text-align: center; padding-right: calc( 15 / 280 * 100% ); padding-left: calc( 15 / 280 * 100% ); margin: 0 auto 10px; }
	.careLast .lastBlock .blockNo dt { display: inline-block; background-color: #ffffff; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; }
	.careLast .lastBlock .blockNo dt span:nth-child(1) { font-size: 1.6rem; padding-right: 10px; }
	.careLast .lastBlock .blockNo dt span:nth-child(2) { width: 40px; height: 40px; border-width: 1px; font-size: 2rem; }
	.careLast .lastBlock .blockNo dd { display: block; padding-right: 0; }
	.careLast .lastBlock .blockNo dd .noTitle { font-size: 2rem; line-height: 3rem; }
	.careLast .lastBlock .blockTxt { padding-right: calc( 15 / 280 * 100% ); padding-left: calc( 15 / 280 * 100% ); margin-bottom: 30px; }
	.careLast .lastBlock .blockTxt div { width: 100%; }
	.careLast .lastBlock .blockTxt div:nth-child(1) { display: none; }
	.careLast .lastBlock .blockTxt div:nth-child(3) { float: none; background: url(/special/rm_car/care/images/last_img3.gif) no-repeat left top; background-size: cover; padding-top: calc( 115 / 250 * 100% ); }
	.careLast .lastBlock .blockTxt div:nth-child(3) img { display: none; }
	.careLast .lastBlock .blockTxt p { float: none; width: 100%; font-size: 1.5rem; line-height: 2.5rem; text-align: justify; padding-top: 0; padding-bottom: 20px; }
	.careLast .lastBlock .blockTel .telTitle { background-size: 500px 7px; font-size: 1.6rem; line-height: 2rem; padding-bottom: 15px; margin-bottom: 15px; }
	.careLast .lastBlock .blockTel .telInner:not(:last-child) { margin-bottom: 30px; }
	.careLast .lastBlock .blockTel .telInner { padding-right: calc( 15 / 280 * 100% ); padding-left: calc( 15 / 280 * 100% ); }
	.careLast .lastBlock .blockTel .telInner .telMain { margin-bottom: 15px; }
	.careLast .lastBlock .blockTel .telInner .telMain .mainName { font-size: 1.2rem; line-height: 1.8rem; margin-bottom: 5px; }
	.careLast .lastBlock .blockTel .telInner .telMain .mainNumber { font-size: 2.6rem; margin-bottom: 8px; }
	.careLast .lastBlock .blockTel .telInner .telMain .mainSub { width: 86px; }
	.careLast .lastBlock .blockTel .telInner .telMain .mainSub .subCircle { width: 100%; height: auto; border-width: 2px; border-radius: 0; font-size: 1.4rem; padding: 2px; }
	.careLast .lastBlock .blockTel .telInner .telMain .mainSub.subType2 .subImg { display: none; }
	.careLast .lastBlock .blockTel .telInner .telAnn { font-size: 1.3rem; line-height: 1.8rem; }
	.careLast .lastBlock .blockTel .telInner .telAnn dt { width: 16px; }
	.careLast .lastBlock .blockTel .telInner .telSub { font-size: 1.3rem; line-height: 1.8rem; text-align: left; padding-left: 16px; }
	.careLast .lastWeb { padding: 15px calc( 15 / 280 * 100% ) 10px; }
	.careLast .lastWeb .webTitle { font-size: 1.5rem; text-align: left; margin-bottom: 15px; }
	.careLast .lastWeb .webTitle span { position: relative; display: inline-block; padding-left: 40px; }
	.careLast .lastWeb .webTitle span::before { width: 30px; height: 20px; }
	.careLast .lastWeb .webTxt { font-size: 1.5rem; line-height: 2.2rem; text-align: justify; margin-bottom: 15px; }
	.careLast .lastWeb .webBtn { max-width: 300px; }
	.careLast .lastWeb .webBtn .btnType1 a { font-size: 1.4rem; line-height: 2rem; padding: 14px; }
	.careLast .lastWeb .webBtn .btnType2 a { font-size: 1.4rem; line-height: 2rem; padding-right: 25px; }
	.careLast .lastWeb .webBtn .btnType2 a::before { top: 2px; right: 3px; width: 16px; height: 16px; }
	.careLast .lastWeb .webBtn .btnType2 a::after { top: 7px; right: 9px; width: 6px; height: 6px; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 careFrom 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.careFrom { max-width: 1100px; margin: 0 auto 30px; }
.careFrom .fromInner { background-color: #14655a; border: solid 12px #ffffff; border-radius: 15px; padding: 0 calc( 60 / 1100 * 100% ) calc( 45 / 1100 * 100% ); }
.careFrom .fromTitle { max-width: 400px; background-color: #ffffff; font-size: 2rem; line-height: 2rem; color: #14655a; font-weight: 700; text-align: center; padding: 10px 15px 6px; margin: 0 auto 30px; }
.careFrom .fromMain { overflow: hidden; }
.careFrom .fromMain .mainTxt { float: left; width: calc( 100% - 236px ); color: #ffffff; }
.careFrom .fromMain .mainTxt dt { font-size: 2.5em; line-height: 4rem; font-weight: 700; margin-bottom: 20px; }
.careFrom .fromMain .mainTxt dt span { display: inline-block; }
.careFrom .fromMain .mainTxt dd { font-size: 2.2rem; line-height: 3.6rem; }
.careFrom .fromMain .mainImg { float: right; width: 200px; }
.careFrom .fromMain .mainImg div { margin-bottom: 16px; }
.careFrom .fromMain .mainImg dl { line-height: 2.4rem; color: #ffffff; font-weight: 700; text-align: center; }
.careFrom .fromMain .mainImg dl dt { font-size: 1.5rem; }
.careFrom .fromMain .mainImg dl dd { font-size: 2rem; }

@media screen and (max-width: 1200px) {
	.careFrom .fromMain .mainTxt dt { font-size: 2rem; line-height: 3.2rem; margin-bottom: 15px; }
	.careFrom .fromMain .mainTxt dd { font-size: 1.8rem; line-height: 2.8rem; }
	.careFrom .fromMain .mainImg dl dt { font-size: 1.3rem; }
	.careFrom .fromMain .mainImg dl dd { font-size: 1.8rem; }
}

@media screen and (max-width: 767px) {
	.careFrom { overflow: hidden; max-width: 500px; margin-bottom: 30px; }
	.careFrom .fromInner { border-width: 5px; border-radius: 5px; padding: 0 calc( 15 / 290 * 100% ) calc( 15 / 290 * 100% ); }
	.careFrom .fromTitle { max-width: 200px; font-size: 1.4rem; padding: 5px 5px 3px; margin-bottom: 20px; }
	.careFrom .fromMain { margin-bottom: 0; }
	.careFrom .fromMain .mainTxt { float: none; width: 100%; margin-bottom: 15px; }
	.careFrom .fromMain .mainTxt dt { font-size: 1.8em; line-height: 2.8rem; text-align: center; margin-bottom: 10px; }
	.careFrom .fromMain .mainTxt dt br { display: none; }
	.careFrom .fromMain .mainTxt dd { font-size: 1.6rem; line-height: 2.4rem; text-align: justify; }
	.careFrom .fromMain .mainTxt dd sup { line-height: 2rem; }
	.careFrom .fromMain .mainImg { float: none; width: 150px; margin-right: auto; margin-left: auto; }
	.careFrom .fromMain .mainImg div { margin-bottom: 10px; }
	.careFrom .fromMain .mainImg dl { line-height: 2.2rem; }
	.careFrom .fromMain .mainImg dl dt { font-size: 1.4rem; }
	.careFrom .fromMain .mainImg dl dd { font-size: 1.8rem; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 footerBanner 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.footerBanner { overflow: hidden; max-width: 1100px; margin-right: auto; margin-left: auto; }
.footerBanner div { width: calc( 526 / 1100 * 100% ); }
.footerBanner div:nth-child(1) { float: left; }
.footerBanner div:nth-child(2) { float: right; }

@media screen and (max-width: 767px) {
	.footerBanner { max-width: 500px; }
	.footerBanner div { width: 100%; }
	.footerBanner div:nth-child(1) { float: none; margin-bottom: 30px; }
	.footerBanner div:nth-child(2) { float: none; }
}