@charset "utf-8";
/*
Theme Name: 仲江オート
							
*/


/*　***********************
　　　　BACE
**********************　*/
html {line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;overflow-x: hidden;font-size: 62.5%}

body {margin: 0;font-weight: 400;letter-spacing: 0.02em;color: #1A1A1A;font-family: 'Noto Sans JP', sans-serif;font-style: normal;overflow: hidden;}
body:not(.home){background-color: #F1F1F1}
article,
aside,
footer,
header,
nav,
section {display: block;width: 100%}


.gothic {font-family: 'Noto Sans JP', sans-serif;}
.min{font-family: 'Noto Serif JP', serif;}

h1{font-size:5vw;}
h2{font-size: 5vw;}
h3{font-size: 4vw;}
h4,h5{font-size:3.8vw;}
p{font-size:3.5vw;line-height: 1.68em;letter-spacing: 0.05em;margin-top: 0;}

@media (min-width: 490px){
h1{font-size:4rem;}
h2{font-size: 3rem;}
h3{font-size: 2.5rem;} 
h4,h5{font-size: 1.8rem;}
p{font-size: 1.6rem;}
}

h1,h2,h3,h4,h5,h6{font-weight: 500}

a {background-color: transparent; -webkit-text-decoration-skip: objects;touch-action: manipulation;text-decoration: none;color: rgba(39,39,39,1.00);}

a:active,
a:hover {outline-width: 0;color:rgba(39,39,39,8);}

ol, ul {list-style: none;padding-left: 0;}

ul {list-style-position: inside;margin-top: 0}

iframe {border: none}

img {max-width: 100%; height: auto;display: block;}
a,a:hover,a:active,a:visited {outline: none; }
button{outline: none;}
a:hover img{opacity: 0.8}
a img{border-style:none;}
table {border-collapse: collapse;border-spacing: 0;}

td, th {padding: 0;}
.zoom{overflow: hidden}
.zoom img{transform: scale(1,1);transition: .2s ease-out;width: 100%}
.zoom:hover img{transform: scale(1.2,1.2)}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;word-break: break-word;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.clearfix:before, .clearfix:after, .container:before, .container:after,.colums:before, .colums:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after
{content: " ";display: table;}

.clearfix:after, .container:after, .colums:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after
{clear: both;}

.zoom{overflow: hidden;display: block}
.zoom img {transform: scale(1,1);transition: .2s ease-out;}
.zoom:hover img {transform: scale(1.1,1.1)}

.pc_v{display: none}
@media (min-width: 991px){
.pc_v{display: block}
.sp_v{display: none !important}
}

/*　***********************
　　　　header
**********************　*/
body.admin-bar header{margin-top:32px }
@media (max-width: 782px){
body.admin-bar header{margin-top:46px }
}

header{width: 100%;z-index: 50;position: fixed;top:0;background-color: rgba(255,255,255,1.00)}


header #header__main__base{padding: 20px}	
body.is-animation header{background-color: rgba(255,255,255,.9);background-image: none;}
header #logo{margin:0 ;}
header #logo{width: 130px;}


/*TOP navi*/
body.home header #head_pc__nav{display: none}

/*default  pcnavi*/	
body:not(.home) #header__main #head_pc__lownav{display: none}

/*default  navi*/
header #navi_bace__posi{position: relative}
header #navi_bace{position: absolute;width: 100%;top:0;left: 0;background-color: rgba(255,255,255,.9);overflow-y: auto;}
header #navigation{display: none;}

header.show #navigation{height: calc(100vh - 74.94px)}

header #navigation{padding-top: 50px;padding-bottom: 30px;}
header #navigation .navi__list:not(:last-of-type){margin-bottom: 25px}
header #navigation .navi__list p{margin-bottom: 15px;font-size: 5vw;text-align: center}
header #navigation .navi__list ul{display: flex;flex-wrap: wrap; margin-bottom: 0;}
header #navigation .navi__list ul li{width:50%;padding: 12px 6px }
header #navigation .navi__list ul li a{font-size: 3.2vw}
header #navigation .navi__list ul li a{display: flex;justify-content: center;align-items: center; padding:16px 8px;background-color: rgba(255,255,255,1.00);border: 1px solid #9A9A9A;height: 65px }
header #navigation .navi__list ul li a::before{display: block;width: 25px;margin-right: 8px}


header #navigation .navi__list ul li.icon-car a::before{content: url("common/img/default/Icon-car-alt.png")}
header #navigation .navi__list ul li.icon-building a::before{content: url("common/img/default/Icon-building.png")}
header #navigation .navi__list ul li.icon-content a::before{content: url("common/img/default/Icon-content-paste.png")}
header #navigation .navi__list ul li.icon-list a::before{content: url("common/img/default/Icon-list.png")}
header #navigation .navi__list ul li.icon-mail a::before{content: url("common/img/default/Icon-mail.png")}
header #navigation .navi__list ul li.icon-store a::before{content: url("common/img/default/Icon-store-alt.png")}
header #navigation .navi__list ul li.icon-repair a::before{content: url("common/img/default/Icon-repair.png")}
@media (min-width: 490px){
header #navigation .navi__list p{font-size: 2rem}
header #navigation .navi__list ul li a{font-size: 1.6rem}
}

@media (min-width: 991px){
header #header__main__base {padding: 0}	
/*TOP navi*/

body.home header #header__main__base{background-color: #EF5858;padding-left: 25px;padding-right: 25px;}
body.home header #head_pc__nav{display: block; }
body.home header #head_pc__nav ul{display: flex;align-items: center; justify-content: space-between;margin-top: 26.5px;margin-bottom: 26.5px;height: 29px}
body.home header #head_pc__nav ul span{height: 29px;width: 1px;background-color: rgba(255,255,255,1.00);display: block}
body.home header #head_pc__nav ul li a{font-size: 1.6rem;color: rgba(255,255,255,1.00);transition: .2s ease-in;}	
body.home header #head_pc__nav ul li a:hover{color: rgba(255,255,255,.8)}
body.home header #logo{display: none}
	
/*default  pcnavi*/	
header.show #navigation{height: calc(100vh - 71px)}
body:not(.home) #header__main{height: 71px;transition: .2s ease-in}
body.is-animation #header__main{height: 50px}
body:not(.home) #header__main{display: flex;justify-content: space-between;align-items: center;}
body:not(.home) #header__main #header_low_navi{display: flex;align-items: center;}
body:not(.home) #header__main #head_pc__lownav{display: block}
body:not(.home) #header__main #head_pc__lownav ul{margin-bottom: 0;display: flex;align-items: center}
	
body:not(.home) #header__main #head_pc__lownav ul li a{transition: .2s ease-in;}
body:not(.home) #header__main #head_pc__lownav ul li a:hover{opacity: .8;}
body:not(.home) #header__main #head_pc__lownav ul li.navi{margin-right: 40px}
body:not(.home) #header__main #head_pc__lownav ul li.navi a{font-size: 1.6rem;}
body:not(.home) #header__main #head_pc__lownav ul li.navi_sns{margin-right: 25px; }
body:not(.home) #header__main #head_pc__lownav ul li.navi_sns a{font-size: 28.25px;color:#575656}
body:not(.home) #header__main #head_pc__lownav ul li.navi_store a{font-size: 1.4rem;color:#FFFFFF;padding: 9px 16px;background-color:#E53B5D;border-radius: 20px; }

/*default  navi*/
header #navigation .navi__list ul li{width:25%; }
header #navigation .navi__list ul li a,header #navigation .navi__list ul li a{transition: .2s ease-in}
header #navigation .navi__list ul li a:hover{background-color: #E53B5D;color: #FFFFFF}
header #navigation .navi__list ul li a:hover::before{filter: brightness(0) invert(1);}
}

@media (min-width: 1280px){
body.home header #head_pc__nav ul li a{font-size: 1.8rem;}	
}


/****************************
   Background Color
****************************/
.bgw{background-color: rgba(255,255,255,1.00)}


/****************************
   megaメニュー
****************************/
#header__main #navigation .mega__triger{position: relative}
#header__main #navigation .mega__navi ul li a{font-weight: 600; display: block;font-size:3.8vw;padding: .5em; letter-spacing: 0.02em}
#header__main #navigation .mega__navi ul li span {font-size:3.2vw;}
@media screen and (min-width: 991px){
#header__main #navigation .mega__navi{display: none;position: absolute;width: 230px;padding-top: 30px}	
#header__main #navigation .mega__navi ul li span {font-size:1.2rem;display: block;opacity: .8;margin-top: .2em}
}

/****************************
   triggeメニュー
****************************/

header .menu-trigger{width: 46.62px;height: 26px; border: none;transform: translate(0, 0);transition: all .5s;cursor: pointer;background: none;}
header .menu-trigger span{display: block;position: absolute;right: 0;width: 30px;height: 2px;background-color:#303030;transition: all .5s;}
header .menu-trigger span:nth-child(1) {top: 5px;width: 30px;width: 46.62px;}
header .menu-trigger span:nth-child(2) {top: 15px;width: 30px;width: 32.28px;}
header .menu-trigger span:nth-child(3) {top: 25px;width: 30px;width: 46.62px;}

header.show .menu-trigger span:nth-child(1) {transform: translate(0, 10px) rotate(-45deg);}
header.show .menu-trigger span:nth-child(2) {opacity: 0;animation: unset;}
header.show .menu-trigger span:nth-child(3) { transform: translate(0, -10px) rotate(45deg);}
@media (max-width: 990px){
header .menu-trigger{position:absolute;right: 20px;top:26px;z-index: 100001}

}

@media (min-width: 991px){
body.home header .menu-trigger{display: none;}
body:not(.home) header .menu-trigger{padding-left: 47px;padding-right: 47px}
}


/*　***********************
　　　　fv
**********************　*/

body.home #fv_area{width: 100%;position: relative;padding-top: 100px;height: 750px;background-size: cover}
body.home #fv_area__logo{display: none}
body.home #fv_area__logo h1{margin-top: 0;margin-bottom: 0;}
body.home #fv_area #menu__slide{width: calc(100% - 50px);margin-left: auto;margin-right: auto;overflow: hidden;}
body.home #fv_area #menu__slide h3{margin-top: 0;margin-bottom:10px }
body.home #fv_area #menu__slide h3{font-size: 5vw}

body.home #fv_area #menu__slide {margin-top: 50px;animation-name: slide;animation-duration: 2s;}
body.home #fv_area #menu__slide .menu__slide__item{overflow: hidden;border-radius: 30px}
body.home #fv_area #menu__slide .menu__slide__item .menu__slide__item__exp{background-color: rgba(255,255,255,1.00);padding: 24px}
body.home #fv_area #menu__slide .menu__slide__item .menu__slide__item__exp .button a{width: 180px;}
body.home #fv_area #menu__slide .menu__slide__item .menu__slide__item__exp p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
@keyframes slide {
0% {opacity: 0;}
100% {opacity: 1}
}

body:not(.home) #fv_area__contact{margin-top: 71px;padding-top: 80px;padding-bottom: 80px;}
body:not(.home) #fv_area__contact .main__title{margin-bottom: 0}
body:not(.home) #fv_area{margin-top: 71px;background-size: cover;background-position: center}
body:not(.home) #fv_area,body:not(.home) #fv_area #fv_area_title{height: 300px;}
body:not(.home) #fv_area #fv_area_title{position: relative;}
body:not(.home) #fv_area h1{margin-bottom: 0;position: absolute;bottom:0;right:0;transform: translateY(34%);z-index: 3}
@media (min-width: 490px){
body.home #fv_area #menu__slide h3{font-size: 2rem}
body.home #fv_area #menu__slide .menu__slide__item .menu__slide__item__exp p{font-size: 1.4rem}
body.home #fv_area #menu__slide .menu__slide__item .menu__slide__item__exp .button a{width: 227px;}
}


@media (min-width: 991px){
body:not(.home) #fv_area_fv_area__contact{margin-top: 71px;}
body.home #fv_area{padding-top: 140px}
body.home #fv_area__logo{display: block;}
body.home #fv_area{height: 1050px}
body.home #fv_area #menu__slide {margin-top: 180px}
body.home #fv_area #menu__slide{width: 880px;}
	
body:not(.home) #fv_area,body:not(.home) #fv_area #fv_area_title{height: 457px;}

}

@media (min-width: 1000px){
body.home #fv_area #menu__slide{width: 950px;}
}

@media (min-width: 1280px){
body.home #fv_area #menu__slide{width: 1200px;}
}

@media (min-width: 1500px){
body.home #fv_area #menu__slide{width: 1400px;}
}

@media (min-width: 1700px){
body.home #fv_area #menu__slide{width: 1664px}
}




/*****************************
 pagetop
****************************/

#page_scroll{ position: fixed;bottom:10px;right: 10px;z-index: 30}
#page_scroll a{width: 40px;height: 40px;display: flex;justify-content: center;align-items: center; background:rgba(239,88,88,.8) ;border-radius: 50%;font-size: 1.4rem;color: rgba(255,255,255,1.00);}
#page_scroll.last_scl{}

/*****************************
 option area
****************************/
.grid__area{display: flex;flex-wrap: wrap}
.grid__area .grid__area__half{width: 100%}

@media (min-width: 991px){
.grid__area .grid__area__half{width: 50%}
}

/*　***********************
　　　　contents
**********************　*/
/*#wrap{overflow: hidden}*/
#wrap,#contents{width: 100%}
#contents{position: relative;}
#wrap{position: relative}
#contents{ }

@media (min-width: 490px){

}
/*　***********************
　　　　container
**********************　*/

.container{width:100%;padding-left: 20px;padding-right: 20px;margin-left: auto;margin-right: auto}

@media (min-width: 991px){
.container{width: 880px;padding-left: 0;padding-right: 0;}
}

@media (min-width: 1280px){
.container{width: 1200px;}
}

/*　***********************
　　　　section
**********************　*/
.top__info__area{padding-top:45px;padding-bottom: 45px }
.top__set__area{padding-top:50px;padding-bottom: 50px;background-color:rgba(239,88,88,.33)  }
.default__area{padding-top:60px;padding-bottom: 60px;}
.low__default__area{margin-top:80px }
.low__default__area:last-of-type{margin-bottom:80px }
.low__default__area__pd{padding-top:80px;padding-bottom: 80px }

.low__point__area{padding-top: 40px;padding-bottom: 60px}

.contact__area{margin-bottom: 50px}
@media (min-width: 490px){
.low__default__area{margin-top:129px }

}
@media (min-width: 768px){
.top__info__area{padding-top:84px;padding-bottom: 84px }
.top__set__area{padding-top:98px;padding-bottom: 98px }
.default__area{padding-top:128px;padding-bottom: 128px;}
.low__default__area:last-of-type{margin-bottom:129px }
.low__default__area__pd{padding-top:129px;padding-bottom: 129px }
.low__point__area{padding-top: 87px;padding-bottom: 129px}
.contact__area{margin-bottom: 100px}
}


/*　***********************
　　　　title
**********************　*/

.main__title{text-align: center;margin-bottom:35px }
.main__title h2,.main__title h1{margin-top: 0;margin-bottom:9.5px }
.main__title h2::after,.main__title h1::after{content: ""; display: block;width:58px;border-bottom:  1px solid #9A9A9A;margin-top: 12px;margin-left: auto;margin-right: auto}
.main__title h2,.main__title h1{font-size: 5.5vw}
.main__title span{display: block;font-size: 3.2vw;color: #EF5858}

.main__title.wchg h2,.main__title.wchg span{color: rgba(255,255,255,1.00)}
.main__title.wchg h2::after{border-bottom:  1px solid rgba(255,255,255,1.00);}

@media (min-width: 490px){
.main__title h2,.main__title h1{font-size: 3rem}
.main__title span{display: block;font-size: 1.4rem}
}

@media (min-width: 991px){
	.main__title{margin-bottom: 60px}
}

/*　***********************
　　 default contents
**********************　*/


/*　***********************
　　　　footer
**********************　*/
footer{padding: 70px 15px 20px;background-color:#E93C3C }

#footer__area{}
#footer__area #footer__info p,#footer__area #footer__info p a {color: rgba(255,255,255,1.00)}
#footer__area #footer__info p#footer__logo{font-size: 5.5vw;font-weight: 800;margin-bottom: 4px}
#footer__area #footer__info p:not(#footer__logo){margin-bottom: 0;font-size: 3.2vw;}
#footer__area #footer__info p a{display: block}
#footer__area #footer__info #footer__info__foot{margin-top: 20px}
#footer__area #footer__info .button{margin-top: 35px}
#footer__area #footer__info .button a{background-color: rgba(255,255,255,1.00);color: #303030}
#footer__area #footer__info .button a::after{content: url("common/img/default/arrow_b.png")}

#footer__area #footer__menu{margin-top: 30px}
#footer__area #footer__menu ul{margin-top: 0;margin-bottom: 0}
#footer__area #footer__menu ul li {margin-bottom: 15px}
#footer__area #footer__menu ul li ul li:first-of-type {margin-top: 15px}
#footer__area #footer__menu ul li ul li{display: flex;align-items: center}
#footer__area #footer__menu ul li ul li::before{content: ""; width:17.5px;border-bottom: 1px solid rgba(255,255,255,1.00);display: block;margin-right: 10px}
#footer__area #footer__menu > ul > li:last-of-type{margin-bottom: inherit}
#footer__area #footer__menu ul li a{font-size: 3.2vw;color: rgba(255,255,255,1.00)}


#footer__subarea{margin-top:50px }
#footer__subarea ul{margin-top: 0;margin-bottom: 25px;display: flex;align-items: center;justify-content: center}
#footer__subarea ul li a i{font-size: 28.25px;color: rgba(255,255,255,1.00)}
#footer__subarea ul li:not(:last-of-type){margin-right: 16.2px}
#footer__subarea .copyright{text-align: center;margin-bottom: 0;color: rgba(255,255,255,1.00);font-size: 3vw}
#footer__area #footer__menu{display: flex;}
#footer__area #footer__menu > ul{width: 50%}
@media (min-width: 490px){
#footer__area #footer__info p#footer__logo{font-size: 2rem}
#footer__area #footer__info p:not(#footer__logo){font-size: 1.4rem}
#footer__area #footer__menu ul li a{font-size: 1.4rem}
#footer__subarea .copyright{font-size: 1.4rem}
}
@media (min-width:768px){
#footer__area{display: flex;justify-content: space-between;align-items: center}
#footer__area #footer__menu{margin-top: inherit}
#footer__area #footer__menu{justify-content: flex-end;}
#footer__area #footer__menu > ul{width: inherit}
#footer__area #footer__menu > ul:last-of-type{margin-left: 45px}
}
@media (min-width: 991px){
footer{padding: 140px 33px 33px}
#footer__area #footer__info #footer__info__foot{margin-top: 30px}
#footer__area #footer__info .button a:hover{background-color: rgba(255,255,255,.8);}
#footer__area #footer__info .button{margin-top: 74px}
#footer__area #footer__menu > ul:last-of-type{margin-left: 98px}
#footer__area #footer__menu ul li a{transition: .2s ease-in;}
#footer__area #footer__menu ul li a:hover{color: rgba(255,255,255,.8)}
#footer__subarea{margin-top:103px }
#footer__subarea ul{margin-top: 0;margin-bottom: 37.8px}
}




/*　***********************
　　　　button
**********************　*/

.button a{display: flex;align-items: center;justify-content: center; width: 300px;height: 60px;color: rgba(255,255,255,1.00);background-color:rgba(239,88,88,1.00);border-radius:30px  }
.button a{position: relative;font-size: 3.5vw}
.button a::after{content: url("common/img/default/arrow.png");right:24px;top:50%;transform: translateY(-50%);position: absolute}

section .button a{margin-left: auto;margin-right: auto}
section .button{margin-top: 38.5px}

.button_sub a{display: block;width: 80%;margin-left: auto;margin-right: auto;max-width:326px;text-align: center;padding: 10px;background-color:rgba(239,88,88,1.00);color: rgba(255,255,255,1.00);font-size: 4vw }
@media (min-width: 490px){
.button a{font-size: 1.6rem;width: 350px;}
.button_sub a{font-size: 2rem;}
}
@media (min-width: 991px){
.button a,.button a::after{transition: .2s ease-in}
.button a:hover{background-color:rgba(239,88,88,.8)}
.button a:hover::after{right:18px;}
.button_sub a{transition: .2s ease-in}
.button_sub a:hover{background-color:rgba(239,88,88,.8)}
}


/*　***********************
　　　　tel
**********************　*/
@media (min-width: 751px) {
a[href*="tel:"] {pointer-events: none;cursor: default;text-decoration: none;}
}

/*　***********************
　　　　other
**********************　*/
input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
    -webkit-appearance: none;
    border-radius: 0;
}

.text-center{text-align: center}

#search__none{padding-top: 80px;padding-bottom: 80px;text-align: center}

#single__info h2,
#single__info h3,
#single__info h4,
#single__info h5,
#single__info h6 {
  margin: 2em 0 1em;
  line-height: 1.4;
}
#single__info h2 {
  font-size: 1.8em;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.2em;
}
#single__info h3 {
  font-size: 1.6em;
}
#single__info h4 {
  font-size: 1.4em;
}
#single__info h5 {
  font-size: 1.2em;
}
#single__info h6 {
  font-size: 1em;
}
#single__info p {
  line-height: 1.8;
}
#single__info p + p {
  margin-top: 1.5em;
}
#single__info em {
  font-style: italic;
}
#single__info blockquote {
  margin: 1.5em 0;
  border-left: 5px solid #ddd;
  padding: 1em 0 1em 10px;
  color: #777;
}
#single__info blockquote p + p {
  margin-top: 0.5em;
}
#single__info ul,
#single__info ol {
  margin-top: 1.5em;
}
#single__info ul {
  list-style-type: disc;
}
#single__info ol {
  list-style-type: decimal;
}
#single__info li {
  margin-left: 1.5em;
}

#single__info .aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
#single__info .alignright {
  float: right;
  margin-bottom: 20px;
  margin-left: 20px;
}
#single__info .alignleft {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
#single__info .wp-caption,
[class*='wp-image'] {
  display: block;
  max-width: 100% !important;
  margin-top: 1.5em;
  text-align: center;
}
#single__info .wp-caption-text {
  margin-top: 0;
}