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

/*設定
---------------------------------------*/
body {
	font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	color:#676767;
	font-size:12pt;
	text-align:left;
}
body * {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:0;
	box-sizing:border-box;
	font-weight:normal;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  border-style: none;
}
#wrapper {
	background:#fff!important;
	min-width:900px;
	margin:0 auto;
	padding:0;
}
#headerWrap {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:auto;
	background:transparent url(URL) no-repeat scroll 0px center / 100% auto;
	margin-bottom:50px;
}
#header {
	background:transparent no-repeat center;
	margin:0 auto;
	padding:0px;
	width:880px;
}
#headerCategoryList,#headerBtm,.mt12 {
	display:none;
}
#headerStore {
	width:880px;
	margin:0;
	padding:0;
}
#headerStore .kana {
	display:none;
}
#headerStore .name a {
    font-size: 12pt;
    font-weight: lighter;
    color: #f35c09;
    font-weight: bold;
}
#headerStoreContact {
	display:none;
}
#mainimg {
    height: 600px;
    margin: 0;
    background: transparent url(https://cms.locoplace.biz/storeimg/61/613822/20221212_1618441.png) repeat-x;
}
#mainimgIn {
	width:100%;
	height:600px;
	margin:0 auto;
	background:transparent url("https://cms.locoplace.biz/storeimg/61/613822/20221214_1225545.gif") no-repeat scroll 50% 50%!important;
}
#g01 #contents {
    width: 100%;
}
#g01 .sectionWrap, #g01 .sectionBtm {
    background: none;
}
#g01 .section {
    background: none;
    padding: 0;
}
#g01 .sectionIn {
    padding: 0;
}
/*footer
---------------------------------------*/
.pageTop {
    right: 15px;
    z-index: 100;
    position: fixed;
    bottom: 20px;
    top: auto;
    border-width: 45px;
    border-style: solid;
    border-radius: 50%!important;
    border-color: #f35c09;
    width: 0!important;
    height: 0!important;
}
.pageTop a {
    display: block;
    width: 90px;
    height: 90px!important;
    margin-top: -45px;
    margin-left: -45px!important;
}
.pageTop img {
    visibility: hidden;
    margin-top: 0!important;
    width: 90px!important;
    height: 90px!important;
}
.pageTop::after {
    content: "";
    width: 20px;
    height: 20px;
    border: 0;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 55%;
    left: -10px;
    margin-top: -5px;
}
/*footer
---------------------------------------*/
#footerTop {
    background: #383838;
}
#footerBtm {
    background: #ffffff;
}
#g01 #footerBtm {
    height: 300px;
}
/*ギャラリー、基本情報
---------------------------------------*/
#dlpoC_C, #dlpoC_D {
    background: 0 0;
    padding: 0;
    margin: 0 auto;
    width: 1000px;
}
#dlpoC_C .h2WrapMid h2, #dlpoC_D .h2WrapMid h2 {
    width: 1000px;
    background: #f35c09;
    margin: 0 auto 15px;
    border-radius: 10px 10px 0 0;
    color: #fff;
    padding: 10px;
    padding: 15px 15px 15px 20px;
    margin-top: 100px;
}
#dlpoC_C .h2WrapTop, #dlpoC_D .h2WrapTop, #dlpoC_C .h2WrapBtm, #dlpoC_D .h2WrapBtm, #dlpoC_C .h2WrapMid, #dlpoC_D .h2WrapMid {
    padding: 0;
    background: none;
}
/*gNavi
---------------------------------------*/
#gNaviWrap {
	margin: 0;
	clear: both;
}
#gNaviIn {
    width: auto;
    margin: 0px auto;
    background: transparent linear-gradient(#505050, #333) repeat scroll 0% 0;
    padding: 0px 10px 0px 10px;
}
#gNavi ul {
	width: 1000px;
	height: 60px;
	margin: 0 auto;
	padding: 0;
	border-bottom: none;
	display: flex;
    z-index: 1;
}
#gNavi li {
	padding-bottom: 0;
	width: auto;
	height: 60px;
	flex: 1 1 0px;
	justify-content: center;
	align-items: center;
	position: static;
}
#gNavi li#gNav02 {
	left: 176px;
	height: 60px;
	width: 176px;
}
#gNavi li#gNav03 {
	left: 352px;
	height: 60px;
	width: 176px;
}
#gNavi li#gNav04 {
	left: 528px;
	min-width: 0px;
	height: 60px;
	width: 176px;
}
#gNavi li#gNav05 {
	left: 704px;
	min-width: 0px;
	height: 60px;
	width: 176px;
}
#g01 #gNavi li#gNav01 a, #g02 #gNavi li#gNav02 a, #g03 #gNavi li#gNav03 a, #g04 #gNavi li#gNav04 a, #g05 #gNavi li#gNav05 a, #g06 #gNavi li#gNav06 a, #g07 #gNavi li#gNav07 a {
	background: linear-gradient(#969696, #616060);
}
#gNavi li a {
    width: auto;
    height: 60px;
    background: transparent linear-gradient(#505050, #333) repeat scroll 0% 0;
    border-left: 1px solid #fff;
    color: #fff;
	padding-top: 19px;
}
#gNavi li:last-child a {
	border-right: 1px solid #fff;
}
#gNavi li a:hover {
	background: linear-gradient(#969696, #616060);
	color: #fff;
}
/*共通
---------------------------------------*/
.cont-wallpaper {
    font-size: 17px !important;
    line-height: 1.7;
    color: #222;
}
.cont-bg {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0;
}
.cont-bg2 {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0 75px;
}
span.point {
    color: #d62022;
    font-weight: 600;
}
/*top
---------------------------------------*/
h2.indexCopy01 {
    width: 1000px;
    margin: 0px auto;
    color: #f35c09;
    font-size: 16pt;
}
ul.nayami-list {
    margin: 30px 0px;
    background: #e5ecd0;
    padding: 30px;
    border-radius: 10px;
}
ul.nayami-list li {
    margin-bottom: 15px;
}
ul.nayami-list li h3 {
    background: url(https://cms.locoplace.biz/storeimg/59/595460/20210719_0858171.png)no-repeat left /35px;
    padding: 9px 0 9px 45px;
    font-weight: bold;
    font-size: 19.5px;
}
ul.nayami-list li p {
    background: white;
    padding: 15px;
    border-radius: 10px;
}
/*cv
---------------------------------------*/
.bnr-bg {
    padding: 50px 20px 20px;
    line-height: normal!important;
}
.bnr-bg2 {
    padding: 0px 20px 20px;
    line-height: normal!important;
}
.tel-bnr_pc {
    margin: 110px auto 20px;
    width: 800px;
    border: solid #f35503 5px;
    box-shadow: 3px 3px 5px #4f4f4f;
}
#cv-point {
    width: 100%;
    background-size: cover;
    background-position: 2% 0%;
    margin-bottom: 50px;
}
.cv_inner {
    width: 800px;
    margin: 0 auto;
}
.cv_text {
    width: 90%;
    margin: 0 auto;
    padding: 5px 10px;
    font-size: 1.5em;
    text-align: center;
    position: relative;
    top: -310px;
    border-bottom: solid 2px;
}
p.cv_text1 {
    font-weight: bold;
}
.cv_text br {
    display: none;
}
span.cv_accent {
    color: #f35705;
    font-weight: bold;
    font-size: 110%;
}
.cv_btn {
    padding: 0 0 10px;
    border: 6px solid #c7c5c5;
    background-color: #fff;
}
.cv_Tel {
    display: none;
}
p.top-text {
    background: #ef3737;
    font-weight: bold;
    width: 90%;
    margin: 0 auto;
    padding: 5px 10px;
    color: #fff;
    font-size: 1.5em;
    text-align: center;
    position: relative;
    top: -30px;
}
p.cv-top {
    color: #0b4347;
    text-align: center;
    font-size: 120%;
    position: relative;
    top: -15px;
}
p.xfsz2 {
    display: block;
    margin: 0 auto 10px;
}
p.xfsz2 a {
    font-size: 1.8rem;
    color: #fff;
    background-color: #f37925;
    border-bottom: 5px solid #7f3007;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 1rem 5rem 1rem 4rem;
    cursor: pointer;
    user-select: none;
    -webkit-transition: all .3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: .1em;
    border-radius: 0.5rem;
    width: 540px;
    left: 125px;
    margin: 0 auto;
}
p.xfsz2 a::before {
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 5px #ffffff;
    border-right: solid 5px #ffffff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 45%;
    margin-top: -5px;
    right: 8%;
}
/*買取実績
---------------------------------------*/
.cont_title_a {
    margin: 0 auto;
    padding: 60px 0 30px;
    background: #e5ecd0;
}
.cont_title_a .title_h2 h2 {
    color: #333333;
    font-weight: bold;
    font-size: 35px;
    text-align: center;
}
.cont_title_a img {
    display: block;
    margin: 10px auto 0;
}
.cont_jisseki {
    background: #e5ecd0;
}
.cont_jisseki h3 {
    font-size: 28px;
    font-weight: bold;
    color: #4e5e1b;
}
.jisseki-bg {
    box-sizing: border-box;
    background: #ffffff;
    margin-bottom: 50px;
    padding: 30px;
}
.jisseki-bg::after {
    display: block;
    content: "";
    clear: both;
}
.jisseki-img {
    width: 400px;
    float: right;
    padding: 15px;
    background: #edf5d4;
}
.jisseki-img img {
    width: 100%;
    height: auto;
}
.jisseki-box {
    width: 540px;
    float: left;
    padding-right: 30px;
    margin-bottom: 15px;
}
.jisseki-box table {
    width: 100%;
}
.jisseki-box td, .jisseki-box th {
    padding: 5px;
    background: #fffbef;
    border: 3px solid #edf5d4;
}
.jisseki-box th {
    text-align: center;
    background: #abca47;
    color: #fff;
    font-weight: bold;
    width: 180px;
}
p.jisseki_bottom {
    font-size: 22px;
    text-align: center;
    display: block;
    color: #ef3737;
}
p.jisseki_bottom span {
    font-size: 115%;
    font-weight: bold;
}
p.jisseki_bottom::before {
    content: "!!";
    font-size: 110%;
    margin-right: 10px;
}
p.jisseki_bottom::after {
    content: "!!";
    font-size: 110%;
    margin-left: 10px;
}
p.top-link a {
    border: 3px solid #ccc;
    background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
    box-shadow: inset 1px 1px 1px #fff;
    display: table;
    color: #484848;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    padding: 1rem 5rem 1rem 4rem;
    cursor: pointer;
    user-select: none;
    -webkit-transition: all .3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: .1em;
    border-radius: 0.5rem;
    width: 540px;
    margin: 0 auto 60px;
}
#dlpoC_B > div > div > div:nth-child(5) > div > div > h3:nth-child(2) {
    margin-top: 25px;
}
/*カーネクストの強み
---------------------------------------*/
.cont_title_b {
    padding: 35px;
}
.cont_title_b .title_h2 h2 {
    width: 880px;
    margin: 0 auto;
    padding: 10px;
    font-weight: bold;
    font-size: 35px;
    text-align: center;
    color: #f35c09;
}
.cont_title_b img {
    display: block;
    margin: 10px auto 0;
}
span.font-b {
    font-weight: bold;
    font-size: 120%;
}
.cont_reason {
    margin-bottom: 70px;
}
.reason-icon img {
    position: relative;
    width: 80px;
    height: auto;
    top: 45px;
}
.reason-box::after {
    content: "";
    clear: both;
    display: block;
}
.reason-img img {
    border: solid 1px #999898;
    width: 300px;
    height: 255px;
    margin-left: 40px;
}
img.img-left {
    padding: 0px 25px 0 0;
    float: left;
    margin-right: 20px;
}
.reason-bg > div:nth-child(2) > div.reason-icon > img {
    left: 660px;
}
img.img-right {
    float: right;
    margin-left: 20px;
}
.reason-box h3 {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 10px;
}
span.inline {
    background: linear-gradient(transparent 65%, #e05354b3 0%);
    font-weight: bold;
}
.reason-box p {
    line-height: 1.7em;
}
span.bold-p {
    font-size: 120%;
}
br.non {
    display: none;
}
.title-h3 h3 {
    background: #d62022;
    color: white;
    font-size: 23px;
    padding: 15px 10px;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
    border-top: none;
}
.title-h3 p {
    border: solid #d62022 3px;
    padding: 15px;
    line-height: 1.5em;
    border-top: none;
}
/*流れ
---------------------------------------*/
.cont_flow {
    background: #e5ecd0;
}
.flow-bg p {
    line-height: 1.7em;
}
.flow-box {
    margin-top: 35px;
}
span.red-p {
    color: #d62022;
    font-weight: 600;
}
.flow-box h3 {
    background: #f35c09;
    color: white;
    padding: 10px;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 20px;
}
.kome-box {
    background: white;
    padding: 25px;
    margin-top: 10px;
}
.flow-box li {
    line-height: 1.7em;
}
.flow-bg h4 {
    margin: 15px 0 0;
    font-weight: bold;
    font-size: 18px;
}
.flow-bg h4::before {
    content: "◆";
}
p.red-p2 {
    color: #d62022;
    font-size: 110%;
    font-weight: 600;
}
.space-box {
    margin: 1.5em 0;
}
span.red-p span {
    color: #676767;
}
.area-cont {
    margin-top: 40px;
    background: white;
    padding: 25px;
}
.h3-line {
    text-align: center;
}
.h3-line h3 {
    position: relative;
    margin-bottom: 1em;
    display: block;
    color: #d62022;
    font-weight: bold;
    font-size: 23px;
}
.h3-line h3::before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 60px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #d62022;
    border-radius: 2px;
}
/*よくある質問
---------------------------------------*/
.accordion-item {
    margin-bottom: 0.5rem;
    border-bottom: 2px solid #676767;
}
.accordion-check {
    display: none;
}
.accordion-label {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 10px;
    line-height: 1.5;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px 0;
}
.accordion-label::before {
    content: "Q.";
    font-size: 30px;
    color: #f35c09;
    margin-right: 15px;
}
.accordion-label::after {
    position: absolute;
    top: 75%;
    right: 10px!important;
    height: 100%;
    width: 40px;
    transform: translateY(-50%);
    text-align: center;
    font-size: 30px;
    content: '+';
}
.accordion-box {
    height: 0;
    overflow: hidden;
    opacity: 0;
    background-color: #fff;
    transition: all .5s;
}
.accordion-check:checked~.accordion-box {
    height: auto;
    opacity: 1;
    padding: 30px 50px 30px;
    line-height: 1.7em;
}
.accordion-check:checked+.accordion-label:after {
    content: '－';
}
.accordion-box p {
    line-height: 1.7em;
}
.cont-reason {
    margin-top: 100px;
    background: #eeeeee;
    padding: 35px;
}
.reason_bg h3 {
    color: #d41517;
    font-size: 23px;
    font-weight: bold;
}
.reason_bg p {
    margin-top: 1em;
    line-height: 1.7em;
}
p.space-p {
    margin: 1em 0;
}
/*コンテンツ
---------------------------------------*/
.cont_title_d {
    background: #383838;
    color: white;
}
.cont_title_d .title_h2 {
    background: #383838;
    color: white;
    font-size: 23px;
    width: 1000px;
    margin: 0 auto;
    padding: 20px 0;
}
.cont_title_d .title_h2 h2 {
    font-weight: bold;
}
.cont_box {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0;
}
.cont_box p {
    line-height: 1.7em;
}
.cont_box-body {
    background: #eeeeee;
    padding: 20px;
    margin: 20px 0;
}
/*追従
---------------------------------------*/
.floating-banner, .floating-banner2, .floating-banner3 {
    display: none;
}
.fbnr {
    position: fixed;
    bottom: 0;
    z-index: 1 !important;
    background: rgba(108, 108, 108, 0.75);
    padding: 10px;
    display: inline-block;
    width: 100%;
}
.floating-banner_pc {
    width: 600px;
    margin: 0 auto;
}
.tel-bnr_bg {
    display: flex;
}
/*OM
---------------------------------------*/
#g01 .sectionWrap:nth-child(6) {
    width: 1000px;
    margin: 0 auto 25px;
}
#g01 .sectionWrap:nth-child(6) .h2WrapBtm {
    margin: 0!important;
    background: none !important;
}
#g01 .sectionWrap:nth-child(6) .section {
    border: solid 3px #f35c09;
    border-top: 0;
    border-radius: 10px 10px 0 0;
}
#g01 .sectionWrap:nth-child(6) .h2WrapTop, #g01 .sectionWrap:nth-child(6) .h2WrapMid {
    padding: 0;
    background: none !important;
}
#g01 .sectionWrap:nth-child(6) .h2WrapMid h2 {
    width: 995px;
    height: 55px;
    padding: 15px 0 0 20px;
    background: #f35c09;
    color: white;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
    font-size: 0;
    margin-top: 50px;
}
.topMessageDetail .detailAnchor {
    margin: 10px;
    padding-right: 10px;
    text-align: right;
}
.topMessageDetail h3 {
    color: #f35c09;
    border: none;
    padding: 10px 20px;
}
.topMessageSec02 {
    color: #767676;
    padding: 0 20px;
}
.topMessageSec01 {
    padding: 0 20px 10px;
    font-size: 115%;
}
#g01 .sectionWrap:not([id]) .h2WrapMid h2::before {
    content: "新着情報";
    font-size: 21px;
}
.topMessageDetail .detailAnchor a::before {
    content: "新着情報一覧▶";
    font-size: 15px;
    padding: 2px 0 2px 22px;
    color: #676767;
}
.topMessageDetail .detailAnchor a {
    padding: 2px 0 2px 22px;
    background: url(/static/img/ico_index_arrow01.png) no-repeat left center;
    color: #676767;
    text-decoration: none;
    font-weight: bold;
    font-size: 0;
    background: none;
}
#g01 .sectionWrap:nth-child(3) {
    width: 1000px;
    margin: 0 auto 25px;
}
#g01 .sectionWrap:nth-child(3) .h2WrapBtm {
    margin: 0!important;
    background: none !important;
}
#g01 .sectionWrap:nth-child(3) .section {
    border: solid 3px #f35c09;
    border-top: 0;
    border-radius: 10px 10px 0 0;
}
#g01 .sectionWrap:nth-child(3) .h2WrapTop, #g01 .sectionWrap:nth-child(3) .h2WrapMid {
    padding: 0;
    background: none !important;
}
#g01 .sectionWrap:nth-child(3) .h2WrapMid h2 {
    width: 995px;
    height: 55px;
    padding: 15px 0 0 20px;
    background: #f35c09;
    color: white;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
    font-size: 0;
    margin-top: 50px;
}
#g01 .sectionWrap:nth-child(1) {
    width: 1000px;
    margin: 30px auto 25px;
}
#g01 .sectionWrap:nth-child(1) .section .h2WrapTop {
    background: #f35c09;
    padding: 5px;
    border-radius: 5px 5px 0 0;
}
.h2WrapMid {
    padding: 0 12px 2px;
    background: url(../img/bg_h2_mid01.gif) repeat-y left top;
    background: #f35c09;
}
.h2WrapTop {
    padding-top: 15px;
    background: url(../img/bg_h2_top01.gif) no-repeat left 7px;
    background: 0;
}
.section {
    background: url(../img/bg_section_mid01.png) repeat-y left top;
    padding: 0 24px 0;
    background: 0;
}
.sectionWrap {
    position: relative;
    z-index: 1;
    background: url(../img/bg_section_top01.png) no-repeat left top;
    padding-top: 16px;
    background: 0;
}
.h2WrapTop {
    padding-top: 15px;
    background: url(../img/bg_h2_top01.gif) no-repeat left 7px;
    background: 0;
}
#g02 .h2WrapMid h2 {
    font-size: 129%;
    font-weight: bold;
    color: #fff;
    padding: 10px;
}
#g03 .h2WrapMid h2 {
    font-size: 129%;
    font-weight: bold;
    color: #fff;
    padding: 10px;
}
#g01 .sectionWrap:nth-child(1) .section .h2WrapMid h2 {
    color: #fff;
    font-size: 14px;
    font-size: 0;
}
#g01 .sectionWrap:nth-child(1) .section {
    border: solid 3px #f35c09;
    border-radius: 10px 10px 0 0;
}
.h2WrapBtm {
    margin: 0 0 10px;
    padding-bottom: 9px;
    background: url(../img/bg_h2_btm01.gif) no-repeat left bottom;
    _zoom: 1;
    background: 0;
}
#g01 .sectionWrap:nth-child(1) .h3_basic01 {
    font-size: 120%;
    font-weight: bold;
    color: #666;
    margin-bottom: 8px;
    border-bottom: 1px solid #666;
    padding: 0 10px 5px;
    color: #f35c09;
    border: none;
    padding: 10px 20px;
}
#g01 .sectionWrap, #g01 .sectionBtm {
    background: none;
    padding: 0;
}
.sectionBtm {
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 1;
    background: url(../img/bg_section_btm01.png) no-repeat left top;
    padding-bottom: 20px;
    margin-bottom: 15px;
    text-indent: -9999px;
    margin: 0;
}
/*廃車や車解体の手続き
---------------------------------------*/
.cont_howto {
    line-height: 1.7em;
}
.howto-bg {
    margin: 30px 0px;
}
.howto-bg h3 {
    background: #f35c09;
    color: white;
    padding: 10px;
    font-weight: bold;
    margin: 20px 0;
    font-size: 20px;
}
.howto-bg h4 {
    font-size: 18px;
    margin: 15px 0 0;
    color: #4e5e1b;
    font-weight: bold;
}
.howto-bg h4::before {
    content: "◆";
}
ul.lists {
    margin: 0px 0 20px;
}
ul.lists li {
    list-style: disc;
    margin-left: 25px;
}
/*車解体にかかる費用相場
---------------------------------------*/
.cont_other {
    line-height: 1.7em;
}
.other-bg {
    margin: 30px 0px;
    background: #e5ecd0;
    padding: 30px;
    border-radius: 10px;
}
.other-bg ul {
    margin: 20px 0;
    background: #fff;
    padding: 5px 20px 20px;
}
.other-bg h3 {
    font-weight: bold;
    margin: 15px 0 0;
    font-size: 20px;
}
.other-bg h3::before {
    content: "●";
    color: #b6bca4;
    margin-right: 10px;
}