@charset "utf-8";
/*common START*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
dd{
	margin: 0;
	padding: 0;
}
ol,
ul{
	list-style: none;
}
img {
    border: none;
    vertical-align: bottom;
    margin: 0 auto;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
}

.flexbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.small {
    font-size: 0.7em;
}
.breadcrumb{
    width: 100%;
    max-width: 1150px;
}
/*common END*/

iframe {
    border: none;
}
/*wrapper*/
.content_plain{
    width: 100%;
/*    max-width: 950px;*/
    margin: 0 auto;
}

#contents{
    width: 100%;
    margin: 0 auto;
    background: #fff100;
}

/*広告掲載についてメニュー START*/
/*スクロールで固定*/
.serviceLogoWrap{
    position: absolute;
    width: 100%;
    z-index: 50;
    margin-top: 0;
}
.serviceLogoWrap.fixed{
    position: fixed;
    top: 98px;
}

#bpMenuArea {
    z-index: 10;
}
.menu-bp_menu-container{
    background: #0996EB;
    background: -moz-linear-gradient(#0996EB, #51BAF4);
    background: -webkit-gradient(linear, left top, left bottom, from(#0996EB), to(#51BAF4));
    background: linear-gradient(#0996EB, #51BAF4) repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 100%;
}

.menu {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto 30px;
    padding: 0;
    text-align: center;
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    flex-wrap: nowrap;
}
.menu li {
    background: #0996EB;
    background: -moz-linear-gradient(#0996EB, #51BAF4);
    background: -webkit-gradient(linear, left top, left bottom, from(#0996EB), to(#51BAF4));
    background: linear-gradient(#0996EB, #51BAF4) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-left: #53B6F1 solid 1px;
    border-right: #0D70C5 solid 1px;
    list-style-type: none;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #FFF;
    line-height: 1.2em;
    width: 100%;
}
.menu li:hover,
.menu li:active {
  opacity: 0.7;
}
.menu li a:hover,
.menu li a:link,
.menu li a:visited,
.menu li a:active {
    height: 64px;
    line-height: 64px;
    color: #FFF;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    display: block;
}

/*メインビジュアル*/
.mainVisual{
    background: url("../img/bplp/bp/indexTop.png") no-repeat center top;
    height: 242px;
    width: 100%;
/*    max-width: 1150px;*/
}

/*ボタン*/
.contactButtonArea {
    text-align: center;
    margin: 20px auto 0 auto;
}


/*================================================================================================*/
/*スマイスターとは START*/
/*================================================================================================*/
.aboutBox {
    margin: 10px auto 20px auto;
}

.aboutBox img {
    margin: 0 auto 10px auto;
    display: block;
}

h3.aboutPointTitle {
    background: #FFF url('../img/bplp/bp/point.jpg') 5px center no-repeat;
    padding: 20px 0 0 145px;
    height: 140px;
    margin: 0 0 10px 0;
}

h3.aboutPointTitle span.tit {
    font-size: 1.4em;
    color: #BA0000;
    font-weight: bold;
    margin: 0 0 10px 0;
    display: block;
}

span.txt {
    font-size: 1.0em;
    line-height: 1.4em;
    color: #333;
    padding: 0 0 10px 0;
    margin: 0;
    display: block;
	font-weight: normal;
}

h3.aboutTitle {
    background: #DD4026;
    background: -moz-linear-gradient(#DD4026, #DD4026);
    background: -webkit-gradient(linear, left top, left bottom, from(#DD4026), to(#DD4026));
    background: linear-gradient(#DD4026, #DD4026) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 20px;
    color: #FFFF00;
    font-size: 1.7em;
    font-weight: bold;
    padding: 2px 0;
    margin: 0 0;
    text-align: center;
}

/*10の特徴*/
ul.feature {
    margin: 5px 0 40px 0;
	flex-wrap: wrap;
	justify-content: center;
}
ul.feature li {
    font-size: 1.1em;
    list-style-type: none;
    margin: 2px;
    padding: 0 13px;
    height: 165px;
    width: 19%;
/*    width: 165px;
	min-width: 165px;*/
	box-sizing: border-box;
	position: relative;
}
ul.feature li div {
	min-width: 150px;
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
ul.feature li.feature01 { background: #FFECEC url('../img/bplp/bp/point01.gif') center center no-repeat;}
ul.feature li.feature02 { background: #FFECEC url('../img/bplp/bp/point02.gif') center center no-repeat;}
ul.feature li.feature03 { background: #FFECEC url('../img/bplp/bp/point03.gif') center center no-repeat;}
ul.feature li.feature04 { background: #FFECEC url('../img/bplp/bp/point04.gif') center center no-repeat;}
ul.feature li.feature05 { background: #FFECEC url('../img/bplp/bp/point05.gif') center center no-repeat;}
ul.feature li.feature06 { background: #FFECEC url('../img/bplp/bp/point06.gif') center center no-repeat;}
ul.feature li.feature07 { background: #FFECEC url('../img/bplp/bp/point07.gif') center center no-repeat;}
ul.feature li.feature08 { background: #FFECEC url('../img/bplp/bp/point08.gif') center center no-repeat;}
ul.feature li.feature09 { background: #FFECEC url('../img/bplp/bp/point09.gif') center center no-repeat;}
ul.feature li.feature10 { background: #FFECEC url('../img/bplp/bp/point10.gif') center center no-repeat;}

/*集客の方法*/
.customersWrap{
	flex-wrap: wrap;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.customersBox {
    border: #FF4101 solid 3px;
    border-radius: 10px 10px 0 0 ;
    width: 48%;
    margin: 13px auto 0 auto;
    padding: 0;
    min-height: 90px;
}

.customersBox h4.customersTitle {
    background: #FF4101;
    font-size: 1.3em;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    margin: 0;
    padding: 3px 0;
	min-height: 36px;
}

.customersBox p {
    padding: 8px 15px;
    margin: 0 0;
    font-weight: bold;
}

.customersBox p.samllP {
    padding-bottom: 96px;
}

.customersBox ul {
    margin: 0;
    padding: 8px 15px;
}

.customersBox ul li {
    list-style-type: none;
    font-weight: bold;
}
.customersBox ul li::before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 12px;
    content: "\f054";
    color: #7F7F7F;
    margin: 0 5px 0 0;
}

/*================================================================================================*/
/*案件通知方法と管理画面 START*/
/*================================================================================================*/
.adminSampleBox {
    background: url('../img/bplp/bp/adminPageBottom.jpg') 0 bottom no-repeat;
    width: 850px;
    min-height: 335px;
    margin: 0 auto;
    padding: 0;
}

.adminSampleBoxTop {
    background: url('../img/bplp/bp/adminPageTop.jpg') 0 bottom no-repeat;
    height: 15px;
    margin: 0;
    padding: 0;
}

.adminSampleBox .box1 {
    width: 245px;
    margin: 5px 25px 10px 25px;
    text-align: left;
    float: left;
}

.adminSampleBox .box2 {
    width: 245px;
    margin: 5px 25px 10px 35px;
    text-align: left;
    float: left;
}

.adminSampleBox .box3 {
    width: 189px;
    margin: 5px 0 10px 35px;
    text-align: left;
    float: left;
}

.adminSampleBox .box1 .adminSampleTitle,
.adminSampleBox .box2 .adminSampleTitle {
    font-size: 1.0em;
    color: #2A2B78;
    padding: 0;
    margin: 0 0 0 0;
    font-weight: bold;
}

.adminSampleBox .box3 .adminSampleTitle {
    font-size: 1.0em;
    color: #FF3F00;
    padding: 0;
    margin: 0 0 0 0;
    font-weight: bold;
}

.adminSampleBox p {
    margin: 0 0;
    padding: 0 0;
	font-size: 0.8em;
	line-height: 1.4;
}

/*================================================================================================*/
/*商品ラインナップ START*/
/*================================================================================================*/
table.lineupTable {
    border: #D0D0D0 solid 1px;
    margin: 0 0 30px 0;
}

.explainBox h3.lineupTitle {
    border-bottom: #DDDDDD solid 1px;
    padding: 5px 0;
    margin: 0 auto 10px auto;
    text-align: center;
    font-size: 1.7em;
}

table.lineupTable tr {
    border-bottom: none;
}

table.lineupTable th {
    padding: 5px 5px;
    color: #FFF;
    border-right: #D0D0D0 dotted 1px;
    border-bottom: #D0D0D0 solid 1px;
    background-color: #6b6b6b;
    font-weight: bold;
}

table.lineupTable td {
    padding: 8px 10px;
    border: #D0D0D0 solid 1px;
}

table.lineupTable td.endUser {
    width: 27%;
    background-color: #E3E4DC;
}

table.lineupTable td.serviceList {
    width: 38%;
    background-color: #FFECEC;
    color: #BA0000;
    font-weight: bold;
    font-size: 14px;
}

table.lineupTable td.serviceList span {
    background: #D90000;
    border: #D90000 solid 1px;
    border-radius: 20px;
    color: #FFFF00;
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 1px 15px 1px 20px;
    text-align: center;
}

table.lineupTable td.serviceList span::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 12px;
    content: "\f054";
    color: #fff;
    margin: 0 5px 0 0;
}

table.lineupTable td.serviceList span a:hover,
table.lineupTable td.serviceList span a:link,
table.lineupTable td.serviceList span a:visited,
table.lineupTable td.serviceList span a:active {
    display: block;
    color:#FFF;
}


/*================================================================================================*/
/*お客様の声 START*/
/*================================================================================================*/
ul.voice {
    margin: 0;
    padding: 0;
}

ul.voice li {
    background: #FFF url('../img/bplp/bp/iconVoice.png') 5px center no-repeat;
    border-top: #C9C9C9 dotted 1px;
    padding: 14px 10px 14px 60px;
    list-style-type: none;
    font-size: 18px;
}

ul.voice li:last-child {
    border-bottom: #C9C9C9 dotted 1px;
}
ul.voice li.gray {
    background: #EAEAEA url('../img/bplp/bp/iconVoice.png') 5px center no-repeat;
}

ul.voice li span.voiceArea {
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    float: right;
    background-color: #056fd3;
    border-radius: 20px;
    padding: 1px 10px;
    margin: 0 0;
}

.txtRed {
    color: #FF3F00;
}

/*================================================================================================*/
/*よくある質問 START*/
/*================================================================================================*/
.faqBox {
    border: 1px solid #d5d2cd;
    margin: 5px 0 20px;
    padding: 0;
}

.faqBox h3.question {
    background: #0690E9 url("../img/bplp/bp/iconQ.png") 10px bottom no-repeat;
    padding: 8px 0 7px 75px;
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    border-bottom: #26C9FF solid 3px;
}

.faqBox p.answer {
    background: #FFF url("../img/bplp/bp/iconA.gif") 20px 2px no-repeat;
    padding: 0 10px 0 40px;
    margin: 0 0 10px 0;
    font-size: 15px;
}

/*================================================================================================*/
/*営業担当紹介 START*/
/*================================================================================================*/
.partnerBox {
    border-radius: 20px;
    margin: 10px auto;
}

.partnerBox p {
    background: #0690E9 url("../img/bplp/bp/txtBg.gif") repeat;
    line-height: 26px;
    font-size: 15px;
}


/*資料請求ボタン*/
a.contactButton {
    color: #FFFF00;
    font-weight: bold;
    font-size: 1.5em;
	text-align: center;
    padding: 10px 0;
    margin: 0 auto 30px auto;
    width: 310px;
    border: #C61400 solid 3px;
    border-radius: 50px;
    cursor: pointer;
    background:#D90000;
}
a.contactButton::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 16px;
    content: "\f054";
    color: #fff;
    margin: 0 5px 0 0;
}
a.contactButton:hover,
a.contactButton:link,
a.contactButton:visited,
a.contactButton:active {
    display: block;
    color: #FFFF00;
}

/* タイトル部分作り替え ---------------------------------------------------------------*/
/* 各項目別指定 -----------------------------*/
/*タイトル画像*/
#aboutWrap h2{background: url('../img/bplp/bp/aboutTitleBack.png') center center no-repeat;}
#adminWrap h2{background: url('../img/bplp/bp/adminTitleBack.png') center center no-repeat;}
#lineupWrap h2{background: url('../img/bplp/bp/aboutTitleBack.png') center center no-repeat;}
#voiceWrap h2 { background: url('../img/bplp/bp/voiceTitleBack.png') center center no-repeat;}
#faqWrap h2 { background: url('../img/bplp/bp/faqTitleBack.png') center center no-repeat;}
#partnerWrap h2 { background: url('../img/bplp/bp/partnerTitleBack.png') center center no-repeat;}
#contactWrap h2 { background: url('../img/bplp/bp/contactTitleBack.png') center center no-repeat;}
#sf h2 { background: url('../img/bplp/bp/sfTitleBack.png') center center no-repeat;}
#nv h2 { background: url('../img/bplp/bp/nvTitleBack.png') center center no-repeat;}
#kz h2 { background: url('../img/bplp/bp/kzTitleBack.png') center center no-repeat;}
#lb h2 { background: url('../img/bplp/bp/lbTitleBack.png') center center no-repeat;}
#tk h2 { background: url('../img/bplp/bp/tkTitleBack.png') center center no-repeat;}
#pm h2 { background: url('../img/bplp/bp/pmTitleBack.png') center center no-repeat;}
#rv h2 { background: url('../img/bplp/bp/rvTitleBack.png') center center no-repeat;}
#sh h2 { background: url('../img/bplp/bp/shTitleBack.png') center center no-repeat;}
#tyumon h2 { background: url('../img/bplp/bp/tyumonTitleBack.png') center center no-repeat;}
#sb h2 { background: url('../img/bplp/bp/sbTitleBack.png') center center no-repeat;}

/*タイトルテキスト*/
.explainTitle {
    height: 142px;
	width: 950px;
    padding: 20px 0 20px 0;
    margin: 0 0;
    border-bottom: none;
    border-top: none;
    color: #FFF;
    background: #999;
	box-sizing: border-box;
	position: relative;
}

/*serviceBox指定*/
.explainBox {
    border: #C9C9C9 solid 1px;
    padding: 30px 50px 0 50px;
}
.explainBox.blue { border-bottom: #0690E9 solid 5px;}
.explainBox.red { border-bottom: #BB0000 solid 5px;}

.serviceBox {
    border-right: #C9C9C9 solid 1px;
	border-left: #C9C9C9 solid 1px;
    padding: 40px 45px 40px 45px;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: nowrap;
}
#sf .serviceBox { border-bottom: #F48100 solid 5px;}
#nv .serviceBox { border-bottom: #0079DD solid 5px;}
#kz .serviceBox { border-bottom: #003FC9 solid 5px;}
#lb .serviceBox { border-bottom: #00299b solid 5px;}
#tk .serviceBox { border-bottom: #3AAD00 solid 5px;}
#pm .serviceBox { border-bottom: #D80400 solid 5px;}
#rv .serviceBox { border-bottom: #6b452f solid 5px;}
#tyumon .serviceBox { border-bottom: #429800 solid 5px;}
#sh .serviceBox { border-bottom: #0B7AB0 solid 5px;}

.serviceImg{
    margin: 0 50px 0 0;
}
.serviceImg img{
    display: block;
    border: #d0d0d0 solid 1px;
    height: auto;
}

.serviceRight{
    width: 60%;
}

/*table*/
table.serviceTxt {
    border: #D0D0D0 solid 1px;
/*    width: 468px;*/
    text-align: left;
    margin: 0 0 20px 0;
    background-color: #ffffff;
	font-size: 0.9em;
}
table.serviceTxt th {
    width: 180px;
    padding: 8px 10px;
    border-right: #D0D0D0 dotted 1px;
    border-bottom: #D0D0D0 solid 1px;
}
table.serviceTxt td {
    width: calc(100% - 180px);
    padding: 8px 10px;
    border-bottom: #D0D0D0 solid 1px;
}
table.serviceTxt td.charge {
    font-size: 1.2em;
    font-weight: bold;
    color: #dc3700;
}
a.iconSite::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 16px;
    content: "\f015";
    color: #18196c;
    margin: 0 5px 0 0;
}
#sf table th { background-color: #F6E1C5;}
#nv table th { background-color: #D2E6F4;}
#kz table th { background-color: #D1DAEC;}
#tk table th { background-color: #D1E7C7;}
#pm table th { background-color: #F5D8DF;}
#rv table th { background-color: #F7F2EE;}
#tyumon table th { background-color: #D8E6CB;}
#sh table th { background-color: #C8E8EC;}
#lb table th { background-color: #dee3f1;}


.serviceWrapper {
    width: 100%;
    max-width: 1150px;
    margin: 100px auto 30px;
}
.explainTitle,
.serviceTitle{
	position: relative;
	min-height: 142px;
	width: 100%;
    max-width: 1150px;
	color: #FFF;
}
.titleMark{
	position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.titleText1{
	font-size: 1.5em;
	line-height: 1.2;
	padding: 5px 0 0 0;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	max-width: 540px;
}
.titleText1::before{
	content: url(../img/bplp/bp/iconTitlemark.png);
	display: inline-block;
	vertical-align: top;	
}
.titleText2{
	width: 100%;
	max-width: 510px;
	font-size: 1.4em;
    line-height: 1.2;
    padding: 0 0 0 65px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.smallTit{
	font-size: 0.8em;
	display: block;
	padding: 0 0 5px;
}



/*査定書作成サービス*/
.explainBox.sb {
    text-align: left;
}

.sbFlowBox {
    width: 100%;
    min-height: 420px;
    margin: 0;
    padding: 0;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.flowLastImg{
    background: url('../img/bplp/bp/sbFlow.jpg') center bottom no-repeat;
    height: 283px;
    width: 100%;
    margin: 0 0 30px 0;
}

.sbFlowBox .sbFlowTitle {
    background: #2A2B78;
    color: #FFF;
    font-size: 1.1em;
    text-align: center;
    padding: 5px 0;
    margin: 0 0 5px 0;
    font-weight: bold;
    box-sizing: border-box;
}
.sbFlowBox .box {
    border: #2a2b78 solid 3px;
    width: 29%;
    position: relative;
}
.sbFlowBox .box img{
    width: 292px;
    display: block;
    margin: 0 auto;
}
.sbFlowBox .box .flowImg01{
    background: url("../img/bplp/bp/sbflow01.png") no-repeat center top;
    height: 296px;
}
.sbFlowBox .box .flowImg02{
    background: url("../img/bplp/bp/sbflow02.png") no-repeat center top;
    height: 296px;
}
.sbFlowBox .box .flowImg03{
    background: url("../img/bplp/bp/sbflow03.png") no-repeat center top;
    height: 208px;
    margin-top: 15px;
}

.sbFlowBox .box .flowArrow01{
    background: url("../img/bplp/bp/sbflowArrow01.png") no-repeat center top;
    width: 104px;
    height: 134px;
    position: absolute;
    top: 50%;
    right: -58px;
    margin-top: -67px;
    z-index: 1;
}
.sbFlowBox .box .flowArrow02{
    background: url("../img/bplp/bp/sbflowArrow02.png") no-repeat center top;
    width: 179px;
    height: 181px;
    position: absolute;
    top: 115px;
    right: -60px;
    z-index: 1;
}

.sbFlowBox .box p {
/*    width: 208px;*/
    margin: 15px;
    font-size: 0.9em;
}

.sbFlowBox p span.small {
    line-height: 1.2em;
    display: block;
    padding-top: 3px;
}
.buttonBox{
    float: none;
    text-align: center;
    margin: 15px auto;
    box-sizing: border-box;
}
.buttonBox a{
    background: #d90000;
    padding: 3px 3px 3px 25px;
    border: #D9D9D9 solid 1px;
    border-radius: 5px;
    display: block;
    width: 90%;
    margin: 0 auto;
}
.buttonBox a::before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 16px;
    content: "\f1c1";
    color: #fff;
    margin: 0 5px 0 0;
}

.list {
    margin: 5px;
    background: #FFF0F0;
    padding: 10px 30px;
}
.list dt {
    color: #FF3F00;
    font-size: 1.2em;
	line-height: 27px;
	font-weight: bold;
}
.list dd {
    margin: 5px 0 8px;
    padding: 0 0 5px 0;
    border-bottom: #CDBCB8 dotted 1px;
}
.list dd:last-child {
    padding: 0;
    border-bottom: none;
    margin: 5px 0 0;
}

.point {
    background: #FF3F00;
    color: #FFFF3F;
    border-radius: 20px;
    margin: 0 5px 0 0;
    padding: 3px 10px;
    height: 27px;
    line-height: 27px;
}

/*------------------------------------

タブレット向けのレイアウトの指定：641px～1024px

--------------------------------------*/

@media (min-width:641px) and (max-width:1024px) {
}

@media only screen and (max-width: 640px) {
    /*common START*/
    img {
        max-width: 100%;
        height: auto;
    }
    
    .flexbox{
        display: block;
    }
    /*common END*/
	
	/*wrapper START*/
	.content_wrapper,
	.content_plain{
		width: 100%;
	}
	#contents{
		width: 100%;
	}
	/*wrapper END*/
    #wrapList {
        margin-top: 0;
    }

    #main {
        padding: 0;
        }

    #serviceName {
        display: none;
    }
    
    /*メインビジュアル*/
    .content_plain .ttl01{
        margin: 0;
        padding: 0;
    }
    .mainVisual{
        background-size: contain;
        height: 20.5vw;
    }
    /*商品ラインナップ*/
    table.lineupTable th,
    table.lineupTable td,
    table.lineupTable td.serviceList {
        font-size: 12px;
    }
    
    /*メニュー　SP用*/
    .serviceLogoWrap .menu-bp_menu-container{
        display: none;
    }
    .sp_submenu_box .menu-bp_menu-container{
        background: none;
    }
    .sp_menu_wrapper .menu {
        flex-wrap: wrap;
        margin: 0;
    }
    .sp_menu_wrapper .menu li,
    .sp_menu_wrapper .menu li:last-child{
        display: block;
        border: none
    }
    .sp_menu_wrapper .menu li{
        width: 100%;
        height: auto;
        min-height: inherit;
        background: none;
    }
    .sp_menu_wrapper .menu li a{
        position: relative;
        color: #000;
        font-size: 4.5vw;
        line-height: 1.5;
        width: 100%;
        height: auto;
        min-height: inherit;
        text-align: left;
        padding-top: 5px;
        padding-bottom: 5px;
        margin: 5px 15px 0 0;
        padding: 0 0 5px 12px;
        font-weight: normal;
    }
    .sp_menu_wrapper .menu li a::before{
        top: 0.7em;
    }
    .sp_menu_wrapper #btnWrap{
        display: block;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        flex-wrap: nowrap;
        margin: 0 0 10px;
    }
    .sp_menu_wrapper #btnWrap a{
        width: auto;
        margin: 0 3px;
        font-size: 3.5vw;
    }
    .sp_menu_wrapper #btnWrap a::before,
    .sp_menu_wrapper #btnWrap a.mypage::before{
        transform: rotate(0deg);
        border: none;
        margin: 0 5px 0 0;
        left: 10px;
    }
    
	
	/*項目見出し*/
	.serviceWrapper {
        width: 100%;
        margin: 10px auto 70px;
    }
	#mainWide h2,
    #contactWrap h2{
		background: none;
		background-image: none;
	    background-color: #DD4026;
		min-height: auto;
		height: auto;
		width: 100%;
		padding: 5px;
	}
    
	#mainWide .serviceBox,
	#mainWide .explainBox {
		border-bottom: none;
	}

    /*お問い合わせフォーム用見出し*/

	.titleText1,
	.titleText2{
	    font-size: 0.8em;
		padding: 0;
		text-align: left;
		position: static;
		top: auto;
		right: auto;
		-webkit-transform: none;
		transform: none;
	}
	.titleText1::before{
		display: none;
	}
	.titleMark{
		display: none;
	}
	
	.smallTit{
		display: inline;
		padding: 0 5px 0 0;
		border-right: #FFF solid 2px;
		font-size: 0.7em;
	}
	
	/*サービス別見出し指定*/
	#sf h2 { background-color: #d93e00;}
    #nv h2 { background-color: #0078bd;}
    #kz h2 { background-color: #0066CC;}
    #tk h2 { background-color: #2e8508;}
    #pm h2 { background-color: #EE0033;}
    #rv h2 { background-color: #6B452F;}
    #sh h2 { background-color: #0B7AB0;}
    #tyumon h2 { background-color: #61A81D;}
    #sb h2 { background-color: #DD4026;}

    .serviceBox,
    .explainBox {
        padding: 10px 10px 0;
        border: none;
		display: block;
    }
    .explainBox.blue,
    .explainBox.red {
        border-bottom: none;
    }


    .contactButtonArea {
        margin: 10px auto 20px;
    }

    .customersBox ul li {
        background: none;
        list-style-type: circle;
        margin: 0 0 0 15px;
        padding: 0;
    }
    .serviceImg{
        margin: 0 auto;
    }
    .serviceImg img{
        border: none;
        filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2));
    }
    .serviceRight {
        margin: 10px auto;
        width: 100%;
    }
    table.serviceTxt {
        box-sizing: border-box;
        width: 100%;
        border-top: none;
    }
    table.serviceTxt th {
        padding: 5px;
        width: auto;
        display: block;
        border-right: none;
        border-top: #D0D0D0 solid 1px;
    }
    table.serviceTxt td {
        padding: 5px;
        width: auto;
        display: block;
    }
    table.serviceTxt td:last-child{
        border-bottom: none;
    }
    table.serviceTxt td.charge {
        font-size: 1em;
    }

    table.serviceTxt td.iconSite {
        background: none;
        padding: 5px;
        font-size: 0.8em;
    }

    table.serviceTxt td.iconSite a,
    table.lineupTable td a.view {
        font-size: 13px;
        padding: 0 0;
    }
    table.serviceTxt td.iconSite a::before,
    table.lineupTable td a.view::before{
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 10px;
        content: "\f054";
        color: #D90000;
        margin: 0 5px 0 0;
    }
    table.serviceTxt td.iconSite a:link, a:visited, a:active,
    table.lineupTable td a.view:link,
    p.answer a {
        color: #2e61c7;
        text-decoration: none;
        font-weight: bold;
    }
    .sellMovie {
        display: none;
    }
    /* about */
    h2.explainTitle {
        font-size: 20px;
        padding: 5px 5px 8px 5px;
    }
    h2.explainTitle.about {
        background-image: none;
        background-color: #DD4026;
    }
    h3.aboutPointTitle {
        background-image: none;
        padding: 5px;
        height: auto;
    }
    h3.aboutPointTitle span.tit {
        font-size: 1em;
    }
    h3.aboutPointTitle span.txt {
        font-size: 1em;
    }
    h3.aboutTitle {
        font-size: 1em;
    }
    
    ul.feature{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    ul.feature li {
        box-sizing: border-box;
        width: 48%;
		min-width: auto;
		height: auto;
		min-height: 100px;
        margin: 3px;
        padding: 3px;
        border: solid 1px #CCC;
    }

    ul.feature li div {
        font-size: 0.8em;
        height: auto;
		min-width: 100%;
		padding: 5px;
    }

    ul.feature li.feature01,
    ul.feature li.feature02,
    ul.feature li.feature03,
    ul.feature li.feature04,
    ul.feature li.feature05,
    ul.feature li.feature06,
    ul.feature li.feature07,
    ul.feature li.feature08,
    ul.feature li.feature09,
    ul.feature li.feature10 {
        background-size: 100px;
    }
    .customersBox {
        box-sizing: border-box;
        width: 100%;
        float: left;
        margin: 5px 0;
    }
    .customersBox:nth-child(2n) {
        margin: 5px 0;
    }
    .customersBox h4.customersTitle {
        font-size: 1.2em;
    }
    .customersBox p.samllP {
        padding-bottom: 0;
    }
    /* admin */
    .serviceWrapper#adminWrap {
        display: none;
    }
    
    /* lineup */
    .explainBox h3.lineupTitle {
        font-size: 1em;
    }
    table.lineupTable td.serviceList span {
        display: none;
    }
    
    /*査定書作成*/
    
    /* voice */
    ul.voice li {
        font-size: 1em;
    }
    ul.voice li span.voiceArea {
        display: block;
        float: none;
    }
    h2.explainTitle.voice {
        background-image: none;
        background-color: #0690E9;
    }
    /* faq */
    h2.explainTitle.faq {
        background-image: none;
        background-color: #0690E9;
    }
    /* partner */
    h2.explainTitle.partner {
        background-image: none;
        background-color: #0690E9;
    }
    .partnerBox {
        border-radius: 5px;
        padding: 10px;
    }
    .partnerBox p {
        background: none;
        font-size: 1em;
        line-height: 1.4em;
    }
    /* contact */
    h2.explainTitle.contact {
        background-image: none;
        background-color: #0690E9;
        display: block;
        clear: both;
    }
    .width1,
    .width2 {
        width: auto;
    }

    /*資料請求ボタン*/
    a.contactButton {
        color: #FFFF00;
        font-weight: bold;
        font-size: 1.4em;
        padding: 5px 0;
        margin: 0 auto 10px auto;
        width: 90%;
        border: #C61400 solid 3px;
        border-radius: 50px;
        cursor: pointer;
    }

    /*================================================================================================*/
    /*営業担当紹介 START*/
    /*================================================================================================*/
    .partnerImg {
        margin: 0 auto;
    }

    /*================================================================================================*/
    /*査定書作成 START*/
    /*================================================================================================*/
    .sbFlowBox{
        width: 100%;
        margin: 0 auto;
    }
    .sbFlowBox .box{
        width: 100%;
        margin: 0 0 30px;
    }
    .sbFlowBox .box img{
        margin: 0 auto 30px;
    }
    .sbFlowBox .box .flowImg01{
        background: url(../img/bplp/bp/sbflow01sp.png) no-repeat center top;
        height: 270px;
        margin: 0 auto;
    }
    .sbFlowBox .box .flowImg02{
        background: url(../img/bplp/bp/sbflow02sp.png) no-repeat center top;
        height: 270px;
        margin: 0 auto;
    }
    .flowLastImg{
        background: url(../img/bplp/bp/sbFlowsp.jpg) no-repeat center top;
        background-size: contain;
        margin-top: -20px;
        height: 60vw;
    }
    .sbFlowBox .box .flowArrow01,
    .sbFlowBox .box .flowArrow02{
        display: none;
    }
    .buttonBox a:link,
    .buttonBox a:visited{
        color: #FFF;
    }
    
    /*================================================================================================*/
    /*お問い合わせフォーム bp独自のもの START*/
    /*================================================================================================*/
    .contactForm th br{
        display: none;
    }
    input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"], textarea, select {
        padding: 10px;
        font-size: 16px;
        width: 100%;
    }
    input[type="checkbox"] {
        margin-right: 5px;
    }
    
    
}