@charset "UTF-8";
/*@import "/car-hanbai/m/smt/css/common.css";*/
/* ------------------------------------------------------------
	Zeroing out the margins and paddings
------------------------------------------------------------ */
*{
	margin: 0;
	padding: 0;
	border: 0;
	font-size:100%;
}
/* ------------------------------------------------------------
	HTML, Body, Anchor
------------------------------------------------------------ */
html {
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整OFF */
}

body {
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; /* iPhoneバンドル */
	font-size: 14px;
	color:#333333;
	line-height: 1.4;
}
/* ------------------------------------------------------------
	Forms
------------------------------------------------------------ */

input, textarea, select {
	padding:8px 3px;
	font-size: 114%;
	border: 1px solid #999999;
	vertical-align: middle;
	border-radius: 5px;
}
select {
	-webkit-appearance:none;
	padding: 6px 2em 6px 6px;
	font-size: 129%;
/*	padding: 6px;
	margin-bottom: 5px;
	border: 1px solid #999999;*/
	background: url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/pulldown_bg.png) right center no-repeat;
	background-size: auto 100%;
	border-radius: 3px;
}

label, button {cursor: pointer;}

textarea {
	padding: 8px;
	border: 1px solid #999999;
	overflow: auto;
	width: 90%;
	height: 3.5em;
}

input[type=text]{
	margin-bottom:5px;
	width:85%;
}
input[type=radio]{
	margin:-4px 5px 0 0;
}

fieldset {border: none;}

/* --- checkbox --- */
input[type=checkbox] {
	width: 20px;
	height: 20px;
}
/* --- radio --- */
input[type="radio"] {
	display:none;
}
input[type="radio"] + label {
	display: inline-block;
	width: 45vw;
	padding: 2vw 0 2vw 12vw;
	border: 1px solid #666;
	border-radius: 6px;
	color: #333;
	font-size: 131%;
	font-weight: bold;
	background: url(https://img.phoenix.webcrew.co.jp/13400/car-hanbai/m/smt/images/step/icon_radio_off.png) no-repeat left 3.7vw center, linear-gradient(to bottom,#fff 50%,#EEE 100%);
	background-size: 6.4vw auto, 100%;
	cursor:pointer;
	box-sizing: border-box;
}
input[type="radio"]:checked + label {
	background: url(https://img.phoenix.webcrew.co.jp/13400/car-hanbai/m/smt/images/step/icon_radio_on.png) no-repeat left 3.7vw center, linear-gradient(to bottom,#fff 50%,#EEE 100%);
	background-size: 6.4vw auto, 100%;
}

/* ------------------------------------------------------------
	other
------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
img {border: none; vertical-align: middle;}
em, strong {font-weight: bold; font-style: normal;}
table {border-collapse:collapse;}
mark {font-weight: bold;}
object {vertical-align: middle; outline: none;}
p {margin-bottom:10px;}
ul {list-style:none;}
a {color:#0066CC; -webkit-tap-highlight-color: rgba(00,33,99,0.1);}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.faceBold {font-weight:bold;}
.faceRed {color:#F00; font-weight:normal;}
.faceBoldRed {color:#F00; font-weight:bold;}
.faceBoldSiteColor {color:#1F661F; font-weight:bold;}
.note {
	margin-bottom:3px;
	color:#666666;
	font-size:77%;
	padding-left:1em;
	text-indent:-1em;
}
.attention {
    margin: 1% auto 3%;
    padding: 0 0 0 1em;
    box-sizing: border-box;
    width:95%;
	line-height: 1.4em;
	color: #666;
    font-size: 79%;
	text-indent: -1em;
	text-align: left;
}

ul.attention-list {
	padding:10px 0 1.5em;
}

ul.attention-list li {
	margin: 0 auto ;
	padding:0 0 0 2em;
	display:block;
	box-sizing: border-box;
	color: #666;
	font-size:79%;
	line-height: 1.5em;
	text-indent: -2em;
	text-align:left;
}
ul.attention-list li:last-child {
	padding-bottom: 0;
}


.partnerIntroduction .attention {
	width: 100%;
}
.qaBlock .attention {
	margin-top: 0;
	margin-bottom: 0;
	display: block;
	width: 100%;
}

/* ############################### リセットここまで(*ここより上、基本編集不可) ############################### */

/*---------------------------------------
#headerWrapper
----------------------------------------*/

#header {
	padding:0 10px;
	border-bottom:1px solid #77CB2B;
	overflow:hidden;
}

#header .logoGulliver {
	margin:17px 0 9px 0;
	float:right;
	font-size:72%;
}

#header .logoGulliver img {
	padding-left:3px;
}

#header .logoWc {
	margin:10px 0 10px 5px;
}

#header .logoWcg {
	margin:9px 5px 9px 0; float:right;
}

.mainArea {
	background: -webkit-linear-gradient(top, #FFF 0%, #E3FCC3 60%);
	background: linear-gradient(to bottom, #FFF 0%, #E3FCC3 60%);
}

.mainAreaIndent {
	background: url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo/header_bg_arrow.png) no-repeat center bottom;
	background-size: 119px 23px;
	-webkit-background-size: 119px 23px;
	min-height:307px;
}

.mainBox {
	position:relative;
	margin:0 auto;
	padding:5px 0 0;
	width:100%;
	max-width: 415px;
	text-align:center;
	min-height:244px;
	overflow: hidden;
	display: flex;
	flex-flow: column;
}
.mainBox h1 {
	margin:0 0 1%;
	position:relative;
	z-index:100;
}
.bannerArea {
	margin:0 auto 20px;
	width:300px;
}
.bannerArea img:hover {
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}


/* ------------------------------------------------------------
	.formArea
------------------------------------------------------------ */
.formArea {
	margin:8px 0;
	text-align:center;
}

.formArea p {
	margin:0;
	color:#333;
	font-size:107%;
	font-weight:bold;
}

.formArea p span {
	color:#F00;
}

/* ------------------------------------------------------------
	.distressBox
------------------------------------------------------------ */
.distressBox {
	position:relative;
	z-index:100;
	margin:0 auto -12px;
}
.distressBox img {
	width:100%;
}
.distressBlock {
	background-color:#FFF9EC;
}
.distressBlock ul {
	padding:15px 0 15px;
}
.distressBlock ul li{
	line-height:1.6;
	background:url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/icon_check.gif) no-repeat 10px 0;
	background-size:auto 18px;
	padding:0 18px 6px 36px;
}
.distressBlock ul li span {
	color:#FF841D;
	font-weight:bold;
}

/* ------------------------------------------------------------
	.introductionBlock
------------------------------------------------------------ */
.introductionBox h2 img {
	width:100%;
}
.introductionBlock {
	margin:0 0 5px;
	background-color:#EDF9E3;
	padding:15px 10px 10px;
}
.introductionBlock p em {
	color: #F24E00;
}
.introductionBlock img {
	display:block;
	margin:0 auto;
}
.introductionBlock h3 {
	margin:8px 0 10px;
	padding:7px 0 9px;
	background-color:#FFD75B;
	border-radius:3em;
	color:#FF5706;
	font-weight:bold;
	text-align:center;
	font-size:142%;
}
.introductionBlock p {
	line-height:2;
}
.introductionBlock p span {
	color:#F00;
	font-weight:bold;
}

/* ------------------------------------------------------------
	.withWarrantryBlock
------------------------------------------------------------ */
.withWarrantryBlock {
	margin:0 auto 25px;
	padding:0 5px;
}
.withWarrantryBlock .partnerIntroduction {
	margin-top:10px;
	padding:18px 15px;
	background:#E5F1F9;
	border-radius:3px;
	text-align:center;
}
.withWarrantryBlock .partnerIntroduction img {
	margin-bottom: 4%;
	width:41.8%;
	height: auto;
}
.withWarrantryBlock .partnerIntroduction p {
	margin-bottom: 3.3%;
	text-align:left;
	color: #666666;
	border-bottom: 1px solid #666666;
	padding-bottom: 3.3%;
}
.withWarrantryBlock .partnerIntroduction > div {
	color: #666666;
	text-align: left;
}
.withWarrantryBlock .partnerIntroduction .companyName {
	margin-bottom: 1.5%;
	display: flex;
	align-items: center;
}
.withWarrantryBlock .partnerIntroduction .companyName span {
	background-color: #FFFFFF;
	margin-right: 2.6%;
	padding: 1.3% 3.3% 1%;
}

/* ------------------------------------------------------------
	.threeStepBlock
------------------------------------------------------------ */
.threeStepBlock {
	margin:18px 0 20px;
}
.threeStepBlock h2 img {
	width:100%;
}
.threeStepBlock ol {
	margin:7px 10px;
	list-style-type:none;
}
.threeStepBlock ol li {
	position:relative;
	margin:0 0 15px;
	padding:15px 9px 15px 57px;
	background:#DEF4C6;
	border-radius:5px;
}
.threeStepBlock ol li:after {
	content:"";
	position:absolute;
	bottom:-30px;
	left:50%;
	display:block;
	margin:0 0 0 -18px;
	height:0;
	width:0;
	border-top:15px solid #DEF4C6;
	border-bottom:15px solid transparent;
	border-left:19px solid transparent;
	border-right:19px solid transparent;
}
.threeStepBlock ol li img {
	position:absolute;
	top:50%;
	left:10px;
	margin-top:-19px;
}
.threeStepBlock ol li span {
	font-weight:bold;
	font-size:114%;
	display:block;
}
.stepFinished {
	margin:6px 10px 0;
	overflow:hidden;
}
.stepFinished h3 {
	margin:0 0 5px;
	font-size:121%;
	font-weight:bold;
	color:#5EAB26;
	text-align:center;
}
.stepFinished img {
	float:left;
}
.stepFinished p {
	margin-top:15px;
	font-weight:bold;
}


/*---------------------------------------
.qaArea
----------------------------------------*/
.qaArea {
	margin:0 0 20px;
	border-bottom:1px solid #AAA;
}
.qaArea h2 {
	padding:14px;
	background-color:#FFC926;
	text-align:center;
}
.qaArea .qaBlock .subTitle {
	padding:12px 10px;
	border-top:1px solid #AAA;
	border-bottom:1px solid #FFF;
	background: -webkit-linear-gradient(top, #FFF 0%, #E1E1E1 100%);
	background: linear-gradient(to bottom, #FFF 0%, #E1E1E1 100%);
	cursor:pointer;
}
.qaArea .qaBlock .subTitle h3 {
	padding:0 33px 0 29px;
	background:url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/icon_q.gif) no-repeat 0 center, url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/icon_down.gif) no-repeat right center;
	background-size:15px auto, 17px auto;
}
.qaArea .qaBlock.show .subTitle h3 {
	background:url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/icon_q.gif) no-repeat 0 center, url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/icon_up.gif) no-repeat right center;
	background-size:15px auto, 17px auto;
}
.qaArea .qaBlock p {
	padding:10px 10px 0;
	line-height:1.6;
}
.qaArea .qaBlock p span {
	font-size:79%;
}
/*---------------------------------------
.traderArea
----------------------------------------*/
.traderArea {
	margin:15px 0 20px;
	padding:5px;
	background:#77CB2B;
}

.traderArea h2 {
	margin:0 0 2px;
	text-align:center;
}

.traderArea .traderBox {
	padding:10px;
	border-radius:7px;
	background:#FFF;
}

.traderArea .gulliver {
	margin:0 0 9px;
	padding:0 0 10px;
	border-bottom:1px dotted #77CB2B;
	text-align:center;
}

.traderArea p {
	color:#1F1F1F;
	line-height:150%;
	font-size:92%;
}

.traderArea .attention {
	margin:0 0 12px;
}

.traderArea .attention li {
	text-indent:-1em;
	padding:0 0 0 1em;
	line-height:120%;
	color:#666;
	font-size:85%;
}

.traderArea .serviceList {
	text-align:center;
}

.traderArea .serviceList li {
	margin:0 14px 0 0;
	padding:66px 0 0;
	width:87px;
	display:inline-block;
	vertical-align:top;
	color:#62A723;
	font-size:77%;
	text-align:left;
}

.traderArea .serviceList li span{
	font-size:70%;
}

.traderArea .serviceList li.certification {
	background:url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/partnering_trader_support_01.gif) no-repeat 0 0;
	background-size:88px 62px;
	-webkit- background-size:87px 62px;
}

.traderArea .serviceList li.noRepair {
	background:url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/partnering_trader_support_02.gif) no-repeat 0 0;
	background-size:88px 62px;
	-webkit- background-size:87px 62px;
}

.traderArea .serviceList li.return {
	margin-right:0;
	background:url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/partnering_trader_support_03.gif) no-repeat 0 0;
	background-size:88px 62px;
	-webkit- background-size:87px 62px;
}

/* ------------------------------------------------------------
.stepArea
------------------------------------------------------------ */
.stepAreaTitle{
	text-align: center;
	font-size: 114%;
	color: #333333;
	font-weight: 600;
}
.stepAreaTitle-accent{
	color: #FF671A;
}
.stepAreaTitle-accent-exclamation{
	margin:0 0.5% 0 -1%;
	color: #FF671A;
}
.stepArea {
	margin:0 0 12px;
	padding:5px 5px 5px;
	border-radius:5px 5px 0 0;
	background:#FF671A;
}

.stepArea h3 {
	margin:0 0 17px;
	text-align:center;
}
.stepArea h3 img {
	width: 95%;
}

.stepAreaIndent {
	padding:5px;
	background:#FFF;
}

.stepAreaIndent .button + h2 {
	margin: 5% 0 0;
	padding:0 8%;
	font-size:92%;
	font-weight: bold;
}
.stepAreaIndent .button + h2 + ul {
	margin: 0 0 5%;
	padding:0 8%;
	font-size:92%;
}
.stepAreaIndent .button + h2 + ul li > span > input[type=checkbox] {
	width:18px;
	height: 18px;
}
.stepAreaIndent .button + h2 + ul li > span > label span {
	font-weight:normal !important;
} 

.carInfoAreaIndent{
	margin:0 0 30px;
}

.carInfoAreaIndent .itemTitle {
	padding:16px 12px;
	border-top:1px solid #BCBCBC;
	border-right:1px solid #BCBCBC;
	border-left:1px solid #BCBCBC;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #D9D9D9), color-stop(0.00, #F7F7F7));
	background: -webkit-linear-gradient(#F7F7F7, #D9D9D9);
	background: -moz-linear-gradient(#F7F7F7, #D9D9D9);
	background: -o-linear-gradient(#F7F7F7, #D9D9D9);
	background: -ms-linear-gradient(#F7F7F7, #D9D9D9);
	background: linear-gradient(#F7F7F7, #D9D9D9);
	font-size:114%;
	font-weight:bold;
}

.carInfoAreaIndent .itemTitle.piacere:before {
	content:"任意";
	margin:2px 0 0 0.5em;
	border:1px solid #0177CC;
	width:2.8em;
	display:inline-block;
	box-sizing:border-box;
	color:#0177CC;
	background:#FFF;
	font-size:77%;
	text-align:center;
	vertical-align:top;
}

.carInfoAreaIndent .itemTitle img {
	margin:0 0 0 5px;
	vertical-align:-3px;
}

.carInfoAreaIndent .itemTitle span.attention {
	color:#777;
	font-size:92%;
}

.active{
	border-bottom: 1px solid #BCBCBC;
}
 
.carInfoAreaIndent .itemTitle span.openClose {
	margin:4px 5px 0 0;
	width:12px;
	height:12px;
	float:left;
	display:inline-block;
	background: url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo/icon_acordion_plus.gif) no-repeat left top;
	background-size:12px 12px;
	text-indent: -9999em;
}

.carInfoAreaIndent .active span.openClose {
	width:12px;
	height:12px;
	background: url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo/icon_acordion_minus.gif) no-repeat left top;
	background-size:12px 12px;
}

.stepArea .contentsRule {
	padding:0 2% 10px;
	text-align:left;
}

.stepArea .button {
	text-align:center;
}

.stepArea .point {
	width:100%;
}

.stepArea .point ul {
	border-left:1px solid #BCBCBC; 
	overflow:hidden;
}

.stepArea .point ul li {
	width:50%;
	float:left;
}

.stepArea .point ul li span.checked{
    background-color:#FED994;
}

.stepArea .point ul li span{
	margin: 0px;
	padding:9px 7px;
	border-right:1px solid #BCBCBC; 
	border-bottom:1px solid #BCBCBC; 
	display: block;
}

.stepArea .point ul li span input {
	margin-right:0.3em;
	vertical-align:middle;
}

.stepArea .point ul li span input[type='checkbox']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	position: absolute;
}

.stepArea .point ul li.lastItem span {
	border-bottom:none;
}

.stepArea .point ul li.lastItemBlank span {
	border-bottom:none;
	height:15px;
}

.stepArea .point .cbxbd{
	background:url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo/icon_check.gif) no-repeat left top;
	height:15px;
	line-height:15px;
	display: block;
	padding: 0 0 0 18px;
	overflow: hidden;
}

.stepArea .point .checkOn{background-position:left bottom;}

.stepArea .carInfoArea .cancelBtn span {
	margin:0 0 14px;
	padding:0 0 0 17px;
	background:url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo/icon_hopecar_plus.gif) no-repeat 0 center;
	background-size:15px 15px;
	display:inline-block;
	color:#0077CC;
	font-weight:bold;
}

.stepArea .carInfoArea .cancelBtn span.areaClose  {
	background:url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo/icon_hopecar_minus.gif) no-repeat 0 center;
	background-size:15px 15px;
}

.stepArea .carType,
.stepArea .bodyType,
.stepArea .modelYear,
.stepArea .price {
	padding:3px 0 12px;
}

.stepArea .carType select {
	margin:0 0 1em;
	width:47%;
	font-size:116%;
}

.stepArea .carType select#maker_id,
.stepArea .carType select#maker_id_2,
.stepArea .carType select#maker_id_3 {
	margin-right:0.8em;
	vertical-align:bottom;
}

.stepArea .bodyType select,
.stepArea .modelYear select {
	width:75%;
}

.stepArea .price select {
	width:45%;
	font-size:116%;
}

.stepArea h4 {
	margin:0 0 5px;
	padding:5px 0;
	background:#FFC7AC;
	font-size:122%;
	font-weight:bold;
	text-align:center;
}

.stepArea h4 img {
	margin:0 0 0 5px;
	vertical-align:bottom;
}
.stepArea h4 + div {
	padding:0 0 .5em;
	color:#555;
	font-size: 85%;
}
.stepArea h4 + div em {
	color:#F00;
	font-size:79%;
}

.serviceAttention {
	margin: 0 auto 6.6%;
	box-sizing: border-box;
	width: 97%;
	line-height: 1.4em;
	color: #666;
	text-indent: -1em;
	text-align: left;
}
.serviceAttention p {
	margin: 1% 0;
	padding: 0 0 0 1.8em;
	box-sizing: border-box;
	width: 100%;
	line-height: 1.4em;
	color: #666;
	font-size: 85%;
	text-indent: -1.8em;
	text-align: left;
}
.serviceAttention p:last-child {
	margin-bottom: 0;
}
.maincatch {
	margin-bottom: 3.3%;
	text-align: center;
}
.maincatch h2 {
	margin-bottom: 2.5%;
	font-weight: bold;
  font-size: 107%;
}
.maincatch h2 em {
	color: #F15A24;
}
.maincatch img {
	width: 33.8%;
	height: auto;
}
.distressArea {
	margin-bottom: 2.6%;
	background-color: #DCF4C6;
	padding: 3.3% 2% 2%;
}
.distressArea .distress_01,
.distressArea .distress_02 {
	text-align: center;
	color: #4C8D00;
	font-weight: bold;
	font-size: 129%;
}
.distressArea .distress_01 {
	margin: 0 auto 2.6%;
	width: 89%;
	border-bottom: 2px solid #FFFFFF;
	padding-bottom: 2.6%;
}
.distressArea .distress_02 {
	margin-bottom: 10.6%;
}
.distressArea p {
	margin-bottom: 0;
	position: relative;
	padding: 4% 4.6%;
	color: #000000;
	background-color: #FFFFFF;
	line-height: 1.6;
}
.distressArea p em {
	color: #F15A24;
	font-weight: bold;
}
.distressArea p img {
	position: absolute;
	top: -7vw;
	left: 0;
	right: 0;
	margin: auto;
	width: 53.09%;
	height: auto;
}
.serviceFlowArea {
	margin:20px 0 6.6% 0;	
}
.serviceFlowArea h3 {
	background:#72D033;
	padding:10px 0;
	border-radius:5px 5px 0 0;
}
.serviceFlowArea h3 img {
	width:70%;
	display:block;
	margin:0 auto;
}
.serviceFlowArea ol {
	width:100%;
	box-sizing:border-box;
	background:#D8F2C6;
	padding:8px;
	list-style:none
}
.serviceFlowArea li {
    position:relative;
    box-sizing:border-box;
	width:100%;
	height:55px;
	margin:0 0 10px 0;
	padding:0 33% 0 36px;
	border-radius:5px;	
	display:flex;
    align-items:center;
    flex-wrap:wrap;
}
.serviceFlowArea li.flow01 {
	background-image:
	url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/service_flow_num_01.gif),
	url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/service_flow_img_01.gif);
}
.serviceFlowArea li.flow02 {
	background-image:
	url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/service_flow_num_02.gif),
	url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/service_flow_img_02.gif);
}
.serviceFlowArea li.flow03 {
	background-image:
	url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/service_flow_num_03.gif),
	url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/service_flow_img_03.gif);
}
.serviceFlowArea li.flow04 {
	background-image:
	url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/service_flow_num_04.gif),
	url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/service_flow_img_04.gif);
	height:65px;
	margin-bottom:0;
}
.serviceFlowArea li {
	background:#FFF;
	background-repeat:
	no-repeat,
	no-repeat;
	background-position:
	5px center,
	right center;
	background-size:
	27px,
	contain
}
.serviceFlowArea li strong {
	color:#FF9933;
	margin-bottom:-7px;
	margin-right:10px;
	display:block;
}
.serviceFlowArea li:after {
	box-sizing:border-box;
	border-top: 10px solid #FFF;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -20px;
}
.serviceFlowArea li.flow04:after {
	display:none;
}
.voiceArea {
	overflow: hidden;
}
.voiceArea .voiceTitle {
	padding: 3.3% 0;
	background-color: #5EAB26;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 129%;
}
.voiceArea .voiceBlock {
	padding: 2vw;
	background: #DCF4C6;
	position: relative;
}
.voiceArea .voiceBlock ul {
	padding: 0 4.2vw;
	background-color: #fff;
}
.voiceArea .voiceBlock ul li {
	padding: 4vw 0;
}
.voiceArea .voiceBlock ul li + li {
	border-top: 1px solid #666;
}
.voiceArea .voiceBlock li:nth-child(n + 3) {
	display: none;
}
.voiceArea .voiceBlock li p {
	margin-bottom: 0;
}
.voiceArea .voiceBlock li span {
	padding-top: 1vw;
	display: block;
	color: #666;
	font-size: 92%;
}
.voiceArea .voiceBlock .voiceMore {
	width: 100%;
	display: block;
	background-color: #fff;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	position: absolute;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	bottom: 0;
}
.voiceArea .voiceBlock .voiceMore:before {
	content: "";
	display: block;
	position: absolute;
	top: -10vw;
	left: -7vw;
	width: 110vw;
	height: 16vw;
	background: -webkit-linear-gradient(
		top,
		rgba(255, 255, 255, 0) 0,
		rgba(255, 255, 255, 0.9) 50%,
		#fff 50%,
		#fff 100%
	);
	background: linear-gradient(
		top,
		rgba(255, 255, 255, 0) 0,
		rgba(255, 255, 255, 0.9) 50%,
		#fff 50%,
		#fff 100%
	);
	z-index: -1;
}
.voiceArea .voiceBlock .voiceMore span:before {
	content: "";
	display: inline-block;
	margin-right: 1.8vw;
	width: 4.1vw;
	height: 2.8vw;
	background-image: url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/nextage/voice_icon_down.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
}
.voiceArea .voiceBlock .voiceMore span {
	display: block;
	padding: 5vw 0;
	text-align: center;
	color: #0077CC;
}
.faqArea {
	margin-bottom: 6.6%;
}
.faqArea .mainTitle {
	padding: 3.3% 0;
	background-color: #5EAB26;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 129%;
}
.faqArea .subTitle {
	padding: 2.5% 0 3.5%;
  position: relative;
	background-color: #FFFFFF;
	filter: drop-shadow(0 2px 2px rgba(52,89,17,.5));
	text-align: center;
}
.faqArea .subTitle .subTitleFirst {
	display: flex;
	align-items: end;
	justify-content: center;
	margin-bottom: 2%;
}
.faqArea .subTitle .subTitleFirst .marginBottom {
	margin-bottom: -1%;
}
.faqArea .subTitle img {
	width: 37.8%;
	height: auto;
	margin-right: 2%;
}
.faqArea .subTitle span {
  color: #333333;
	font-weight: bold;
	font-size: 129%;
}
.faqArea .subTitle:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2.5vw 1.7vw 0 1.7vw;
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	bottom: -2.3vw;
	left: 0;
	right: 0;
	margin: auto;
}
.faqArea ul.faqWrap {
	background: #DCF4C6;
	padding: 3.2vw 2vw 2.9vw;
}
.faqArea ul.faqWrap li {
	margin-bottom: 2%;
	background: #ffffff;
}
.faqArea ul.faqWrap li .questionImage {
	display: flex;
	justify-content: space-between;
	padding: 4vw 12.5vw 4vw 4.2vw;
	background-image: url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/nextage/faq_icon_plus.png);
	background-size: 5.3vw auto;
	background-repeat: no-repeat;
	background-position: right 4vw center;
}
.faqArea ul.faqWrap li .questionImage.open {
	background-image: url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/nextage/faq_icon_minus.png);
}
.faqArea ul.faqWrap li .questionImage .image {
	width: 14.6vw;
}
.faqArea ul.faqWrap li .questionImage img {
	width: 100%;
	height: auto;
}
.faqArea ul.faqWrap li .questionImage .balloon {
	display: flex;
	align-items: center;
	width: 60vw;
	padding: 2.4vw 4vw;
	min-height: 14.6vw;
	border: 1px solid #CCC;
	position: relative;
	box-sizing: border-box;
}
.faqArea ul.faqWrap li .questionImage .balloon:before,
.faqArea ul.faqWrap li .questionImage .balloon:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	border-style: solid;
}
.faqArea ul.faqWrap li .questionImage .balloon:before {
	left: -11px;
	border-width: 8px 11px 8px 0;
	border-color: transparent #fff transparent transparent;
	z-index: 2;
}
.faqArea ul.faqWrap li .questionImage .balloon:after {
	left: -13px;
	border-width: 10px 13px 10px 0;
	border-color: transparent #ccc transparent transparent;
	z-index: 1;
}
.faqArea ul.faqWrap li .questionDetail {
	display: none;
	padding: 0 4.2vw 3.4vw;
}
.faqArea ul.faqWrap li .faq {
	padding-top: 10px;
}
.faqArea ul.faqWrap li .question {
	margin-bottom: 4.6%;
	color: #333333;
	font-weight: bold;
	font-size: 107%;
	position: relative;
	padding-left: 12%;
}
.faqArea ul.faqWrap li .question:before {
	content: "Q";
	font-size: 144%;
	width: 8vw;
	height: 8vw;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #5EAB26;
	position: absolute;
	top: 4px;
	left: 0;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.faqArea ul.faqWrap li .answer {
	position: relative;
	color: #333333;
	padding-left: 9.6%;
}
.faqArea ul.faqWrap li .answer:before {
	content: "A";
	font-size: 107%;
	width: 6vw;
	height: 6vw;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FBB03B;
	position: absolute;
	top: 0.5vw;
	left: 0;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 0.3vw;
	box-sizing: border-box;
}
.faqArea .warrantyImg {
	padding-top: 3vw;
	margin-bottom: 5.3%;
	text-align: center;
}
.faqArea .warrantyImg img {
	width: 100%;
	height: auto;
}
.faqArea .attention {
	margin: 0 auto;
	width: 100%;
	padding: 0;
	font-size: 85%;
}
.faqArea .attention li {
	padding: 0 0 0 1.8em;
	margin-bottom: 1.3%;
	text-indent: -1.8em;
	color: #666666;
}
.faqArea .attention li:last-child {
	margin-bottom: 0;
}
.carInfoArea dl dt,
.userInfoArea dl dt{
	margin:0 0 5px;
	padding:0 0 0 3px;
	font-weight:bold;
}

.carInfoArea dl dt.must:before,
.userInfoArea dl dt.must:before {
	content:"必須";
	margin:2px .2em 0 0;
	width:2.8em;
	display:inline-block;
	box-sizing:border-box;
	color:#FFF;
	background:#F00;
	font-size:88%;
	text-align:center;
	vertical-align:top;
}

.carInfoArea dl dd.recitalArea textarea {
	padding:8px 5px;
	width:95%;
	/*height:160px;*/
	line-height:1.5em;
	color:#333333;
}

.carInfoArea dl dt span.textCount {
	color:#FF0000;
}

.carInfoArea .hopeCarArea span:before,
.carInfoArea dl dt.piacere:before {
	content:"任意";
	margin:2px .2em 0 0;
	border:1px solid #333;
	width:2.8em;
	display:inline-block;
	box-sizing:border-box;
	color:#555;
	background:#FFF;
	font-size:88%;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
}

.carInfoArea dl dt.ok:before,
.userInfoArea dl dt.ok:before {
	content:"OK";
	margin:2px 0 0 00;
	width:2.8em;
	display:inline-block;
	box-sizing:border-box;
	color:#FFF;
	background:#77D326;
	font-size:88%;
	text-align:center;
	vertical-align:top;
}

.carInfoArea .hopeCarArea span:before {
	margin-bottom: 8px;
}

.carInfoArea .tradeIn {
	padding-bottom: 5vw;
	display: flex;
	justify-content: space-between;
}

.userInfoArea dl dt img {
	margin:0 0 0 5px;
	vertical-align:-3px;
}

.userInfoArea dl dd {
	margin:0 0 25px;
}

.userInfoArea dd.userName span {
	width:2.1em;
	display:inline-block;
	*display:inline;
	*zoom:1;
	color:#6E6E6E;
	font-size:85%;
	font-weight:bold;
}
ul.campaignGuide {
	font-size:92%;
}

ul.campaignGuide li {
	padding:0 0 0 1em;
	text-indent:-1em;
}

ul.campaignGuide li em {
	color:#FF0000;
	font-weight:normal;
}

.userInfoArea #name_kanji_1, 
.userInfoArea #name_kanji_2 {
	margin-right:4px;
    vertical-align: middle;
    width:97%;
}

.userInfoArea #campaign_zip_1 {
	width:48%;
}

.userInfoArea #tel,
.userInfoArea #email_1,
.userInfoArea #campaign_address,
.userInfoArea #campaign_value,
.userInfoArea #sms_pass {
	width:97%;
}

.userInfoArea dl dt span.textCount {
	color:#FF0000;
}


.stepArea .stepButton {
	text-align:center;
}

.stepArea .stepButton input {
	border:none;
	width:265px;
	height:auto;
}

#disp_address {
	padding: 2% 0 0 0;
	font-size: 85%;
}

/* ------------------------------------------------------------
	.freePhoneArea
------------------------------------------------------------ */
.freePhoneArea {
	margin:15px 0 8px;
}

.freePhoneBox {
	padding:6px 3px 3px;
	background:#FF8D35;
	color:#878787;
}

.freePhoneBox .freePhoneTitle {
	margin:0 0 5px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}

.freePhoneBox .freePhoneBoxIndent {
	padding: 5px 14px 4px 12px;
	font-size:72%;
	text-align: center;
	background:#FFF;
}

.freePhoneBox .freePhoneBoxIndent img {
	margin-bottom:5px;
}

/* ------------------------------------------------------------
	#iso
------------------------------------------------------------ */
#iso {
	padding: 10px 10px 10px 145px;
	min-height: 80px;
	border-bottom: 1px solid #CCC;
	background: url(https://p1-a392e26b.imageflux.jp/images/logo_ISMS.png) no-repeat 10px center;
	background-size: 120px;
	-webkit- background-size:120px;
}
#iso h2 {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 85%;
}

#iso p {
	margin: 0;
	padding: 0;
	font-size: 77%;
	line-height: 1.6em;
}

/* ------------------------------------------------------------
	Footer
------------------------------------------------------------ */
/* -----footerMenu----- */

#footer {
	margin:0 0 28px;
}

#footer .footerMenu li {
	display: block;
	text-decoration:none;
	border-top: 1px solid #CCCCCC;
}

#footer .footerMenu li:nth-last-of-type(1) {
	border-bottom: 1px solid #CCCCCC;
}

#footer .footerMenu li a {
	padding: 15px 10px;
	display: block;
	font-size: 107%;
	text-decoration: none;
	color: #0066CC;
	background: url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/icon_arrow_pc.png) right center no-repeat;
	background-size: 46px 19px;
}


#content .mypageBox p {padding: 10px 0; font-size: 107%;}


.footerLog {
	margin:14px 0;
	text-align:center;
}

/* Copyright
------------------------------------------------- */
#copyright {
	padding: 10px 0;
	font-size: 85%;
	text-align: center;
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EFEFEF), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #EFEFEF);
	background: -moz-linear-gradient(#fff, #EFEFEF);
	background: -o-linear-gradient(#fff, #EFEFEF);
	background: -ms-linear-gradient(#fff, #EFEFEF);
	background: linear-gradient(#fff, #EFEFEF);
}

/* Noscript Message
-----der-------------------------------------------- */
p#msgNoscript {
	padding: 5px 0;
	border-top: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	background: #FFCCCC;
	z-index: 9999;
	opacity: 0.7;
	text-align: center;
	line-height: 1.2;
	color: #FF0000;
	height: -12px;
}


/*-----------------------------------*/
/*step組み込み用　ポップアップ
/*-----------------------------------*/
.campaignArea {
    display:none;
}

.customerCampaignArea {
    display:none;
}

.customerCampaignAreaInner {
	margin:0 0 25px;
	padding:0.5em 1em;
	background:#FFFEDD;
}

.customerCampaignAreaInner dd {
	margin-bottom:0 !important;
}

.userInfoArea h5 {
	padding:2px 7px;
	background:#FFE8DD;
	font-weight:bold;
} 


/*jquery alert------------------------------------------------*/

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background:url(http://img.phoenix.webcrew.co.jp/13400/images/promo/alert_title.gif) #CCC repeat-x 0 0;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	/*background: url(http://img-dev.phoenix.webcrew.co.jp/13400/images/promo/info.gif) no-repeat 16px 16px;*/
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background: url(http://img.phoenix.webcrew.co.jp/13400/images/promo/alert_important.gif) no-repeat 16px 16px;
}

#popup_content.confirm {
	background: url(http://img.phoenix.webcrew.co.jp/13400/images/promo/alert_important.gif) no-repeat 16px 16px;
}

#popup_content.prompt {
	/*background-image: url(http://img-dev.phoenix.webcrew.co.jp/13400/images/promo/help.gif);*/
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}


/*-----------------------------------*/
/*ぷるぷるボタン
/*-----------------------------------*/

.button,
.button_submit {
	padding:0 2.5%;
	box-sizing:border-box;
	width:100%;
	position:relative;
}
.button a,
.button_submit a {
	position:relative;
	opacity:0;
	z-index:5;
}
.button a img,
.button_submit a img {
	width:100%;
	height:auto;
}
.buttonAnime {
	background:url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/button_start.gif) no-repeat center bottom;
	background-size:100%;
	width:92.8%;
	position:absolute;
	bottom:6%;
	left:3.6%;
	z-index:1;
}
.button_submit .buttonAnime {
	background:url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/button_start.png) no-repeat center bottom;
	background-size:100%;
	width:92.8%;
	position:absolute;
	top:0;
	bottom: auto;
	left:3.6%;
	z-index:1;
}
.buttonAnime img {
	width:100%;
	height: auto;
}
.formArea {
	position:relative;
}
.formArea a {
	margin:0 auto;
	display:block;
	width:95%;
	position:relative;
	z-index:5;
	opacity:0;
}
.formArea a img {
	width:100%;
}
.buttonAnime img {
	-moz-animation-name:start;
	-moz-animation-duration:3.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count:infinite;
	-webkit-animation-name:start;
	-webkit-animation-duration:3.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name:cstart;
	-o-animation-duration:3.5s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count:infinite;
	-ms-animation-name:start;
	-ms-animation-duration:3.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count:infinite;
}
@keyframes start {
	0% {transform:scale(1.0);opacity:1;}
	8% {transform:scale(1.0);opacity:1;}
	12% {transform:scale(1.2);opacity:1;}
	16% {transform:scale(0.9) ;opacity:1;}
	20% {transform:scale(1.0) ;opacity:1;}
	100% {transform:scale(1.0) ;opacity:1;}
}
@-moz-keyframes start {
	0% {transform:scale(1.0);opacity:1;}
	8% {transform:scale(1.0);opacity:1;}
	12% {transform:scale(1.2);opacity:1;}
	16% {transform:scale(0.9) ;opacity:1;}
	20% {transform:scale(1.0) ;opacity:1;}
	100% {transform:scale(1.0) ;opacity:1;}
}
@-webkit-keyframes start {
	0% {transform:scale(1.0);opacity:1;}
	8% {transform:scale(1.0);opacity:1;}
	12% {transform:scale(1.2);opacity:1;}
	16% {transform:scale(0.9) ;opacity:1;}
	20% {transform:scale(1.0) ;opacity:1;}
	100% {transform:scale(1.0) ;opacity:1;}
}
@-o-keyframes start {
	0% {transform:scale(1.0);opacity:1;}
	8% {transform:scale(1.0);opacity:1;}
	12% {transform:scale(1.2);opacity:1;}
	16% {transform:scale(0.9) ;opacity:1;}
	20% {transform:scale(1.0) ;opacity:1;}
	100% {transform:scale(1.0) ;opacity:1;}
}
@-ms-keyframes start {
	0% {transform:scale(1.0);opacity:1;}
	8% {transform:scale(1.0);opacity:1;}
	12% {transform:scale(1.2);opacity:1;}
	16% {transform:scale(0.9) ;opacity:1;}
	20% {transform:scale(1.0) ;opacity:1;}
	100% {transform:scale(1.0) ;opacity:1;}
}
.buttonAnime {
	animation-name:button;
	animation-duration:3.5s;
	animation-timing-function: ease;
	animation-iteration-count:infinite;
	transform:scale(1.0);
	transform-origin:center bottom;
	
	-moz-animation-name:button;
	-moz-animation-duration:3.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count:infinite;
	-moz-transform:scale(1.0);
	-moz-transform-origin:center bottom;
	
	-webkit-animation-name:button;
	-webkit-animation-duration:3.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform:scale(1.0);
	-webkit-transform-origin:center bottom;
	
	-o-animation-name:button;
	-o-animation-duration:3.5s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count:infinite;
	-o-transform:scale(1.0);
	-o-transform-origin:center bottom;
	
	-ms-animation-name:button;
	-ms-animation-duration:3.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count:infinite;
	-ms-transform:scale(1.0);
	-ms-transform-origin:center bottom;
}

@keyframes button{
	28% {transform:skew(0deg);transform:skew(0deg);}
	32% {transform:skew(10deg);transform:skew(10deg);}
	36% {transform:skew(-10deg);transform:skew(-10deg);}
	40% {transform:skew(5deg);transform:skew(5deg);}
	44% {transform:skew(-5deg);transform:skew(-5deg);}
	48% {transform:skew(0deg);transform:skew(0deg);}
}
@-moz-keyframes button {
	28% {transform:skew(0deg);transform:skew(0deg);}
	32% {transform:skew(10deg);transform:skew(10deg);}
	36% {transform:skew(-10deg);transform:skew(-10deg);}
	40% {transform:skew(5deg);transform:skew(5deg);}
	44% {transform:skew(-5deg);transform:skew(-5deg);}
	48% {transform:skew(0deg);transform:skew(0deg);}
}
@-webkit-keyframes button{
	28% {transform:skew(0deg);transform:skew(0deg);}
	32% {transform:skew(10deg);transform:skew(10deg);}
	36% {transform:skew(-10deg);transform:skew(-10deg);}
	40% {transform:skew(5deg);transform:skew(5deg);}
	44% {transform:skew(-5deg);transform:skew(-5deg);}
	48% {transform:skew(0deg);transform:skew(0deg);}
}
@-o-keyframes button {
	28% {transform:skew(0deg);transform:skew(0deg);}
	32% {transform:skew(10deg);transform:skew(10deg);}
	36% {transform:skew(-10deg);transform:skew(-10deg);}
	40% {transform:skew(5deg);transform:skew(5deg);}
	44% {transform:skew(-5deg);transform:skew(-5deg);}
	48% {transform:skew(0deg);transform:skew(0deg);}
}
@-ms-keyframes button {
	28% {transform:skew(0deg);transform:skew(0deg);}
	32% {transform:skew(10deg);transform:skew(10deg);}
	36% {transform:skew(-10deg);transform:skew(-10deg);}
	40% {transform:skew(5deg);transform:skew(5deg);}
	44% {transform:skew(-5deg);transform:skew(-5deg);}
	48% {transform:skew(0deg);transform:skew(0deg);}
}

/*---------------------------------------
.campaign-banner
----------------------------------------*/
.campaign-banner {
	margin: 0 auto;
	padding:20px 0 0;
	width: 95%;
	line-height: 1;
}
.campaign-banner img {
	width: 100%;
	height: auto;
}

.enq-info {
	margin: 0 auto 15px;
	padding: 9px 0 7px;
	width: 95%;
	color:#FFF; 
	background:#1A4800;
	text-align: center;
	font-size:100%;
	font-weight: bold;
}

.enq-info em {
	color:#FFFF00;
}

/* sms */
.smsInputDl {
	display: none;
}
.flowText {
	margin-bottom: 2%;
	color: #666;
}
.smsInput {
	width: 80%;
	margin: auto;
	padding-bottom: 4%;
}
.smsInput .smsBtn {
	padding: 0;
	border: none;
	border-radius: 0;
}
/* b */
.smsInputArea {
	display: none;
	margin-top: -14px;
}
.smsInputArea .smsText {
	color: #457F14;
	margin-bottom: 1%;
}
.smsInputArea .questionText {
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 6%;
}
.smsInputArea .smsBtnBox::after {
	content: '';
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #73d12e;
	display: block;
	margin: 3% auto;
}
.smsInputArea .smsBtn {
	width: 60%;
	display: block;
	margin: auto;
}
.userInfoArea .smsInputBox {
	width: 80%;
	padding-bottom: 8%;
	margin: auto;
}
.userInfoArea .smsInputBox dl {
	width: 100%;
	text-align: center;
}
.userInfoArea .smsInputBox dl * {
	box-sizing: border-box;
}
.userInfoArea .smsInputBox dl dt,
.userInfoArea .smsInputBox dl dd {
	display: inline-block;
	vertical-align: middle;
}
.userInfoArea .smsInputBox dl dt {
	margin-bottom: 0;
}
.userInfoArea .smsInputBox dl dd {
	width: 50%;
	margin-bottom: 0;
}
.smsInputBox .questionText {
	margin-top: 0;
}
.smsInputBox .descriptionModalMsg .closeBtn {
	top: -3%;
}


/*modal */
.questionText {
	color: #07c;
	text-decoration: none;
	display: inline-block;
	padding-left: 1.6em;
	margin-top: 2%;
	background: url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/promo02/icon_question_circle.png) left center no-repeat;
	background-size: auto 1.3em;
	font-size: 100%;
	font-weight: bold;
}
.descriptionModalMsg {
	display: none;
	position: fixed;
	width: 83%;
	z-index: 10001;
}
.descriptionModalMsg .closeBtn {
	width: 10%;
	position: absolute;
	top: -6%;
	right: -4%;
}
.descriptionModalMsg .inner {
	overflow: hidden;
	background-color: #fff;
	border-radius: 5px;
}
.descriptionModalMsg .inner .text {
	display: block;
	padding: 3% 5%;
	margin-bottom: 0;
	line-height: 1.8;
}
.descriptionModalMsg .inner .text span {
	display: block;
	font-size: 124%;
	margin-bottom: 1%;
	color: #6aba1b;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
}
.descriptionModalMsg .customerSupport {
	padding: 4% 8%;
	background-color: #fefcd3;
}
.descriptionModalMsg .customerSupport a {
	display: inline-block;
	margin: 1.5% 0 1%;
}
.descriptionModalMsg .customerSupport img {
	width: 100%;
}
.modalOverlay {
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}
#modal_overlay {
	position: fixed;
	z-index:101;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,.5);
	display: block;
}
#modal_question {
	padding: 3% 0 7%;
	width: 90%;
	display: block;
	overflow: hidden;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	position: absolute;
	top: 45vw;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
}
#modal_question .text {
	width: 90%;
	margin: auto;
	padding-bottom: 5%;
	text-align: center;
	font-size: 93%;
}
#modal_question .text span {
	display: block;
	width: 100%;
	padding-bottom: 2%;
	margin-bottom: 3%;
	font-size: 124%;
	font-weight: bold;
	border-bottom: 1px solid #a0a0a0;
}
#modal_question .button {
	width: 90%;
	margin: auto;
}
#modal_question .button a {
	display: block;
	width: 100%;
	box-shadow: 0 2px 0 0 #6D767B;
	border-radius: 5px;
	background-color: #46C5EE;
	text-align: center;
	font-size: 127%;
	opacity: 1;
}
#modal_question .button .buy {
	background-color: #6ABA1B;
}
#modal_question .button .consider {
	background-color: #458015;
	box-shadow: 0 2px 0 0 #444b4e;
}
#modal_question .button .no {
	background-color: #46C5EE;
}
#modal_question .button a:not(:last-child) {
	margin-bottom: 6%;
}
#modal_question .button a span {
	width: 100%;
	box-sizing: border-box;
	display: inline-block;
	padding: 1em 0 1em 5%;
	color: #fff;
	background-image: url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/icon_modal_btn_arrow.png);
	background-size: 2vw auto;
	background-repeat: no-repeat;
	background-position: 12% center;
}
#modal_question .button .buy span {
	background-position: 20% center;
}
#modal_question .button .consider span {
	background-position: 10% center;
}
#modal_question .button .no span {
	background-position: 13% center;
}
#modal_optimize {
	padding: 12% 0;
	width: 90%;
	display: none;
	overflow: hidden;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	position: absolute;
	top: 45vw;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
}
#modal_optimize .loader {
	text-align: center;
}
#modal_optimize .loader img {
	width: 20%;
}
#modal_optimize .loader span {
	padding-top: 3%;
	display: block;
	margin: auto;
}
#modal_optimize.buy .loader span {
	color: #72BE27;
}
#modal_optimize.consider .loader span {
	color: #458015;
}
#modal_optimize.no .loader span {
	color: #46C5EE;
}
#modal_optimize .text {
	padding-top: 5%;
	text-align: center;
	font-weight: bold;
	font-size: 124%;
}
/* 売却意欲が無い */
#modal_optimize.modalAttention {
	padding: 8% 0;
}
#modal_optimize.modalAttention p {
	width: 90%;
	margin: 0 auto 4%;
	box-sizing: border-box;
	line-height: 1.6;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
}
#modal_optimize.modalAttention p span {
	display: block;
	margin: auto;
	text-align: center;
}
#modal_optimize.modalAttention p em {
	color: #F00;
}
#modal_optimize.modalAttention .button {
	display: block;
	width: 90%;
	margin: auto;
	box-shadow: 0 2px 0 0 #6D767B;
	border-radius: 5px;
	background-color: #46C5EE;
	text-align: center;
	font-size: 115%;
}
#modal_optimize.modalAttention .button span {
	width: 100%;
	box-sizing: border-box;
	display: inline-block;
	padding: 1em 0 1em 5%;
	color: #fff;
	background-image: url(https://img.phoenix.webcrew.co.jp/13400/m/smt/images/icon_modal_btn_arrow.png);
	background-size: 2vw auto;
	background-repeat: no-repeat;
	background-position: 44% center;
}

/*focusBorder*/
input[type="text"].focusBorder,
input[type="tel"].focusBorder,
input[type="email"].focusBorder {
	-webkit-appearance:none;
}
.focusBorder {
	border-color:rgba(255,17,34,1) !important;
	box-shadow:0px 0px 0px 2px rgba(255,17,34,1);
	-webkit-box-shadow:0px 0px 0px 2px rgba(255,17,34,1);

	position: relative;
	z-index: 100;
	animation-name: focusWave;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	
	-moz-animation-name: focusWave;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: infinite;
	
	-webkit-animation-name: focusWave;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
	
	-o-animation-name: focusWave;
	-o-animation-duration: 1s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: infinite;
}	
@keyframes focusWave {	
	0% {box-shadow:0px 0px 0px 1px rgba(255,17,34,1),0px 0px 0px 1px rgba(255,255,255,1), 0px 0px 0px 2px #FF5E28;}
	100% {box-shadow:0px 0px 0px 1px rgba(255,17,34,1),0px 0px 0px 8px rgba(255,255,255,0), 0px 0px 0px 10px rgba(100,37,16,0);}
}	
@-moz-keyframes focusWave {	
	0% {box-shadow:0px 0px 0px 1px rgba(255,17,34,1),0px 0px 0px 1px rgba(255,255,255,1), 0px 0px 0px 2px #FF5E28;}
	100% {box-shadow:0px 0px 0px 1px rgba(255,17,34,1),0px 0px 0px 8px rgba(255,255,255,0), 0px 0px 0px 10px rgba(100,37,16,0);}
}	
@-webkit-keyframes focusWave {	
	0% {box-shadow:0px 0px 0px 1px rgba(255,17,34,1),0px 0px 0px 1px rgba(255,255,255,1), 0px 0px 0px 2px #FF5E28;}
	100% {box-shadow:0px 0px 0px 1px rgba(255,17,34,1),0px 0px 0px 8px rgba(255,255,255,0), 0px 0px 0px 10px rgba(100,37,16,0);}
}	
@-o-keyframes focusWave {	
	0% {box-shadow:0px 0px 0px 1px rgba(255,17,34,1),0px 0px 0px 1px rgba(255,255,255,1), 0px 0px 0px 2px #FF5E28;}
	100% {box-shadow:0px 0px 0px 1px rgba(255,17,34,1),0px 0px 0px 8px rgba(255,255,255,0), 0px 0px 0px 10px rgba(100,37,16,0);}
}
.focusBorder:focus {
	-webkit-animation-name: none;
	-o-animation-name: none;
	animation-name: none;
	border-color: #77D326 !important;
	box-shadow:0px 0px 0px 2px rgba(119,211,38,1);
	-webkit-box-shadow:0px 0px 0px 2px rgba(119,211,38,1);
}
.buttonNote {
	color: #666767;
	font-size: 92%;
	text-align: left;
	padding-left: 1em;
	text-indent: -1em;
	margin-top: 1%;
}
.mail_permission {
	margin: 4% 2% 2%;
	border-top: 1px solid #cccccc;
	padding-top: 3%;
}
.mail_permission h2 {
	margin-bottom: 2%;
  font-weight: bold;
	position: relative;
	padding-left: 1.3em;
}
.mail_permission h2:before {
	margin: auto;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 1em;
	height: 1em;
	background-color: #333333;
}
.mail_permission .mailmagCheck span {
	font-weight: normal!important;
}
.mail_permission .permission_description {
	padding-left: 24px;
	text-indent: -24px;
}
.step_campaign {
	background-color: #FFFBC3;
	width: calc(100% - 10px);
	margin: 0 auto;
	padding-bottom: 3%;
    padding-top: 4%;
}
.step_campaign_text {
	text-align: center;
	margin-bottom: 0;
}
.step_campaign_text span {
	font-weight: 800;
	font-size: 107%;
	line-height: 1.2;
	letter-spacing: -0.025em;
	text-align: center;
	color: #005BAA;
	display: block;
}
.step_campaign_image {
	width: calc(100%*324/345);
	margin: 0 auto;
	height: auto;
	vertical-align: bottom;
}