@charset "UTF-8";
.pcnone {
  display: block;
  width: 90%;
  margin: 0 auto;
}

.spnone {
  display: none;
  width: 90%;
  margin: 0 auto;
}

@media screen and (max-width: 1500px) {
  .titlebg_top_cover {
    left: -210px;
  }
}
@media screen and (max-width: 1250px) {
  #footer .footer-house {
    display: none;
  }

  #global-nav ul {
    margin-left: -540px;
    height: 90px;
  }
  #global-nav ul li {
    width: 140px;
  }
  #global-nav ul li a {
    padding: 0;
  }
  #global-nav ul li:first-child {
    width: 230px;
  }
}
@media screen and (max-width: 1100px) {
  .table .trow .tcell {
    display: block;
    margin: 0 auto;
  }
  .table .trow .tcell:first-child:before {
    display: none;
  }
  .table .trow .storeimg {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
  }

  /*共通パーツ*/
  #container h2.greytitle {
    padding: 20px;
    font-size: 1.5em;
  }

  .titlearea {
    margin-top: 50px;
    padding: 50px 0;
  }

  #top-head, .inner {
    width: 100%;
    padding: 0;
  }

  #top-head {
    top: 0;
    position: fixed;
    margin-top: 0;
    min-width: 320px;
  }

  #top-head #mobile-head .head-comname {
    display: block;
    font-weight: bold;
    text-align: center;
    font-size: 1.3em;
    margin-top: -35px;
  }

  .inner #mobile-head img {
    display: inline-block;
    margin-left: 10px;
    margin-top: 5px;
    width: 50px;
    height: auto;
  }

  .inner #mobile-head span {
    display: inline-block;
    font-weight: bold;
  }

  #top-head.fixed {
    padding-top: 0;
    background: transparent;
  }

  #mobile-head {
    background: #fff;
    width: 100%;
    height: 56px;
    z-index: 999;
    position: relative;
  }

  #top-head.fixed .logo,
  #top-head .logo {
    position: absolute;
    left: 13px;
    top: 13px;
    color: #333;
    font-size: 26px;
  }

  #top-head #global-nav {
    position: absolute;
    top: -495px;
    background: #fff;
    width: 100%;
    text-align: center;
    padding: 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    left: 0;
    margin-left: 0px;
  }
  #top-head #global-nav ul {
    list-style: none;
    position: static;
    right: 0;
    bottom: 0;
    font-size: 14px;
    display: block;
    margin-left: 0px;
    width: 100%;
  }
  #top-head #global-nav ul li {
    box-sizing: border-box;
    float: left;
    position: static;
    display: block;
    width: 50%;
    background-color: none;
    height: auto;
    border: none;
    border-bottom: 1px dotted #aaa;
  }
  #top-head #global-nav ul li a {
    color: #333;
  }
  #top-head #global-nav ul li a span {
    display: none;
  }
  #top-head #global-nav ul li a span.sp_homelink {
    display: inline-block;
    color: #333;
    font-size: 1em;
    font-weight: bold;
    padding: 16px 0;
    border-top: none;
  }
  #top-head #global-nav ul li:nth-child(odd) {
    border-right: 1px dotted #aaa;
  }
  #top-head #global-nav ul li:first-child {
    background-color: none;
  }
  #top-head #global-nav ul li:first-child a {
    padding: 0 5px;
  }
  #top-head #global-nav ul li:first-child img {
    display: none;
  }
  #top-head #global-nav ul li:first-child .sp_homelink {
    display: block;
  }
  #top-head #global-nav ul li:last-child {
    width: 100%;
    border-bottom: 2px solid #8ec220;
  }

  #top-head #global-nav ul li a,
  #top-head.fixed #global-nav ul li a {
    width: 100%;
    display: block;
    padding: 18px 0;
  }

  #nav-toggle {
    display: block;
  }

  .open #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
  }

  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }

  .open #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
  }

  .open #global-nav {
    -moz-transform: translateY(556px);
    -webkit-transform: translateY(556px);
    transform: translateY(556px);
  }

  #footer {
    background-image: none;
  }
  #footer .footer-house {
    display: none;
  }
  #footer .pagetop {
    position: static;
    display: none;
  }
  #footer .footer-shop {
    display: block;
  }
  #footer .footer-shop .footer-logo {
    display: block;
    text-align: center;
    width: auto;
    margin-bottom: 30px;
  }
  #footer .footer-shop .footer-logo p a .footer-sns {
    width: 100px;
    margin-top: 20px;
  }
  #footer .footer-shop .footer-address {
    display: block;
    padding-right: 0;
  }
  #footer .footer-shop .footer-address p {
    text-align: center;
  }
  #footer .footer-shop nav.footer-nav {
    display: none;
  }

  /*各コンテンツ共有*/
  #container section h2.section_title {
    padding-top: 1em;
    font-size: 1.6em;
  }
  #container section h2.section_title_color {
    font-size: 1.4em;
    border-radius: 0;
    padding: 8px 0;
  }
  #container section.pa_point {
    padding-top: 60px;
    margin-top: -60px;
  }
  #container section.pa_point .upg_wait {
    background-image: none;
    width: 95%;
    margin: 0 auto;
  }
  #container .goaltext {
    text-align: center;
  }
  #container .goaltext span {
    font-size: 1.2em;
    padding: 20px 10px;
    width: 80%;
  }

  /*各コンテンツ*/
  .top_headerTitle {
    font-size: 1.6em;
  }

  .topSelect a {
    width: 80%;
  }
  .topSelect .topCopy {
    font-size: 1em;
    padding: 0 20px;
  }
  .topSelect .topCopy span {
    font-size: 1em;
  }

  .top_description {
    padding-top: 50px;
    padding-bottom: 40px;
  }
  .top_description .top_parson img {
    width: 30%;
  }
  .top_description h1 {
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 1.6em;
    width: 80%;
    text-align: center;
  }
  .top_description p {
    padding: 10px 20px;
  }

  .top_headerTitle {
    font-size: 1.6em;
  }

  .titlebg_top {
    padding: 0;
    height: 400px;
    background-position: center right;
    background-size: cover;
  }

  .titlebg_top_cover {
    height: 400px;
    left: -140px;
  }

  .con_header p {
    padding: 0 10px;
  }

  .con_carbay section {
    padding: 0 10px;
    box-sizing: border-box;
  }
  .con_carbay .carbay_topsection {
    text-align: center;
  }
  .con_carbay .carbay_topsection .inner, .con_carbay .carbay_topsection a.carbay_linker1, .con_carbay .carbay_topsection .carbay_linker2 {
    float: none;
  }
  .con_carbay .carbay_topsection .carbay_linker2 {
    margin: 0 auto;
    text-align: left;
  }
  .con_carbay .carbay_topsection .carbay_linker2 a {
    width: auto;
  }
  .con_carbay .carbay_topsection .carbay_linker2 .carbay_que .carbay_quebox li {
    text-align: center;
  }
  .con_carbay .carbay_topsection .carbay_linker2 .carbay_que .carbay_quebox .cbg {
    margin-bottom: 10px;
  }
  .con_carbay .carbay_topsection .carbay_linker2 .carbay_que .carbay_quebox .cbg_text {
    display: block;
  }
  .con_carbay .carbay_topsection .inner {
    padding: 25px 0;
  }
  .con_carbay .carbay_topsection .inner p {
    margin-left: 25px;
    margin-right: 25px;
  }
  .con_carbay .carbay_topsection .inner:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    top: 100%;
    right: 45%;
    margin-left: 13px;
    border-style: solid;
    border: 27px solid transparent;
    border-top: 27px solid #f7f7f7;
  }
  .con_carbay .carbay_topsection .car_topsub_img {
    float: none;
    display: block;
  }
  .con_carbay .carbay_table {
    display: block;
  }
  .con_carbay .carbay_table div {
    display: block;
    text-align: center;
    width: 100%;
  }
  .con_carbay .carbay_table div span {
    margin-top: 30px;
  }
  .con_carbay .carbay_table div p {
    background-color: #F6FBEC;
  }

  .con_upgranding .upg_wait .upg_wait_box {
    width: 90%;
    max-width: 100%;
    margin: 50px auto 0;
  }
  .con_upgranding .upg_rstimates .upg_table .up_goods_box {
    display: block;
  }
  .con_upgranding .upg_rstimates .upg_table .tabox1, .con_upgranding .upg_rstimates .upg_table .tabox2 {
    width: 90%;
    margin: 10px auto;
  }
  .con_upgranding .upg_rstimates .upg_table .tabox1 ul {
    margin-top: 50px;
  }
  .con_upgranding #pa_upg_3 .wait {
    width: 100%;
    max-width: 960px;
  }
  .con_upgranding #pa_upg_3 .wait ul {
    margin: 30px auto 0;
    width: 90%;
  }
  .con_upgranding #pa_upg_3 .wait ul li {
    width: 100%;
    float: none;
    margin: 5px auto;
  }
  .con_upgranding #pa_upg_3 .wait ul li:last-child {
    width: 100%;
  }

  .con_purchase .inner {
    padding: 25px 0;
  }
  .con_purchase .inner p {
    margin-left: 25px;
    margin-right: 25px;
  }
  .con_purchase .inner:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    top: 100%;
    right: 45%;
    margin-left: 13px;
    border-style: solid;
    border: 27px solid transparent;
    border-top: 27px solid #f7f7f7;
  }
  .con_purchase .pur_exampleTable {
    display: block;
  }
  .con_purchase .pur_exampleTable .pur_exBox {
    display: block;
    width: auto;
  }
  .con_purchase .pur_exampleTable .pur_exBox img {
    max-width: 95%;
    margin: 0 auto;
  }
  .con_purchase .pur_exampleTable .pur_exBox .car_type {
    padding: 8px;
    background-color: #ccc;
    font-weight: bold;
    font-size: 0.9em;
    margin-bottom: 25px;
  }
  .con_purchase .pur_exampleTable .pur_exBox .car_price_memo {
    text-align: left;
    font-size: 0.9em;
    padding: 2px 20px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .con_purchase .pur_exampleTable .pur_exBox span.oripoint {
    padding: 3px 10px;
    background-color: #f4a703;
    color: #fff;
    font-size: 0.9em;
    border-radius: 5px;
    width: 30%;
    display: block;
    margin: 0 auto;
  }
  .con_purchase .pur_exampleTable .pur_exBox .car_price {
    margin-top: 10px;
    color: #222;
    font-weight: bold;
    font-size: 2.5em;
    padding: 10px 0;
    background-color: #fcf9f2;
  }

  .con_sheetmetal .pur_exampleTable .pur_exBox {
    width: 100%;
    display: block;
    margin-bottom: 50px;
    border: none;
  }
  .con_sheetmetal .pur_exampleTable .pur_exBox img {
    max-width: 100%;
  }
  .con_sheetmetal .pur_exampleTable .pur_exBox .car_type {
    box-sizing: border-box;
    width: 100%;
    max-width: 370px;
  }
  .con_sheetmetal .pur_exampleTable:after {
    top: 44%;
    transform: rotate(90deg);
  }
  .con_sheetmetal .step .step_row .sm_stapcell {
    display: block;
    box-sizing: border-box;
  }
  .con_sheetmetal .step .step_row .sm_stapcell:nth-child(1) {
    display: inline;
    background-color: #FFF;
    display: block;
    text-align: center;
    width: 100%;
  }
  .con_sheetmetal .step .step_row .sm_stapcell:nth-child(2) {
    display: block;
    text-align: center;
    width: 100%;
    margin: 0;
    background-color: #FFF;
  }
  .con_sheetmetal .step .step_row .sm_staptext {
    display: block;
    background-color: #f7f7f7;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 980px) {
  .titlebg_top_cover {
    left: -200px;
  }
}
@media screen and (max-width: 800px) {
  .pcnone {
    display: none;
    width: 90%;
    margin: 0 auto;
  }

  .spnone {
    display: block;
    width: 90%;
    margin: 0 auto;
  }

  .top_description .top_parson {
    height: 280px;
    overflow: hidden;
  }
  .top_description .top_parson img {
    position: static;
    min-width: 150px;
    width: 280px;
  }
  .top_description h1 {
    width: auto;
  }
  .top_description p {
    width: auto;
  }

  .con_carbay .carbay_topsection {
    margin: 40px auto 80px auto;
  }
  .con_carbay .insurance {
    padding: 40px 0 40px 0;
  }
  .con_carbay .insurance > div {
    padding: 40px 20px;
    background: white url(../img/insurance_bg_sp.jpg);
    background-position: 100% 50%;
    background-size: auto 100%;
    background-repeat: no-repeat;
  }

  .con_upgranding .upg_rstimates .telbox {
    background-image: none;
  }

  .con_upgranding .upg_rstimates .telbox .telboxul {
    width: 100%;
  }

  .con_upgranding .upg_wait .upg_wait_box ul li {
    float: none;
    width: 90%;
    text-indent: -1.5em;
    padding-left: 1em;
  }
  .con_upgranding .upg_wait .upg_wait_box ul li:before {
    padding-left: 0;
  }

  .contact .mailform_area {
    margin: 0 auto;
  }
  .contact .mailform_area .trow .label-area {
    display: block;
    width: 95%;
    padding: 15px 0 15px 5px;
    margin: 0 auto;
    text-align: center;
    border-bottom: none;
  }
  .contact .mailform_area .trow .input-area {
    display: block;
    width: 95%;
    padding: 0 0;
    margin: 10px auto;
    text-align: center;
  }
  .contact .mailform_area .trow .input-area input {
    width: 100%;
    padding: 5px 0;
  }
  .contact .mailform_area .trow .input-area textarea {
    width: 95%;
  }
  .contact .mailform_area .trow .input-area .privacypolicy {
    width: 95%;
    text-align: left;
  }

  .storemap .table {
    width: 100%;
  }
  .storemap .storetable .trow:first-child .tcell {
    border-top: none;
  }
  .storemap .storetable .trow .tcell:first-child {
    background-color: #F6FBEC;
  }
  .storemap .map iframe {
    height: 300px;
  }
  .storemap .storeimg {
    background-color: #FFF;
  }
  .storemap .recruit table {
    box-sizing: border-box;
    width: 100%;
    max-width: 600px;
    margin: 20px auto 40px auto;
    border: none;
  }
  .storemap .recruit table th {
    text-align: center;
    box-sizing: border-box;
    display: block;
    width: 100%;
    background: #f0f0f0;
    padding: 1em;
    border-bottom: 1px solid #ccc;
    border-right: none;
  }
  .storemap .recruit table tr:first-child th {
    border-top: 1px solid #ccc;
  }
  .storemap .recruit table td {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 1em;
    border-bottom: 1px solid #ccc;
  }
}
@media screen and (max-width: 500px) {
  .res-pull {
    display: none;
  }

  .res-push {
    display: inline-block;
  }

  .res-block {
    display: block;
  }

  .con_carbay .carbay_topsection .car_top_img {
    display: none;
  }

  .con_carbay .carbay_topsection .car_topsub_img {
    margin-top: 30px;
    margin-bottom: 0;
  }

  /*共通パーツ*/
  .common_pick {
    background-size: 80%;
  }

  .common_storemap {
    margin-top: 0px;
    padding: 0 0 20px;
  }
  .common_storemap h2 {
    margin-bottom: 10px;
    font-size: 1.4em;
  }
  .common_storemap .common_storetel {
    display: none;
  }
  .common_storemap .common_message {
    background-color: #8ec220;
    color: #fff;
    padding: 12px;
    margin-bottom: 30px;
    font-size: 1em;
  }
  .common_storemap .common_message span {
    font-weight: bold;
  }
  .common_storemap .common_storeinfo a {
    width: 100%;
    max-width: 220px;
    font-size: 1.2em;
    margin-top: 15px;
    border: 2px solid #8ec220;
  }
  .common_storemap .common_storeinfo a:last-child {
    margin-left: 0px;
  }
  .common_storemap .common_storeinfo a.res-push {
    display: inline-block;
  }

  #toppage h2 {
    font-size: 1.5em;
  }
  #toppage section {
    padding-top: 40px;
    padding-bottom: 0px;
  }

  .titlebg_top {
    height: 260px;
  }
}