@charset "UTF-8";

*{
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 1.1vw;
    margin-left: 7%;
}

h2 {
    font-size: 2.2vw;
    color: #202020;
}

h3 {
    font-size: 1.5vw;
    color: #202020;
}

p {
    font-size: 1.2vw;
    color: #202020;
}

address {
    margin-left: auto;
    font-size: 1.3vw;
}

a {
    font-size: 1.5vw;
    color: #202020;
}

/* ヘッダー */
.header-top {
    display: flex;
    width: 98%;
    height: 3vw;
    margin-top: 1vw;
    margin-left: auto;
    margin-right: auto;
}

.header-logo {
    width: 17%;
    margin-left: 3%;
    margin-right: 32%;
}

.header-top nav {
    width: 48%;
}

.header-top nav ul  {
    display: flex;
    width: 80%;
    margin-left: auto;
}

.header-top nav ul li {
    width: 23%;
    margin-right: 2%;
    line-height: 2.5;
    list-style-type: none;
}

.header-top nav ul li a {
    padding: .5vw;
    color: #202020;
    text-decoration: none;
    transition: 1s;
}

.header-top nav ul li a:hover {
    background-color: #e0e0e0;
    transition: 1s;
}

.header-logo img {
    width: 100%;
    height: 3vw; 
}

.header-main {
    margin-left: auto;
    margin-right: auto;
}

.header-main img {
    width: 100%;
    margin-top: 1vw;
}
/*  */

/* メインお知らせ */
.main-faq {
    display: flex;
    width: 100%;
    margin-top: 2vw;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1vw;
    padding-bottom: 1vw;
    background-color: ghostwhite;
}

.main-news1 {
    width: 10%;
    margin-left: 33%;
    margin-right: 5%;
}

.main-news2 {
    width: 52%;
}

.main-news2 ul li {
    list-style-type: none;
}

.main-news2 ul li a {
    padding: .1vw;
    font-size: 1.2vw;
    color: #202020;
    text-decoration: none;
    transition: 1s;
}

.main-news2 ul li a:hover {
    background-color: #e0e0e0;
    transition: 1s;
}

/*  */

/* GRcorolla */
.grcorolla {
    display: flex;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2vw;
    margin-bottom: 2vw;
}

.h4-grcorolla {
    width: 40vw;
    margin-right: 5vw;
}

.img-grcorolla {
    width: 55vw;
}

.img-grcorolla img {
    width: 100%;
    vertical-align: bottom;
}

.h4-grcorolla .box {
    width: 13em;
    margin-top: 2%;
    margin-bottom: 2%;
    background-color: black;
}

.h4-grcorolla .box a {
    display: block;
    margin-top: 2vw;
    line-height: 3;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 1.2vw;
}

.h4-grcorolla h2 {
    margin-bottom: 2vw;
}

.box a {
    transition: 1s;
}

.box a:hover {
    color: black;
    background-color: gainsboro;
    transition: 1s;
}

/* カーラインナップ目次 */
.footer-carbox-mokuji {
    width: 90%;
    margin-bottom: 1vw;
    margin-left: auto;
    margin-right: auto;
}

.footer-carbox-mokuji h3 {
    margin-left: 4.8%;
}
/*  */

/* カーラインナップ */
.footer-carbox {
    display: flex;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.footer-carbox ul {
    width: 19%;
    list-style-type: none;
}

.footer-carbox .car-ul1 {
    margin-left: 5%;
} 

.footer-carbox ul li a {
    padding: .1vw;
    font-size: 1vw;
    text-decoration: none;
    color: #202020;
    transition: 1s;
}

.footer-carbox ul li a:hover {
    background-color: #e0e0e0;
    transition: 1s;
}

footer {
    padding-top: 2vw;
    background-color: ghostwhite;
}
/*  */

/* 目次 */
.footer-mokuji {
    display: flex;
    width: 90%;
    margin-top: 2vw;
    margin-bottom: 1vw;
    margin-left: auto;
    margin-right: auto;
}

.footer-mokuji h3:nth-of-type(1) {
    width: 19%;
    margin-left: 5%;
}

.footer-mokuji h3:nth-of-type(2) {
    width: 19%;
}

.footer-mokuji h3:nth-of-type(3) {
    width: 19%;
    margin-left: 19%;
    margin-right: 19%;
}
/*  */

/* FAQ */
.footer-faq {
    display: flex;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.footer-faq ul {
    width: 19%;
    list-style-type: none;
}

.footer-faq .faq-ul1 {
    margin-left: 5%;
} 

.footer-faq ul li a {
    padding: .1vw;
    font-size: 1vw;
    text-decoration: none;
    color: #202020;
    transition: 1s;
}

.footer-faq ul li a:hover {
    background-color: #e0e0e0;
    transition: 1s;
}

.footer-faq i:nth-of-type(1) {
    font-size: 3vw;
}

.footer-faq i:nth-of-type(2) {
    font-size: 2.7vw;
    margin-left: 1vw;
    line-height: 1.14;
    color: greenyellow;
}

.footer-faq i:nth-of-type(3) {
    font-size: 2.8vw;
    margin-left: 1vw;
    line-height: 1.14;
    color: blue;
}

.footer-faq i:nth-of-type(4) {
    font-size: 3vw;
    margin-left: 1vw;
    color: red;
}
/*  */

/* 会社情報 */
.footer-syamei {
    display: flex;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}

.footer-syamei div:nth-of-type(1) {
    width: 7%;
    margin-left: 64%;
}

.footer-syamei div:nth-of-type(2) {
    width: 29%;
}

.footer-syamei div:nth-of-type(1) img {
    width: 100%;
    vertical-align: bottom;
}

.footer-syamei h2 {
    margin-top: .5vw;
}
/*  */

/* １番下 */
footer p {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
/*  */