@charset "UTF-8";

/******************************************************************************
*
* [下層]共通
*
******************************************************************************/

p.tc {
    text-align: center;
}

p.tc.cs {
    margin: 100px 0;
    font-size: 20px;
}

.section_mb {
    margin-bottom: 100px;
}

/*---------------------
* FV
---------------------*/

.under_fv .ufv_img {
    height: 500px;
    background-size: cover;
    background-position: center;
}

/*背景差分*/

#greeting.under_fv .ufv_img {
    background-image: url(../images/under/greeting/g_head.jpg);
}

#company.under_fv .ufv_img {
    background-image: url(../images/under/company/c_head.jpg);
}

#insurance.under_fv .ufv_img {
    background-image: url(../images/under/insurance/i_head.jpg);
}

#roadservice.under_fv .ufv_img {
    background-image: url(../images/under/roadservice/rs_head.jpg);
}

#recruit.under_fv .ufv_img {
    background-image: url(../images/under/recruit/r_head.jpg);
}

#new_used.under_fv .ufv_img {
    background-image: url(../images/under/new_used/nu_head.jpg);
}

#car_lease.under_fv .ufv_img {
    background-image: url(../images/under/carlease/cl_head.jpg);
}

#purchase.under_fv .ufv_img {
    background-image: url(../images/under/purchase/p_head.jpg);
}

#maintenance.under_fv .ufv_img {
    background-image: url(../images/under/maintenance/m_head.jpg);
}

#painting.under_fv .ufv_img {
    background-image: url(../images/under/painting/p_head.jpg);
}

#car_insurance.under_fv .ufv_img {
    background-image: url(../images/under/car-insurance/ci_head.jpg);
}

#staff.under_fv .ufv_img {
    background-image: url(../images/under/staff/s_head.jpg);
}

#privacypolicy.under_fv .ufv_img {
    background-image: url(../images/under/pp/pp_head.jpg);
}

/*見出し*/

.under_fv h2 {
    text-align: center;
    font-size: 32px;
    background: #f3fbff;
    border-top: solid 10px #00cdff;
    padding: 10px 0;
}

/*色差分*/

.under_fv.c2 h2 {
    background: #fef5fb;
    border-color: #fe66cc;
}

.under_fv.c3 h2 {
    background: rgba(208, 46, 38, 0.07);
    border-color: #d02e26;
}

.under_fv.c4 h2 {
    background: rgba(215, 95, 46, 0.07);
    border-color: #d75f2e;
}

.under_fv.c5 h2 {
    background: rgba(28, 43, 131, 0.07);
    border-color: #1c2b83;
}

.under_fv.c6 h2 {
    background: rgba(153, 153, 153, 0.15);
    border-color: #999999;
}

.under_fv.c7 h2 {
    background: rgba(46, 102, 59, 0.07);
    border-color: #2e663b;
}

/*---------------------
* 表
---------------------*/

/*共通*/

table.u_table {
    width: 100%;
    box-sizing: border-box;
    font-size: 15px;
}

table.u_table th,
table.u_table td {
    box-sizing: border-box;
    text-align: left;
    padding: 18px 10px;
}

table.u_table tr {
    border-bottom: solid 1px #ccc;
}

table.u_table tr:first-child {
    border-top: solid 1px #ccc;
}

table.u_table tr.bd {
    border-bottom: dotted 2px #ccc;
}

table.u_table th,
table.u_table th.sub {
    width: 150px;
    color: #010099;
}

table.u_table th small {
    display: inline-block;
    font-size: 11px;
    color: #333;
}

table.u_table td {
    width: 50%;
    width: -webkit-calc(100% - 300px);
    width: calc(100% - 300px);
}

/*ボックス*/

table.u_table td .box h4 {
    color: #010099;
}

table.u_table td .box ul li {
    margin-top: 5px;
    font-size: 14px;
}

table.u_table td .box ul li a.tel {
    color: #cc0033;
    text-decoration: underline;
}

table.u_table td .box ul li a.tel:hover {
    color: #d3345c;
}

table.u_table td .box:nth-child(n+2) {
    margin-top: 15px;
}

table.u_table td .box ul li.address a {
    display: inline-block;
    width: 16px;
    position: relative;
    left: 5px;
    top: 3px;
}

table.u_table td .box ul li.address a img {
    display: block;
}

/*差分*/

table.u_table.ut2 th {
    width: 300px;
}

/*---------------------
* お問い合わせ
---------------------*/

#under_contact {
    background: -moz-linear-gradient(50% 100.44% 90deg, rgba(85, 214, 255, 1) 0.08%, rgba(56, 164, 240, 1) 28.49%, rgba(26, 112, 225, 1) 61.46%, rgba(7, 79, 216, 1) 86.33%, rgba(0, 67, 212, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(85, 214, 255, 1) 0.08%, rgba(56, 164, 240, 1) 28.49%, rgba(26, 112, 225, 1) 61.46%, rgba(7, 79, 216, 1) 86.33%, rgba(0, 67, 212, 1) 100%);
    background: -webkit-gradient(linear, 50% 100.44%, 50% 5.71%, color-stop(0.0008, rgba(85, 214, 255, 1)), color-stop(0.2849, rgba(56, 164, 240, 1)), color-stop(0.6146, rgba(26, 112, 225, 1)), color-stop(0.8633, rgba(7, 79, 216, 1)), color-stop(1, rgba(0, 67, 212, 1)));
    background: -o-linear-gradient(90deg, rgba(85, 214, 255, 1) 0.08%, rgba(56, 164, 240, 1) 28.49%, rgba(26, 112, 225, 1) 61.46%, rgba(7, 79, 216, 1) 86.33%, rgba(0, 67, 212, 1) 100%);
    background: -ms-linear-gradient(90deg, rgba(85, 214, 255, 1) 0.08%, rgba(56, 164, 240, 1) 28.49%, rgba(26, 112, 225, 1) 61.46%, rgba(7, 79, 216, 1) 86.33%, rgba(0, 67, 212, 1) 100%);
    background: linear-gradient(0deg, rgba(85, 214, 255, 1) 0.08%, rgba(56, 164, 240, 1) 28.49%, rgba(26, 112, 225, 1) 61.46%, rgba(7, 79, 216, 1) 86.33%, rgba(0, 67, 212, 1) 100%);
}

#under_contact h2.lead1 {
    color: #fff;
}

#under_contact .tel {
    width: 50%;
    margin: auto;
}

#under_contact aside {
    text-align: center;
    color: #fff;
    font-size: 15px;
    margin-top: 20px;
}

/*ボタン*/

#under_contact .btn {
    text-align: center;
    margin-top: 40px;
}

#under_contact .btn a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    padding: 10px 40px 10px 30px;
    border: solid 2px #fff;
    border-radius: 6px;
    position: relative;
}

#under_contact .btn a:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 10px;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    -webkit- transform: translateY(-50%) rotate(45deg);
    transition: all 0.5s;
}

#under_contact .btn a:hover:after {
    right: 13px;
}

/******************************************************************************
*
* [下層]あいさつ・理念
*
******************************************************************************/

/*---------------------
* あいさつ
---------------------*/

#greeting_sec1 .box {
    display: flex;
    justify-content: space-between;
}

/*写真*/

#greeting_sec1 .box .ava {
    width: 250px;
}

/*テキスト*/

#greeting_sec1 .box .txt {
    width: 70%;
    width: -webkit-calc(100% - 300px);
    width: calc(100% - 300px);
}

#greeting_sec1 .box .txt p {
    font-size: 15px;
    line-height: 2;
}

#greeting_sec1 .box .txt .name {
    width: 270px;
    margin-left: auto;
    margin-top: 50px;
}

/*---------------------
* 理念
---------------------*/

#greeting_sec2 .rinen dl {
    margin-bottom: 50px;
    box-sizing: border-box;
    border: solid 1px #ccc;
    background: #fff;
}

#greeting_sec2 .rinen dl:last-child {
    margin-bottom: 0;
}

#greeting_sec2 .rinen dl dt {
    text-align: center;
}

#greeting_sec2 .rinen dl dt span {
    display: inline-block;
    font-size: 20px;
    padding: 5px 40px;
    background: #010099;
    color: #fff;
}

#greeting_sec2 .rinen dl dd {
    padding: 50px 100px;
}

#greeting_sec2 .rinen dl dd h3 {
    text-align: center;
    font-size: 20px;
}

#greeting_sec2 .rinen dl dd ul li {
    font-size: 16px;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 15px;
}

#greeting_sec2 .rinen dl dd ul li:last-child {
    margin-bottom: 0;
}

#greeting_sec2 .rinen dl dd ul li i {
    color: #010099;
    margin-right: 3px;
}


/******************************************************************************
*
* [下層]会社概要
*
******************************************************************************/

#company_sec1 h2.lead1 {
    font-size: 21px;
    margin-bottom: 80px;
}

#company_sec1 .c_img {
    width: 65%;
    margin: 0 auto 80px;
}

#company_sec1 .c_img aside {
    text-align: center;
    margin-top: 20px;
}

/******************************************************************************
*
* [下層]保険
*
******************************************************************************/

#insurance_sec1 .is1_img {
    width: 50%;
    margin: 40px auto;
}

#insurance_sec1 p {
    line-height: 2;
}

/*---------------------
* ポイント
---------------------*/

#insurance_sec2 .lead1 {
    margin-bottom: 10px
}

#insurance_sec2 .is_point {
    position: relative;
    width: 70%;
    margin: 40px auto;
}

#insurance_sec2 .is_point a {
    display: block;
    width: 25%;
    height: 6%;
    position: absolute;
    left: 3%;
    bottom: 11%;
}


/******************************************************************************
*
* [下層]ロードサービス
*
******************************************************************************/

/*---------------------
* プラチナ認証
---------------------*/

#rs_sec1 {
    background: -moz-linear-gradient(50% 111.28% 90deg, rgba(104, 211, 255, 1) 0%, rgba(24, 127, 196, 0) 77.75%);
    background: -webkit-linear-gradient(90deg, rgba(104, 211, 255, 1) 0%, rgba(24, 127, 196, 0) 77.75%);
    background: -webkit-gradient(linear, 50% 111.28%, 50% -11.73%, color-stop(0, rgba(104, 211, 255, 1)), color-stop(0.7775, rgba(24, 127, 196, 0)));
    background: -o-linear-gradient(90deg, rgba(104, 211, 255, 1) 0%, rgba(24, 127, 196, 0) 77.75%);
    background: -ms-linear-gradient(90deg, rgba(104, 211, 255, 1) 0%, rgba(24, 127, 196, 0) 77.75%);
    background: linear-gradient(0deg, rgba(104, 211, 255, 1) 0%, rgba(24, 127, 196, 0) 77.75%);
}

/*賞状*/

#rs_sec1 .rstp_hc {
    width: 50%;
    margin: 0 auto 60px;
}

/*詳細*/

#rs_sec1 .hc2c {
    display: flex;
    justify-content: space-between;
}

#rs_sec1 .hc2c .box {
    width: 48.5%;
    box-sizing: border-box;
    background: #fff;
    padding: 30px;
}

#rs_sec1 .hc2c .box.b1 h4 {
    font-size: 16px;
    line-height: 1.5;
    margin: 30px 0 8px;
}

#rs_sec1 .hc2c .box.b1 p {
    font-size: 14px;
}

#rs_sec1 .hc2c .box.b1 .anker {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-top: 6px;
}

#rs_sec1 .hc2c .box.b1 .anker a {
    color: #010099;
}

#rs_sec1 .hc2c .box.b1 .anker a:hover {
    text-decoration: underline;
}

#rs_sec1 .hc2c .box.b1 .anker aside {
    font-size: 13px;
    margin-left: 3px;
    color: #777;
}

#rs_sec1 .hc2c .box.b2 figure figcaption {
    text-align: center;
    margin-top: 5px;
}

/*テキスト*/

#rs_sec1 p.rstp_p {
    margin: 40px 15px 50px;
}

#rs_sec1 p.rstp_p span {
    font-size: 120%;
}

#rs_sec1 .rstp_txt {
    position: relative;
    bottom: -5px;
}

/*---------------------
* 問題
---------------------*/

#rs_sec2 h3 {
    font-weight: bold;
    text-align: center;
    font-size: 24px;
}

#rs_sec2 h3 span {
    font-size: 130%;
}

/*リスト*/

#rs_sec3 {
    background: #fdf3f9;
}

#rs_sec3 .trouble_list {
    display: flex;
    flex-wrap: wrap;
}

#rs_sec3 .trouble_list dl {
    width: 32%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 2%;
}

#rs_sec3 .trouble_list dl:nth-child(3n),
#rs_sec3 .trouble_list dl:last-child {
    margin-right: 0;
}

#rs_sec3 .trouble_list dl:nth-child(n+4) {
    margin-top: 15px;
}

#rs_sec3 .trouble_list dl dt {
    width: 80px;
}

#rs_sec3 .trouble_list dl dd {
    width: 60%;
    width: -webkit-calc(100% - 90px);
    width: calc(100% - 90px);
    line-height: 1.5;
    font-size: 18px;
}

#rs_sec3 aside {
    text-align: center;
    margin-top: 50px;
}

/*---------------------
* 解決(リード)
---------------------*/

#rs_sec4 .rss4_lead .trouble {
    display: flex;
    justify-content: space-between;
}

#rs_sec4 .rss4_lead .trouble dl {
    width: 48.5%;
    box-sizing: border-box;
}

#rs_sec4 .rss4_lead .trouble dl dd {
    text-align: center;
}

#rs_sec4 .rss4_lead p.tc {
    margin-top: 60px;
}

/*---------------------
* 解決(メイン)
---------------------*/

#rs_sec4 .rss4_solution {
    margin-top: 100px;
}

#rs_sec4 .rss4_solution .box {
    background: #fff;
    box-sizing: border-box;
    border: solid 5px #efefef;
    padding: 0 50px 50px;
}

#rs_sec4 .rss4_solution .box.b2 {
    margin-top: 100px;
}

#rs_sec4 .rss4_solution .box h3 {
    text-align: center;
    position: relative;
    top: -25px;
    margin-bottom: 30px;
}

#rs_sec4 .rss4_solution .box h3 span {
    display: inline-block;
    font-size: 22px;
    background: #3399ff;
    color: #fff;
    padding: 7px 2em 5px;
    border-radius: 50px;
}

/*ボタン*/

#rs_sec4 .rss4_solution .box .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0;
}

#rs_sec4 .rss4_solution .box .btn .icon {
    width: 95px;
    margin-right: 20px;
}

#rs_sec4 .rss4_solution .box .btn .anker {
    width: 320px;
}

#rs_sec4 .rss4_solution .box .btn .anker a {
    display: block;
    background: #c03;
    padding: 10px 30px;
    border-radius: 50px;
    transition: background 0.5s;
}

#rs_sec4 .rss4_solution .box .btn .anker a:hover {
    background: #d3345c;
}

#rs_sec4 .rss4_solution .box .btn .anker aside {
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 5px;
}

/*車*/

#rs_sec4 .rss4_solution .box .car_list {
    display: flex;
    flex-wrap: wrap;
}

#rs_sec4 .rss4_solution .box .car_list.cl2,
#rs_sec4 .rss4_solution .box .car_list.cl3 {
    margin-top: 80px;
}

#rs_sec4 .rss4_solution .box .car_list dl {
    width: 48%;
    box-sizing: border-box;
}

#rs_sec4 .rss4_solution .box .car_list dl:nth-child(even) {
    margin-left: 4%;
}

#rs_sec4 .rss4_solution .box .car_list dl:nth-child(n+3) {
    margin-top: 40px;
}

#rs_sec4 .rss4_solution .box .car_list dl dd h4 {
    color: #010099;
    font-size: 18px;
    margin: 15px 0 7px;
}

#rs_sec4 .rss4_solution .box .car_list dl dd p {
    font-size: 14px;
}

/*---------------------
* イメージフッター
---------------------*/

.is_foot {
    width: 100%;
    max-width: 1920px;
    height: auto;
    position: relative;
}

.is_foot::before {
    content: "";
    display: block;
    padding-top: 65%;
}

.is_foot .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/under/roadservice/rs_footer.jpg);
    background-size: cover;
    background-position: center top;
}


/******************************************************************************
*
* [下層] 採用情報
*
******************************************************************************/

#recruit_sec1 p.tc {
    font-size: 20px;
    margin: 100px 0;
}



/******************************************************************************
*
* [下層] 個人情報保護方針
*
******************************************************************************/

#pp_sec1 .info {
    margin-bottom: 60px;
}

#pp_sec1 .info p,
#pp_sec2 .info p {
    text-align: right;
}

#pp_sec2 .info {
    margin-bottom: 0;
}

#pp_sec2 .info p {
    font-size: 12px;
}

#pp_sec2 h2 {
    background: #0201ff;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding: 10px 0;
    border-radius: 500px;
    margin-bottom: 80px;
}

/*表*/

#pp_sec2 .pp_list dl {
    margin-bottom: 50px;
}

#pp_sec2 .pp_list dl dt {
    font-size: 20px;
    font-weight: bold;
    color: #0201ff;
    margin-bottom: 8px;
}

#pp_sec2 .pp_list dl dd .box {
    margin-top: 15px;
    padding-left: 1em;
}

#pp_sec2 .pp_list dl dd .box h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

#pp_sec2 .pp_list dl dd .box ul,
#pp_sec2 .pp_list dl dd .box p {
    padding-left: 18px;
    color: #555;
}

#pp_sec2 .pp_list dl dd .box ul li {
    text-indent: -1em;
    padding-left: 1em;
}

#pp_sec2 .pp_list dl dd .box ul li::before {
    content: "・";
    margin-right: 0.5em;
}


/******************************************************************************
*
* [下層] お問い合わせ
*
******************************************************************************/

/*---------------------
*ヘッド・コンテナ
---------------------*/

#cf_sec1 .cf_box {
    border: solid 2px #0a63f8;
}

#cf_sec1 .cf_box h2 {
    background: #0a63f8;
    color: #fff;
    padding: 30px 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

#cf_sec1 .cf_box .box {
    padding: 80px 0;
    max-width: 600px;
    margin: auto;
}

/*---------------------
* 注意・補足
---------------------*/

#cf_sec1 .cf_box .box .attention ul li {
    font-size: 14px;
    text-indent: -1em;
    padding-left: 1em;
    color: #232827;
}

#cf_sec1 .cf_box .box .attention ul li:nth-child(n+2) {
    margin-top: 6px;
}

#cf_sec1 .cf_box .box aside.a1 {
    margin: 50px 0;
    font-size: 14px;
    color: #232827;
}

#cf_sec1 .cf_box .box aside.a1 span {
    color: #d02e26;
}


/*---------------------
* フォームコンテナ
---------------------*/

#cf_sec1 form input {
    display: inline-block;
    box-sizing: border-box;
}

#cf_sec1 form dl {
    margin-bottom: 50px;
}

#cf_sec1 form dl dt {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

#cf_sec1 form dl dt.re,
#cf_sec1 form dl dd h3.re {
    margin-top: 10px;
    font-size: 14px;
    color: #555;
}

#cf_sec1 form dl dd h3.re {
    margin-bottom: 5px;
}

/*補足*/

#cf_sec1 form dl dd aside {
    font-size: 12px;
    color: #555;
    margin-top: 10px;
}

/*注意事項*/

#cf_sec1 form dl dd ul.attention li {
    font-size: 12px;
    text-indent: -1em;
    padding-left: 1em;
}

#cf_sec1 form dl dd ul.attention li.c1 {
    color: #0a63f8;
}

#cf_sec1 form dl dd ul.attention li.c2 {
    color: #d02e26;
}

/*個人情報保護方針*/

#cf_sec1 form dl dd .pp {
    box-sizing: border-box;
    height: 120px;
    overflow: scroll;
    font-size: 12px;
    color: #777;
    border: solid 1px #ccc;
    padding: 15px;
}

#cf_sec1 form dl dd .check {
    text-align: center;
    color: #555;
    margin-top: 10px;
    font-size: 14px;
}

/*---------------------
*フォーム入力欄
---------------------*/

#cf_sec1 form input[type="text"],
#cf_sec1 form input[type="email"],
#cf_sec1 form input[type="tel"],
#cf_sec1 form textarea,
#cf_sec1 form select {
    display: block;
    width: 100%;
    border: solid 2px #ccc;
    font-size: 16px;
    padding: 10px;
}

#cf_sec1 form textarea {
    height: 200px;
}

/*チェックボックス*/

#cf_sec1 form dl dd ul.checkbox li {
    color: #555;
    margin-bottom: 5px;
}

#cf_sec1 form dl dd ul.checkbox li:last-child {
    margin-bottom: 0;
}

/*カラム数*/

#cf_sec1 form dl dd.c2 {
    display: flex;
    justify-content: space-between;
}

#cf_sec1 form dl dd.c2 > input,
#cf_sec1 form dl dd.c2 > div {
    width: 49%;
}

/*住所用2カラム*/

#cf_sec1 form dl dd.c2 div.c2 {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

#cf_sec1 form dl dd.c2 div.c2 i {
    display: block;
    width: 20px;
}

#cf_sec1 form dl dd.c2 div.c2 input {
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
}

/*ボタン*/

#cf_sec1 form input[type="submit"] {
    display: block;
    width: 300px;
    box-sizing: border-box;
    background: #4c86fb;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: auto;
    border-radius: 500px;
    padding: 20px 0;
}

#cf_sec1 form input[type="submit"].g {
    filter: grayscale(100%);
    transform: translateZ(0);
    pointer-events: none;
}



/******************************************************************************
*
* [下層]レスポンシブ対応
*
******************************************************************************/

/*1920px以下*/

@media only screen and (max-width: 1920px) {}

/*1400px以下*/

@media only screen and (max-width: 1400px) {}

/*960px以下*/

@media only screen and (max-width: 960px) {}

/*644px以下*/

@media only screen and (max-width: 644px) {

    p.tc.cs {
        margin: 50px 0;
        font-size: 18px;
    }

    .section_mb {
        margin-bottom: 70px;
    }

    /*---------------------
    * [下層]共通
    ---------------------*/

    /*FV*/

    .under_fv .ufv_img {
        height: auto;
    }

    .under_fv .ufv_img::before {
        content: "";
        display: block;
        padding-top: 39.1%;
    }

    .under_fv h2 {
        font-size: 24px;
        border-top-width: 6px;
        padding: 14px 0;
    }

    #greeting.under_fv .ufv_img {
        background-image: url(../images/under/greeting/g_head_sp.jpg);
    }

    #company.under_fv .ufv_img {
        background-image: url(../images/under/company/c_head_sp.jpg);
    }

    #insurance.under_fv .ufv_img {
        background-image: url(../images/under/insurance/i_head_sp.jpg);
    }

    #roadservice.under_fv .ufv_img {
        background-image: url(../images/under/roadservice/rs_head_sp.jpg);
    }

    #recruit.under_fv .ufv_img {
        background-image: url(../images/under/recruit/r_head_sp.jpg);
    }

    #new_used.under_fv .ufv_img {
        background-image: url(../images/under/new_used/nu_head_sp.jpg);
    }

    #car_lease.under_fv .ufv_img {
        background-image: url(../images/under/carlease/cl_head_sp.jpg);
    }

    #purchase.under_fv .ufv_img {
        background-image: url(../images/under/purchase/p_head_sp.jpg);
    }

    #maintenance.under_fv .ufv_img {
        background-image: url(../images/under/maintenance/m_head_sp.jpg);
    }

    #painting.under_fv .ufv_img {
        background-image: url(../images/under/painting/p_head_sp.jpg);
    }

    #car_insurance.under_fv .ufv_img {
        background-image: url(../images/under/car-insurance/ci_head_sp.jpg);
    }

    #staff.under_fv .ufv_img {
        background-image: url(../images/under/staff/s_head_sp.jpg);
    }

    #privacypolicy.under_fv .ufv_img {
        /*background-image: url(../images/under/pp/pp_head_sp.jpg);*/
    }

    /*表*/

    table.u_table {
        font-size: 12px;
    }

    table.u_table th,
    table.u_table td {
        padding: 15px 2px;
    }

    table.u_table th {
        width: 100px;
    }

    table.u_table th.sub {
        display: none;
    }

    table.u_table th small {
        font-size: 10px;
    }

    table.u_table td {
        width: 50%;
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px);
    }

    table.u_table td .box ul li {
        margin-top: 6px;
        font-size: 11px;
        line-height: 1.5;
    }

    table.u_table td .box:nth-child(n+2) {
        margin-top: 10px;
    }

    table.u_table td .box ul li.address a {
        width: 15px;
    }

    table.u_table.ut2 th {
        width: 120px;
        vertical-align: middle;
    }

    table.u_table.ut2 td {
        vertical-align: middle;
    }

    table.u_table td h4 {
        color: #010099;
        font-size: 12px;
        margin-bottom: 5px;
    }

    table.u_table.ut2 th span {
        display: block;
        font-size: 10px;
    }

    /*お問い合わせ*/

    #under_contact h2.lead1 {
        margin-bottom: 40px;
    }

    #under_contact .tel {
        width: 85%;
        margin: auto;
    }

    #under_contact aside {
        font-size: 13px;
    }


    /*---------------------
    * [下層]あいさつ・理念
    ---------------------*/

    /*あいさつ*/

    #greeting_sec1 .box {
        display: block;
    }

    #greeting_sec1 .box .ava {
        width: 70%;
        margin: auto;
    }

    #greeting_sec1 .box .txt {
        width: 100%;
        width: -webkit-calc(100%);
        width: calc(100%);
    }

    #greeting_sec1 .box .txt p {
        font-size: 14px;
        margin: 3em 0;
    }

    #greeting_sec1 .box .txt .name {
        width: 80%;
        margin: 0 auto;
    }

    /*理念*/

    #greeting_sec2 .rinen dl {
        margin-bottom: 30px;
    }

    #greeting_sec2 .rinen dl dt span {
        font-size: 18px;
        padding: 5px 50px;
    }

    #greeting_sec2 .rinen dl dd {
        padding: 30px 20px;
    }

    #greeting_sec2 .rinen dl dd h3 {
        font-size: 15px;
    }

    #greeting_sec2 .rinen dl dd ul li {
        font-size: 14px;
    }

    /*挨拶用-会社概要*/

    #greeting_sec2.section_mb {
        margin-bottom: 0;
    }

    .g_c_i article.content_article#company_sec1 {
        padding-top: 0;
    }

    /*---------------------
    * [下層]会社概要
    ---------------------*/

    #company_sec1 h2.lead1 {
        font-size: 16px;
        margin-bottom: 50px;
    }

    #company_sec1 .c_img {
        width: 100%;
        margin: 0 auto 50px;
    }

    #company_sec1 .c_img aside {
        margin-top: 12px;
        font-size: 14px;
    }

    /*---------------------
    * [下層]保険
    ---------------------*/

    #insurance_sec1 .is1_img {
        width: 80%;
    }

    #insurance_sec1 p {
        font-size: 14px;
    }

    #insurance_sec2 {
        padding-top: 0;
    }

    #insurance_sec2 .is_point {
        width: 100%;
        margin: 30px auto;
    }

    #insurance_sec2 .is_point a {
        width: 31%;
        height: 8%;
        left: 46%;
        bottom: 72%;
    }

    /*---------------------
    * [下層]ロードサービス
    ---------------------*/

    /*プラチナ認証*/

    #rs_sec1 {
        background: -moz-linear-gradient(50% 111.28% 90deg, rgba(104, 211, 255, 1) 0%, rgba(95, 202, 249, 0.81) 19.21%, rgba(72, 178, 232, 0.49) 50.54%, rgba(35, 138, 204, 0.1) 89.87%, rgba(24, 127, 196, 0) 100%);
        background: -webkit-linear-gradient(90deg, rgba(104, 211, 255, 1) 0%, rgba(95, 202, 249, 0.81) 19.21%, rgba(72, 178, 232, 0.49) 50.54%, rgba(35, 138, 204, 0.1) 89.87%, rgba(24, 127, 196, 0) 100%);
        background: -webkit-gradient(linear, 50% 111.28%, 50% -11.73%, color-stop(0, rgba(104, 211, 255, 1)), color-stop(0.1921, rgba(95, 202, 249, 0.81)), color-stop(0.5054, rgba(72, 178, 232, 0.49)), color-stop(0.8987, rgba(35, 138, 204, 0.1)), color-stop(1, rgba(24, 127, 196, 0)));
        background: -o-linear-gradient(90deg, rgba(104, 211, 255, 1) 0%, rgba(95, 202, 249, 0.81) 19.21%, rgba(72, 178, 232, 0.49) 50.54%, rgba(35, 138, 204, 0.1) 89.87%, rgba(24, 127, 196, 0) 100%);
        background: -ms-linear-gradient(90deg, rgba(104, 211, 255, 1) 0%, rgba(95, 202, 249, 0.81) 19.21%, rgba(72, 178, 232, 0.49) 50.54%, rgba(35, 138, 204, 0.1) 89.87%, rgba(24, 127, 196, 0) 100%);
        background: linear-gradient(0deg, rgba(104, 211, 255, 1) 0%, rgba(95, 202, 249, 0.81) 19.21%, rgba(72, 178, 232, 0.49) 50.54%, rgba(35, 138, 204, 0.1) 89.87%, rgba(24, 127, 196, 0) 100%);
    }

    #rs_sec1 .rstp_hc {
        width: 100%;
        margin: 0 auto 30px;
    }

    #rs_sec1 .hc2c {
        display: block;
    }

    #rs_sec1 .hc2c .box {
        width: 100%;
        padding: 18px;
    }

    #rs_sec1 .hc2c .box.b1 h4 {
        font-size: 15px;
        margin: 18px 0 8px;
    }

    #rs_sec1 .hc2c .box.b1 p {
        font-size: 12px;
    }

    #rs_sec1 .hc2c .box.b1 {
        margin-bottom: 15px;
    }

    #rs_sec1 .hc2c .box.b1 .anker {
        display: block;
        margin-top: 8px;
    }

    #rs_sec1 .hc2c .box.b1 .anker aside {
        font-size: 12px;
        margin-left: 0;
    }

    #rs_sec1 .hc2c .box.b2 figure figcaption {
        font-size: 13px;
        margin-top: 15px;
    }

    #rs_sec1 p.rstp_p {
        margin: 30px 0 30px;
    }

    #rs_sec1 .rstp_txt {
        bottom: -2px;
        margin: 0 calc(50% - 50vw);
        width: 100vw;
    }

    /*問題*/

    #rs_sec2 h3 {
        font-size: 19px;
    }

    #rs_sec3 .trouble_list {
        display: block;
        width: 250px;
        margin: auto;
    }

    #rs_sec3 .trouble_list dl {
        width: 100%;
        margin-right: 0;
    }

    #rs_sec3 .trouble_list dl:nth-child(n+2) {
        margin-top: 15px;
    }

    #rs_sec3 .trouble_list dl dt {
        width: 60px;
    }

    #rs_sec3 .trouble_list dl dd {
        width: -webkit-calc(100% - 70px);
        width: calc(100% - 70px);
        font-size: 15px;
    }

    #rs_sec3 aside {
        margin-top: 30px;
        font-size: 12px;
    }

    /*解決(リード)*/

    #rs_sec4 .rss4_lead .trouble {
        display: block;
    }

    #rs_sec4 .rss4_lead .trouble dl {
        width: 100%;
        margin-bottom: 30px;
    }

    #rs_sec4 .rss4_lead .trouble dl dd {
        font-size: 14px;
    }

    #rs_sec4 .rss4_lead p.tc {
        margin-top: 40px;
    }

    /*解決(メイン)*/

    #rs_sec4 .rss4_solution {
        margin-top: 80px;
    }

    #rs_sec4 .rss4_solution .box {
        border-width: 3px;
        padding: 0 20px 25px;
    }

    #rs_sec4 .rss4_solution .box.b2 {
        margin-top: 60px;
    }

    #rs_sec4 .rss4_solution .box h3 {
        top: -35px;
        margin-bottom: 0;
    }

    #rs_sec4 .rss4_solution .box h3 span {
        font-size: 18px;
        border-radius: 500px;
    }

    #rs_sec4 .rss4_solution .box .btn {
        display: block;
        margin: 30px 0;
    }

    #rs_sec4 .rss4_solution .box .btn .icon {
        width: 100px;
        margin-right: 0;
        margin: 0 auto 15px;
    }

    #rs_sec4 .rss4_solution .box .btn .anker {
        width: 100%;
    }

    #rs_sec4 .rss4_solution .box .btn .anker a {
        padding: 15px 30px;
    }

    #rs_sec4 .rss4_solution .box .car_list {
        display: block;
    }

    #rs_sec4 .rss4_solution .box .car_list.cl2,
    #rs_sec4 .rss4_solution .box .car_list.cl3 {
        margin-top: 30px;
    }

    #rs_sec4 .rss4_solution .box .car_list dl {
        width: 100%;
    }

    #rs_sec4 .rss4_solution .box .car_list dl:nth-child(even) {
        margin-left: 0;
    }

    #rs_sec4 .rss4_solution .box .car_list dl:nth-child(n+2) {
        margin-top: 30px;
    }

    #rs_sec4 .rss4_solution .box .car_list dl dd h4 {
        font-size: 16px;
    }

    #rs_sec4 .rss4_solution .box .car_list dl dd p {
        font-size: 13px;
    }

    /*---------------------
    * [下層]採用情報
    ---------------------*/

    #recruit_sec1 p.tc {
        font-size: 20px;
        line-height: 1.8;
        margin: 30px 0;
    }

    /*---------------------
    * [下層]個人情報保護方針
    ---------------------*/

    #pp_sec1 .info {
        margin-bottom: 40px;
    }

    #pp_sec1 .info p {
        font-size: 11px;
    }

    #pp_sec2 .info {
        margin-bottom: 100px;
    }

    #pp_sec2 .info p {
        font-size: 11px;
    }

    #pp_sec2 h2 {
        font-size: 18px;
        padding: 8px 0;
        margin-bottom: 40px;
    }

    /*表*/

    #pp_sec2 .pp_list dl {
        margin-bottom: 30px;
    }

    #pp_sec2 .pp_list dl dt {
        font-size: 16px;
        margin-bottom: 5px;
    }

    #pp_sec2 .pp_list dl dd {
        font-size: 14px;
    }

    #pp_sec2 .pp_list dl dd .box {
        margin-top: 10px;
        padding-left: 14px;
    }

    #pp_sec2 .pp_list dl dd .box h3 {
        font-size: 16px;
        margin-bottom: 3px;
    }

    #pp_sec2 .pp_list dl dd .box ul,
    #pp_sec2 .pp_list dl dd .box p {
        font-size: 13px;
        padding-left: 13px;
    }

    /*---------------------
    *[下層]お問い合わせ
    ---------------------*/

    article.content_article#cf_sec1 {
        padding: 0 0 100px;
    }

    #cf_sec1 .cf_box {
        border-width: 0;
        margin: 0 calc(50% - 50vw);
        width: 100vw;
    }

    #cf_sec1 .cf_box h2 {
        font-size: 20px;
    }

    #cf_sec1 .cf_box .box {
        padding: 50px 15px;
    }

    /*注意・補足*/

    #cf_sec1 .cf_box .box .attention ul li {
        font-size: 12px;
    }

    #cf_sec1 .cf_box .box .attention ul li:nth-child(n+2) {
        margin-top: 10px;
    }

    #cf_sec1 .cf_box .box aside.a1 {
        margin: 30px 0 80px;
        font-size: 12px;
    }

    /*フォームコンテナ*/

    #cf_sec1 form dl {
        margin-bottom: 60px;
    }

    #cf_sec1 form dl dt {
        font-size: 18px;
        margin-bottom: 15px;
    }

    #cf_sec1 form dl dt.re,
    #cf_sec1 form dl dd h3.re {
        margin-top: 15px;
        font-size: 13px;
    }

    #cf_sec1 form dl dd h3.re {
        margin-bottom: 10px;
    }

    #cf_sec1 form dl dd aside {
        font-size: 10px;
    }

    #cf_sec1 form dl dd ul.attention li {
        font-size: 10px;
    }

    #cf_sec1 form dl dd .pp {
        height: 100px;
        font-size: 10px;
        padding: 10px;
    }

    #cf_sec1 form dl dd .check {
        font-size: 12px;
    }

    /*フォーム入力欄*/

    #cf_sec1 form input[type="text"],
    #cf_sec1 form input[type="email"],
    #cf_sec1 form input[type="tel"],
    #cf_sec1 form textarea,
    #cf_sec1 form select {
        border-width: 1px;
        font-size: 14px;
        padding: 10px;
    }

    #cf_sec1 form dl dd.c2 {
        display: block;
    }

    #cf_sec1 form dl dd.c2 > input,
    #cf_sec1 form dl dd.c2 > div {
        width: 100%;
        margin-top: 10px;
    }

    /*ボタン*/

    #cf_sec1 form input[type="submit"] {
        width: 260px;
    }

}

/*375px以下*/

@media only screen and (max-width: 375px) {}

/*360px以下*/

@media only screen and (max-width: 360px) {}

/*330px以下*/

@media only screen and (max-width: 330px) {}