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

@media screen and (min-width:641px) and (max-width:1000px) {

header {
    height: 11vw;
    padding: 2vw 0;
}

main {
    padding-top: 11vw;
}

#feature .text {
    padding: 8vw 2vw 8vw 5vw;
}

#feature .text h2 {
    margin: 0 0 5vw;
}

#feature figure {
    padding: 8vw 5vw 8vw 2vw;
}

#strong ul {
    min-height: 25vw;
    margin: 0 auto 6vw;
}

#strong li {
    font-size: 4.5vw;
}

}

@media screen and (min-width:641px) and (max-width:870px) {

header .inner .menu {
    font-size: 1.5vw;
}

}

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

.pc { display: none !important }
.sp { display: block !important }
img { max-width: 100%; height: auto; width: auto; }
body { min-width: auto !important; overflow: inherit !important; font-size: 4.5vw; }
div, p, dd, dl, dt, th, td, span, li { box-sizing: border-box; }

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

.inner

-------------------------------*/
.inner {
    width: 100%;
    max-width: 100%;
    margin: auto;
    padding: 0 3vw;
}

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

#page_top

-------------------------------*/
#page_top{
    width: 5rem;
    height: 5rem;
}

#page_top a{
    width: 5rem;
    height: 5rem;
}

#page_top a::before{
    width: 2rem;
    height: 2rem;
    top: 1.2rem;
}



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

header

-------------------------------*/
header {
    height: 13vw;
    padding: 1vw 3vw;
}

header .inner {
    padding: 0;
	height: 100%;
}

header .inner h1 {
    margin: 0;
    width: 43%;
	line-height: 1;
}

header .inner .menu {
    width: 55%;
    font-size: 2vw;
	line-height: 1.4;
}

header .inner .menu .tel {
    margin: 0;
}

header .inner .menu .tel img {
    width: 70%;
    margin-left: 0;
}

header .inner .menu .tel span:first-child img {
    margin-bottom: 0.8vw;
}

header nav {
    display: none;
}

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

footer

-------------------------------*/
footer {
    padding: 4vw 0 6vw;
}

footer .tel p {
    font-size: 4.5vw;
}

footer .name {
    font-size: 6vw;
    font-weight: 700;
}

footer .logo {
    width: 60%;
}

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

main

-------------------------------*/
main {
    padding-top: 13vw;
}

/*-------------------------------
見出し
-------------------------------*/
.headline_01 {
    font-size: 7vw;
}

.headline_02 {
	padding-top: 3vw;
	min-height: 5.5rem;
    font-size: 6vw;
	line-height: 1.2;
}

.headline_03 {
    font-size: 4.5vw;
}


/*-------------------------------
#feature
-------------------------------*/
#feature .text {
	width: 70%;
    padding: 8vw 1vw 5vw 3vw;
}

#feature .text h2 {
    margin: 0 0 8vw;
}

#feature .text ul {
    font-size: 5vw;
}

#feature figure {
	width: 30%;
    padding: 8vw 3vw 5vw 1vw;
}

/*-------------------------------
#strong
-------------------------------*/
#strong ul {
	min-height: 30vw;
    margin: 0;
}

#strong li {
    font-size: 5vw;
}

#strong p {
    padding-bottom: 5vw;
    font-size: 4vw;
}

/*-------------------------------
#business
-------------------------------*/
#business {
    margin-bottom: 5vw;
}

#business ul {
    font-size: 5vw;
}

/*-------------------------------
#profile
-------------------------------*/
#profile {
    margin-bottom: 6vw;
}

#profile table {
    width: 100%;
	margin-bottom: 3vw;
}

#profile .img {
    width: 100%;
}

/*-------------------------------
#access
-------------------------------*/
#access {
    padding: 5vw 0;
}

#access .carnavi .lavel {
    width: 175px; 
    padding: 1.5vw 1.5vw 1.5vw 10vw;
    font-size: 4vw;
    background: url("../images/icon_car.svg") no-repeat left 3vw center /  auto 4vw, #000000;
}

#access .carnavi .add {
    padding: 1.5vw;
    font-size: 4vw;
}

}