a{
color:#005bab;
}
a:hover{
text-decoration:underline;
}
::placeholder{
font-family:initial;
color:#999999;
}
#header{
position:fixed;
z-index:1000;
width:100%;
background:#ffffff;
}
.header_in{
width:100%;
min-width:1250px;
}
.header_in > div{
float:left;
box-sizing:border-box;
}
.header_left{
width:300px;
padding-top:1.5rem;
text-align:center;
}
.header_left img{
height:2rem;
}
.header_right{
min-width:950px;
width:calc(100% - 300px);
padding:1rem;
background:#1A61AF
}
.header_right ul li{
float:left;
}
.header_right ul li a{
display:block;
padding:1rem 0;
color:#ffffff;
}
.header_right ul li a.current{
background-image:url(./../images/icon_header_current.png);
background-position:center bottom;
background-repeat:no-repeat;
}
.header_right ul li a span{
padding:0 1rem;
border-right:1px solid #ffffff;
}
.header_right ul li:last-child a span{
border-right:0;
}

.header_accordion{
background:#1A61AF;
top:calc(3rem + 1em);
border:5px solid #99cdff;
}
.header_accordion ul li a{
display:block;
color:#ffffff;
padding:0.75rem 1rem;
border-bottom:1px solid #99CDFF;
}
.header_accordion ul li a:hover{
background:#99cdff;
}

.header_nav_sp,
.header_hamburger_sp{
display:none;
}

.products_menu,
.office_menu{
display:none;
position:absolute;
}
.products_menu{
left:calc(300px + 25rem);
}
.office_menu{
left:calc(300px + 30.5rem);
}

#contents{
/*position:fixed;*/
width:100%;
}

#kanban,
#news,
#company,
#about_car{
position:fixed;
width:100%;
padding-top:calc(4rem + 1em);
transform-origin:0 0;
background:#ffffff;
height:100vh;
}
#company{
position:absolute;
padding-top:0;
height:inherit;
}

.kanban_in{
position:relative;
}

.kanban_main{
position:relative;
}
.kanban_main_in{
text-align:center;
opacity:0;
}
#kanban > .kanban_main_in{
  position:absolute;
  top:78px;
  box-sizing:border-box;
  width:100%;
  z-index:100;
  opacity:1;
}
.kanban_main_in img{
margin:0 auto;
}
.kanban_main_city{
position:absolute;
bottom:0;
left:0;
z-index:-1;
width:100%;
}
.kanban_main_city_in{
overflow:hidden;
position:relative;
}
.kanban_main_city_in img{
display:block;
position:absolute;
}

.kanban_cars{
border-bottom:2px dashed #94613C;
}
.kanban_cars ul{
border-bottom:3px solid #AE8642;
}
.kanban_cars ul li{
float:left;
width:20%;
text-align:center;
}

.kanban_slider{
position:absolute;
z-index:20;
top:0;
left:0;
min-width:1250px;
width:100%;
height:100%;
}
.kanban_slider img{
width:100%;
}


.index_scroll{
text-align:center;
background:#ffffff;
position:relative;
}
.index_scroll p{
margin:0 auto;
padding:0.5rem 0;
font-size:12px;
border-top:1px solid #005bab;
border-bottom:1px solid #005bab;
}



#footer{
width:100%;
position:fixed;
bottom:0;
left:0;
z-index:500;
background:#ffffff;
}
.footer_in{
}
.footer_top_out{
background:#F4FAFF;
}
.footer_top{
padding:1rem 0;
width:960px;
margin:0 auto;
}
.footer_top > div{
float:left;
}
.footer_top_left{
width:calc(100% - 40em);
}
.footer_top_left img{
height:2rem;
}
.footer_top_right{
width:40em;
padding-top:calc((2rem - 1em) / 2);
}
.footer_bottom_out{
background:#005BAB;
}
.footer_bottom{
padding:1rem 0 2rem;
width:980px;
margin:0 auto;
text-align:center;
}
.footer_bottom_copyright{
margin-top:1rem;
text-align:center;
color:#ffffff;
}

.footer_bottom_menu ul{
display:inline-block;
margin:0 auto;
text-align:center;
}
.footer_bottom_menu ul li{
float:left;
}
.footer_bottom_menu ul li a{
display:inline-block;
color:#ffffff;
padding:0 1rem;
border-right:1px solid #ffffff;
}
.footer_bottom_menu ul li:first-child a{
}
.footer_bottom_menu ul li:last-child a{
border-right:0;
}



.title{
margin:2rem auto;
}
.title_in{
width:300px;
background:#005BAB;
text-align:center;
color:#ffffff;
font-size:1em;
margin:0 auto;
padding:1rem 0;
letter-spacing:0.3em;
}

.news_title{
background:url(./../images/icon_news.jpg) no-repeat top 0.25rem left calc(50% - 212px);
margin:2rem auto 1rem;
}

.about_car_title_in{
width:460px;
}

.news_in{
position:relative;
z-index:149;
}

.company_in{
position:relative;
z-index:129;
}

.news_main,
.company_main{
width:680px;
margin:0 auto;
padding:1rem;
}
.news_main dl > *,
.company_main dl > *{
float:left;
line-height:1.4;
box-sizing:border-box;
}
.news_main dl dt,
.company_main dl dt{
padding:0.5em 0 0.5em 0;
width:calc(8em + 1rem);
}
.news_main dl dd,
.company_main dl dd{
padding:0.5em 0 0.5em 1rem;
border-left:1px solid #cccccc;
width:calc(100% - (8em + 1rem));
}

.about_car_main{
width:500px;
padding-right:300px;
margin:0 auto;
background:url(./../images/image_bg_worker.jpg) no-repeat right top;
background-size:contain;
}
.about_car_main h3{
font-size:2rem;
color:#005bab;
font-weight:bold;
}
.about_car_main h4{
font-size:1.2rem;
margin-top:0.75rem;
font-weight:bold;
}
.about_car_main p{
margin-top:1.75rem;
line-height:1.4;
font-size:1.1rem;
}

.about_cart_contact{
text-align:center;
}
.about_cart_contact > a{
display:inline-block;
margin-top:2rem;
}
.about_cart_contact_left,
.about_cart_contact_right{
float:left;
height:82px;
padding:1rem;
box-sizing:border-box;
}
.about_cart_contact_left{
background:#005bab;
color:#ffffff;
padding-top:1.6rem;
}
.about_cart_contact_left span{
font-size:32px;
padding-left:0.5rem;
}
.about_cart_contact_right{
background:#99CDFF;
text-align:center;
color:#333333;
}

/* -∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴- */
/*　インデックスページ以外
/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */

.flow_page #footer{
position:inherit;
}
.flow_page #contents{
position:inherit;
padding-top:calc(4rem + 1em);
}
.contact_banner,
.footer_announce p{
position:inherit;
}
.footer_announce{
text-align:center;
background:#ffffff;
padding-top:2rem;
}
.footer_announce p{
padding:1em 0;
margin: 0 auto;
border:1px solid #005bab;
width:600px;
}
.flow_page .title{
width:980px;
margin: 0 auto;
}
.flow_page .title_in{
display:inline-block;
width:auto;
margin:0;
padding:1rem 1.5rem;
text-align:left;
box-sizing:border-box;
}

.flow_page #contents > div{
width:100%;
padding-right:0;
margin:2rem auto 0;
}
.flow_page h3{
}
.flow_page h4{
padding:0.75rem 1rem;
background:#666666;
font-weight:bold;
color:#ffffff;
}
.flow_page h4 + *{
margin:1rem 0;
line-height:1.4;
}
.flow_page h5{
display:inline-block;
padding:0.75rem 1rem;
background:#005bab;
color:#ffffff;
}

.products_in{
margin-bottom:2rem;
}
.products_in:last-child{
margin-bottom:0;
}

.products_main_left,
.products_main_right{
width:50%;
float:left;
}
.products_main_left{
padding-right:1rem;
box-sizing:border-box;
}
.products_main_right ul li{
padding-bottom:0.5rem;
margin-bottom:0.5rem;
border-bottom:1px solid #cccccc;
}

.products_main{
width:980px;
margin:2rem auto 0;
}

.products_detail dt{
display:inline-block;
padding:0.75rem 1rem;
background:#666666;
color:#ffffff;
}
.products_detail dd{
margin:1rem 0;
line-height:1.4;
}



.adoption_main_gallery{
margin:2rem 0;
padding:2rem 0;
background:#B5DDFF;
}
.adoption_main_gallery ul{
width:980px;
margin:0 auto;
}
.adoption_main_gallery li{
width:calc((100% - 2rem) / 3);
box-sizing:border-box;
border:5px solid #ffffff;
margin-right:1rem;
float:left;
}
.adoption_main_gallery li{
transform:rotate(-1deg);
}
.adoption_main_gallery li:last-child{
margin-right:0;
}

.adoption_main_info,
.adoption_main_detail,
.contact_policy,
.contact_main_info{
width:980px;
margin:0 auto;
}

.adoption_main_info dl{
border-bottom:1px solid #cccccc;
background:#DBE1F3;
}
.adoption_main_info dl > *{
float:left;
box-sizing:border-box;
line-height:1.4;
}
.adoption_main_info dl:first-child > *{
background:#6397CB;
color:#ffffff;
}
.adoption_main_info dl dt{
width:calc(6em + 1rem);
background:#DBE1F3;
padding:0.5em 1em;
}
.adoption_main_info dl dd{
padding:0.5em 0 0.5em 1rem;
width:calc(100% - (6em + 1rem));
background:#ffffff;
}
.adoption_main_detail,
.contact_policy,
.contact_main_info{
margin-top:2rem;
}

.contact_policy h5{
padding:0.25rem 0 0.25rem 0.75rem;
background:none;
color:inherit;
margin-bottom:1rem;
border-left:10px solid #666;
}
.contact_policy h5 + p{
margin-bottom:1rem;
}
.contact_main_info{
border:5px solid #cccccc;
padding:1rem;
box-sizing:border-box;
}
.contact_main_info dt,
.contact_main_info dd{
float:left;
}
.contact_main_info dt{
width:9em;
margin-right:1em;
line-height:44px;
text-align:right;
}
.contact_main_info dd{
width:calc(100% - 10em);
}
.contact_main_info input,
.contact_main_info select,
.contact_main_info textarea{
box-sizing:border-box;
display:inline-block;
font-size:16px;
padding:0.75em 0.5em;
margin-bottom:0.5em;
line-height:16px;
border:1px solid #cccccc;
-webkit-appearance: none;
border-radius: 0;
box-shadow:none;
height:44px;
width:auto;
}
.contact_main_info input.input_middle{
width:100%;
max-width:40em;
}
.contact_main_info input.input_long{
width:100%;
}
.contact_main_info select{
-webkit-appearance:menulist;
padding:0 0.5em;
background:#ffffff;
}
.contact_main_info [type=submit]{
position:relative;
height:3.5em;
margin-left:0;
padding:1em 0 1em 2em;
width:100%;
max-width:10em;
border-radius:5px;
background:#dd0000;
color:#ffffff;
border:0;
font-size:16px;
line-height:16px;
}
.contact_main_info [type=submit] img{
position:absolute;
top:calc(50% - 0.75em);
left:calc(50% - 3.25em);
}
.contact_main_info li:last-child{
padding-left:10em;
}
.contact_main_info textarea{
width:100%;
height:10em;
}



.sitemap_main_in{
width:100%;
max-width: 980px;
margin:2rem auto;
}
.sitemap_main_in ul{
margin-bottom:1rem;
padding:1rem;
border:1px solid #005bab;
border-radius:5px;
}
.sitemap_main_in ul li:first-child,
.sitemap_main_in ul ul li{
background:url("./../images/icon_list.png") center left no-repeat;
padding-left:0.75rem;
}
.sitemap_main_in ul ul{
margin-top:1rem;
margin-bottom:0;
}
.sitemap_main_in ul ul li{
line-height:1.4;
}

.contact_banner{
text-align:center;
}
.contact_banner > a{
display:inline-block;
}
.contact_banner_left,
.contact_banner_right{
float:left;
height:82px;
padding:1rem;
box-sizing:border-box;
}
.contact_banner_left{
background:#005bab;
color:#ffffff;
padding-top:1.6rem;
}
.contact_banner_left span{
font-size:32px;
padding-left:0.5rem;
}
.contact_banner_right{
background:#99CDFF;
text-align:center;
color:#333333;
}



#slider{
box-sizing:border-box;
width:100%;
border:5px solid #666666;
border-bottom:3px solid #666666;
}
#thumbnail-list{
width: 100%;
margin: 0 auto;
border:5px solid #666666;
border-top:0;
box-sizing:border-box;
display: flex;
justify-content: space-between;
flex-wrap:wrap;
}
.thumbnail-item{
flex: 0 1 25%;
box-sizing: border-box;
position:relative;
cursor:pointer;
}
.thumbnail-item:after{
content:'';
background-color: rgba(0,0,0,0.5);
position:absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
transition: .3s opacity linear;
}
.thumbnail-item.thumbnail-current{
cursor:text;
}
.thumbnail-item.thumbnail-current:after{
opacity: 0;
}
.thumbnail-item img{
width: 100%;
margin: 0 auto;
}



/* -∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴- */
/*　その他
/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */

.inline_sp_only{
display:none;
}
.block_sp_only{
display:none;
}
.fontColorRed{
color:red;
}

.kanban_slider_noimages{
height:100vh;
background:#fff;
}
.kanban_slider_noimages.slick-current{
background:0;
}
.kanban_slider_noimages img{
width:auto;
}

.rolling_image{
  position:absolute;
  transform:rotate(3deg);
  opacity:0.5;
}
