/*
Template:twentyfifteen
Theme Name: twentyfifteen_child
*/

@import url("../twentyfifteen/style.css");


/*==================
 ▼ブレイクポイントのルール▼
 *〜479px：SP縦
 *480px〜：SP横
 *600px〜タブレット
 *960px〜小型PC
 *1280px〜大型PC
==================*/


body{
font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Pゴシック", sans-serif;
font-size: 100%;
}
html,
body{
	width:100%;
	height:100%;
}
body#homepage{
	overflow:hidden;
}
.clearfix:after{
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
.clearfix{
width: 100%;
/*\*//*/
overflow: hidden;
/**/
}
:focus {
outline: 0;
}

a,
a:visited{
color: blue;
}
a:hover,
a:active{
color: #FF9500;
}

img{
max-width: 100%;
}
br.sponly{
display: none;
}
br.toptab{
display: none;
}
img.img_pc{
display: block;
}
img.img_sp{
display: none;
}

.sml90{font-size: 90%;}
.sml80{font-size: 80%;}
.sml70{font-size: 70%;}
.sml65{font-size: 65%;}
.sml60{font-size: 60%;}
.sml50{font-size:50%;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}

/* TO TOP Button 
--------------------------------------------------*/

#page-top {
position: fixed;
z-index:100;
bottom: 30px;
right: 20px;
width:36px;
}
#page-top img{
width:100%;
border:0;
outline: 0;
}
#page-top a{
border:0;
outline: 0;
}



/* GENERAL STRUCTURE 
--------------------------------------------------*/

#page_wrapper{
width: 100%;
height: 100%;
position: relative;
}
#spmenu{
display: none;
}
#sidemenu{
background-color: rgba(205,223,201,0.8);
background:#ffffff;
height: 100vh;
position: fixed;
width: 20%;
min-width: 224px;
box-sizing: border-box;
padding: 40px 0;
z-index: 1000;
}
#contents_wrap{
position: relative;
width: 80%;
margin-left: 20%;
background: #F2F1D3;
}
#contents_area{
font-size: 90%;
line-height: 1.65em;
position: relative;
box-sizing: border-box;
width: 80%;
max-width: 1000px;
margin: auto;
padding: 50px 0;
}
#footer{
width: 100%;
padding: 30px 40px 20px;
box-sizing: border-box;
color: #ffffff;
background: url(img/cars/bg.png);
font-size: 75%;
line-height: 1.8em;
text-align: center;
position: relative;
}
#footer .block{
display: inline-block;
vertical-align: top;
text-align: left;
margin-right: 5%;
}
#footer h6{
font-weight: normal;
font-size: 115%;
line-height: 2em;
padding-top: 10px;
}
#footer h6.team{
font-weight: normal;
font-size: 115%;
line-height: 1.5em;
padding-top: 10px;
padding-bottom: 10px;
}
#footer a{
color: #ffffff;
text-decoration: none;
}
#footer a:hover{
color: #ffae00;
text-decoration: none;
}
#footer #logo{
position: absolute;
bottom: 20px;
right: 20px;
width: 120px;
}
#footer_copyright{
margin-top: 40px;
text-align: center;
color: #ffc547;
color: #e6b956;
font-size: 12px;
line-height: 1.25em;
font-family: Arial, Helvetica, "sans-serif";
}
#footer_copyright img{
padding-bottom: 10px;
}

/* SIDE MENU 
--------------------------------------------------*/
#sidemenu{
text-align: center;
color: #666666;
box-shadow:2px 0px 14px -3px #000000;
}
#sidemenu h1{
width: 200px;
margin: auto;
padding-bottom: 40px;
}
ul#globalmenu{
width: 224px;
margin: auto;
padding: 15px 0;
margin-bottom: 20px;
border-top: #bcbcbc solid 1px;
border-bottom: #bcbcbc solid 1px;
font-size: 100%;
}
ul#globalmenu li{
line-height: 2.5em;
}
ul#globalmenu li.borderbottom{
border-bottom: #bcbcbc solid 1px;
margin-bottom: 15px;
padding-bottom: 15px;
}
ul#globalmenu li.sponsor{
width: 160px;
font-size: 80%;
margin: auto;
line-height: 2.2em;
padding-top: 5px;
}
ul#globalmenu li a{
text-decoration: none;
color: #666666;
}
ul#globalmenu li a:hover{
text-decoration: none;
color: #FF9500;
}
#sidemenu p.menu_sns{
width: 160px;
margin: auto;
}
#sidemenu p.menu_sns_yt {
    padding-top: 1em;
    width: 160px;
    margin: auto;
}
#sidemenu p.menu_mail{
position: absolute;
width: 47px;
left: 0;
right: 0;
bottom:15px;
margin: auto;
}



/* SP MENU 
--------------------------------------------------*/

#spmenu{
background:#ffffff;
width: 100%;
height: 60px;
position: fixed;
padding: 0;
box-shadow:0px 2px 6px -2px #000000;
z-index: 1000;
}
#spmenu h1{
width: 130px;
margin: auto;
padding-top: 8px;
}
#modalmenu{
position: fixed;
background: url(https://www.flexdream.co.jp/wp-content/themes/twentyfifteen_child/img/common/modal_bg.png);
width: 100%;
z-index: 102;
display: none;
text-align: center;
padding-bottom: 30px;
}
ul#dropmenu{
margin: auto;
padding: 65px 0 15px;
font-size: 100%;
text-align: center;
width: 90%;
max-width: 400px;
margin: auto;
}
ul#dropmenu li{
font-size: 100%;
line-height: 2.5em;
border-bottom: #c9c9c9 solid 1px;
}
#modalmenu a{
text-decoration: none;
color: #666666;
}
#modalmenu a:hover{
text-decoration: none;
color: #FF9500;
}
#modalmenu p.sponsor{
width: 180px;
font-size: 90%;
margin: auto;
line-height: 2em;
padding-bottom: 10px;
}
#modalmenu p.menu_sns{
width: 160px;
font-size: 90%;
margin: auto;
line-height: 2em;
}
#modalmenu .menu_sns_yt{
width: 160px;
padding-top: 10px;
margin: auto;
}
.spmenu_open{
display: block;
position: absolute;
width: 20px;
height: 20px;
right: 15px;
top: 18px;
z-index: 1001;
}
.spmenu_close{
display: none;
position: absolute;
width: 20px;
height: 20px;
right: 15px;
top: 18px;
z-index: 1002;
}




/* TOP ACCORDION MENU 
--------------------------------------------------*/

#topmenu{
width: 100%;
height:230px;
background: #000000;
background: -prefix-linear-gradient(top, #464646, #292929);
background: linear-gradient(#464646, #292929);
position: absolute;
bottom: -180px;
box-sizing: border-box;
font-size: 0;
text-align: center;
}
#topmenu_fix{
position: fixed;
width: 80%;
z-index: 50;
right: 0;
bottom:36px;
font-size: 0;
height:50px;
}
.fix_box{
width: 25%;
display: inline-block;
box-sizing: border-box;
text-align: center;
font-size: 16px;
line-height: 50px;
vertical-align: middle;
border-left: solid 1px #464646;
background: #ffa33c;
}
.fix_box.hover{
background: #292929;
color: #F5F2ED;
}
.topmenu_info{
text-align: center;
font-size: 12px;
width: 100%;
background: #1c1717;
position: absolute;
bottom: 0;
right: 0;
line-height: 36px;
height: 36px;
z-index: 51;
}
.topmenu_info_sp{
display: none;
}
.topmenu_info a{
color: #ffffff;
opacity: 0.7;
text-decoration: none;
}
.topmenu_info a:hover{
opacity: 1;
}

.menu_content{
position: relative;
box-sizing: border-box;
padding: 25px 0 0 35px;
text-align: left;
display: none;
}
.menu_pic{
width: 20%;
display: inline-block;
vertical-align: top;
margin-right: 20px;
}
.menu_txt{
width: 55%;
margin-right: 20px;
display: inline-block;
vertical-align: top;
}
.menu_txt h4{
font-size: 18px;
color: #FFA33C;
padding-bottom: 15px;
}
.menu_txt p.exp{
font-size: 14px;
color: #ffffff;
}
.menu_content p.linkbtn{
width: 18%;
display: inline-block;
vertical-align: top;
background: #ffffff;
background: linear-gradient(#ffffff, #cccccc);
color: #373737;
box-shadow:0px 2px 6px -2px #57554f;
text-align: center;
font-size: 14px;
padding: 10px 0;
}
.menu_content p.linkbtn a{
display: block;
color: #373737;
text-decoration: none;
}
.menu_content p.linkbtn a:hover{
opacity: 0.5;
}


.topmenu_orange{
width: 100%;
height: 52px;
background: #FFA33C;
text-align: center;
color: #000000;
font-size:20px;
line-height: 52px;
position: relative;
background: -prefix-linear-gradient(top, #464646, #292929);
background: linear-gradient(#464646, #292929);
}
.topmenu_close{
width: 300px;
height: 28px;
background: #FFA33C;
text-align: center;
color: #000000;
font-size:18px;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: 20px;
}
.topmenu_close:hover{
opacity: 0.8;
}



.pulltab{
position: fixed;
left: 0;
right: 0;
margin: auto;
width: 410px;
z-index: 50;
bottom:0;
}
#topmenu .biz_box{
font-size: 12px;
width: 50%;
height: 244px;
display: inline-block;
box-sizing: border-box;
vertical-align: top;
color: #ffffff;
text-align: left;
}
#topmenu .biz_cover{
width: 90%;
margin: auto;
padding-top: 20px;
box-sizing: border-box;
}
.biz_info{
display: inline-block;
vertical-align: top;
width: 67%;
}
.biz_pic{
display: inline-block;
vertical-align: top;
width: 30%;
margin-left: 2%;
}
#topmenu #biz_box1{
border-right: solid 1px #BCBCBC;
border-bottom: solid 1px #BCBCBC;
}
#topmenu #biz_box2{
border-bottom: solid 1px #BCBCBC;
}
#topmenu #biz_box3{
border-right: solid 1px #BCBCBC;
}
.biz_box h3{
font-size:20px;
}
.biz_box h4{
font-size: 14px;
color: #FFA33C;
padding-bottom: 15px;
}
.biz_box p.linkbtn{
background: #ffffff;
background: linear-gradient(#ffffff, #cccccc);
width: 100%;
width: 300px;
color: #373737;
margin-top: 15px;
box-shadow:0px 2px 6px -2px #57554f;
text-align: center;
font-size: 14px;
}
.biz_box p.linkbtn a{
display: block;
color: #373737;
text-decoration: none;
}
.biz_box p.linkbtn a:hover{
opacity: 0.5;
}
#top_tab_sp{
display: none;
}



#contents_top{
position: relative;
width: 80%;
margin-left: 20%;
/*background: #F2F1D3;*/
height: 100vh;
overflow: hidden;
}

.BackgroundMedia__src {
position: absolute;
top: 48%;
left: 50%;
width: auto;
min-width: 100%;
height: auto;
min-height: 100%;
-webkit-transform: translate(-50%,-50%) translateZ(0);
transform: translate(-50%,-50%) translateZ(0);
}
audio, canvas, iframe, svg, video {
vertical-align: middle;
}

#contents_top video{
z-index: -1;
}
#btn_fullmovie{
display: none;
position: absolute;
right: 20px;
top: 20px;
z-index: 5;
background: #40FFC9;
color: #fff;
border-radius: 10px;
width: 160px;
}
#btn_fullmovie a{
display: block;
text-decoration: none;
/*
padding: 10px 20px;
color: #fff;*/
}
#btn_fullmovie a:hover{
opacity: 0.7;
}

svg.playbtn_pc{}
svg.playbtn_sp{
display: none;
}

.st_base{fill:#7BECB3;}
.st_txt{fill:#006D77;}

.st_base_ha{fill:#F6E6BD;}
.st_txt_ha{fill:#B15535;}

.st_base2022{fill:#da9494;}
.st_txt2022{fill:#884343;}


.youtube_popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}


.item{
position: relative;
}

#btn_fullmovie_lancru{
position: absolute;
right: 20px;
top: 20px;
z-index: 5;
background: #40FFC9;
color: #fff;
border-radius: 10px;
width: 160px;
}
#btn_fullmovie_hiace{
position: absolute;
right: 20px;
top: 20px;
z-index: 5;
background: #F6E6BD;
color: #fff;
border-radius: 10px;
width: 160px;
}
#btn_fullmovie_lancru svg,
#btn_fullmovie_hiace svg{
width: 160px;
}
#btn_fullmo
#btn_fullmovie_lancru a,
#btn_fullmovie_hiace a{
display: block;
text-decoration: none;
}
#btn_fullmovie_lancru a:hover,
#btn_fullmovie_hiace a:hover{
opacity: 0.7;
}




/* TOP youtube */
bg-video-scroller-wrapper {
    position: absolute;
    top: auto;
    left: auto;
    width: 100%;
    z-index: -1;
}
.bg-video-scroller {
    position: fixed;
    top: 0;
    left: auto;
    width: 100%;
    /* padding-top: 56.25%; */
    z-index: -1;
    max-width: 1760px;
    overflow: hidden;
    height: 100%;
}
.bg-video-wrapper {
    width: 100%;
    overflow: hidden;
    position: absolute;
    padding-bottom: 56.25%;
    /* height: 100%; */
}
.bg-youtube {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bg-youtube iframe {
    width: 100%;
    height: 100%;
}





/* CONTENTS COMMON 
--------------------------------------------------*/
#contents_page{
position: relative;
width: 80%;
margin-left: 20%;
background: #ffffff;
}
#submenu_head,
#submenu_head_entry{
width: 100%;
height: 60px;
background: #464646;
color: #ffffff;
position: fixed;
z-index: 100;
}
#submenu_head li,
#submenu_head_entry li{
float: left;
padding: 0 30px;
line-height: 60px;
}
#submenu_head li a,
#submenu_head_entry li a{
color: #ffffff;
text-decoration: none;
display: block;
}
#submenu_head li.current,
#submenu_head_entry li.current{
background: #FF9500;
}
#submenu_head li:hover,
#submenu_head_entry li:hover{
background: #676767;
}
p.image_full{
width: 100%;
max-width: 900px;
}
#breadguide{
font-size: 12px;
padding: 15px 0 0 5%;
}


/* CONTENTS BUSINESS 
--------------------------------------------------*/
#cars_head{
width: 100%;
height: 300px;
position: relative;
background-size:cover;
}
.head_auto{
background: url(img/cars/top_fd.jpg) no-repeat center center;
}
.head_linex{
background: url(img/linex/head_linex.jpg) no-repeat center left;
}
.head_fdcamp{
background: url(img/fdcamp/head_camp.jpg) no-repeat center center;
}
.head_arb{
background: url(img/arb/head_arb.jpg) no-repeat center right;
}
.head_flexdream-rice{
background: url(img/sustainability/head_rice.jpg) no-repeat center center;
}
.head_thinning_the_forest{
background: url(img/sustainability/head_torch.jpg) no-repeat center center;
}
.head_caj{
background: url(img/caj/head_caj.jpg) no-repeat center center;
}


h2.head_title{
font-size: 180%;
color: #ffffff;
background: url(img/cars/bg.png);
position: absolute;
bottom: 0;
height: 60px;
width: 95%;
line-height: 60px;
padding-left: 5%;
}
.article_cars{
width: 90%;
max-width: 1000px;
padding-left: 5%;
padding-top: 45px;
padding-bottom: 40px;
}
.article_cars p{
font-size: 90%;
line-height: 1.6em;
padding-bottom: 1.5em;
}
.article_cars h3.cars{
font-size: 160%;
margin-bottom: 5px;
}
.article_cars_child h3.cars{
font-size: 160%;
margin-bottom: 5px;
}


.cars_top_btn{
width: 100%;
text-align: center;
font-size: 0;
margin: auto;
margin-top: 20px;
}
.cars_btn{
display: inline-block;
width: 30%;
width: 40%;
margin: 0 1.5%;
font-size: 16px;
text-align: center;
}
.cars_btn img{
width: 100%;
height: auto;
}
.article_cars .cars_btn p{
padding-bottom: 5px;
}
.article_cars .cars_btn h4{
font-weight: bold;
}
.cars_btn a{
color: #000000;
text-decoration: none;
}
.cars_btn a:hover{
opacity: 0.7;
}


.cars_sub_btn{
width: 100%;
text-align: center;
font-size: 0;
margin: auto;
border-top: double 4px #bcbcbc;
border-bottom: double 4px #bcbcbc;
margin-top: 30px;
}
.cars_banner{
display: inline-block;
width: 35%;
margin: 1.5%;
font-size: 16px;
text-align: center;
}
.article_cars .cars_btn p{
padding-bottom: 5px;
}
.article_cars .cars_banner p{
padding-bottom: 0;
}
.article_cars .cars_btn h4{
font-weight: bold;
}
.cars_btn a{
color: #000000;
text-decoration: none;
}
.cars_btn a:hover,
.cars_banner a:hover{
opacity: 0.7;
}



.cars_youtube{
  position:relative;
  width:100%;
  padding-top:56.25%;
  margin-bottom: 30px;
}
.cars_youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


/* SUSTAINABILITY
--------------------------------------------------*/
.article_sustain{
width: 65%;
margin: auto;
padding-top: 45px;
padding-bottom: 40px;
}
.article_sustain h3 {
font-size: 160%;
margin-bottom: 5px;
}
.article_sustain p {
font-size:90%;
padding-bottom: 1.5em;
}
.sustain_pic_wrap{
width: 100%;
font-size: 0;
text-align: center;
padding-bottom:30px;
}
.sustain_pic{
display: inline-block;
vertical-align: top;
width: 32%;
margin: 0.5%;
margin-bottom: 1%;
}
.sustain_pic.nopc{
display: none;
}
.article_sustain h4 {
font-size: 120%;
padding-bottom: 0.5em;
}
.article_sustain h4.store{
text-align: center;
padding-bottom: 0;
background: #E8E8E8;
display: table;
padding: 0.3em 2em;
margin: auto;
}
.article_sustain .jetpack-video-wrapper {
margin-bottom: 50px;
}
p.rice_package{
width: 100%;
max-width: 500px;
margin: auto;
padding: 1.5em 0 3em;
}


/* CAJ
--------------------------------------------------*/
h4.caj_mem_title{
text-align: center;
background: #E1E1E1;
font-size: 100%;
padding: 5px 0;
margin: 30px 0 10px;
}
h4.caj{
}
h4.caj::before{
content: "■";
color: #FF9500;
}
.caj_panmem{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.caj_panmem li {
width: 32%;
border: solid 1px #DDD;
padding: 10px 0;
margin-bottom: 1.5%;
}
.caj_panmem::after{
  content:"";
  display: block;
  width:32%;
}
.caj_mem{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.caj_mem p {
font-size: 0;
display: none;
}
.caj_mem li {
width: 23%;
border: solid 1px #DDD;
margin-bottom: 1.5%;
}
.caj_mem::before{
  content:"";
  display: block;
  width:23%;
  order:1;
}
.caj_mem::after{
  content:"";
  display: block;
  width:23%;
}
.caj_panmem li a:hover,
.caj_mem li a:hover{
opacity: 0.7;
}
.article_sustain section{
padding-bottom: 30px;
}
.article_sustain .note{
font-size: 70%;
}
.caj_banner{
text-align: center;
display: table;
width: 300px;
}
.caj_banner a{
display: block;
background: #E8E8E8;
padding: 0.3em;
text-decoration: none;
color: #353535;
transition: all 0.3s;
}
.caj_banner a:hover{
display: block;
background: #000;
padding: 0.3em 2em;
color: #fff;
}

/* CONTENTS CARS CHILD 
--------------------------------------------------*/
.article_cars_child{
width: 100%;
padding-top: 45px;
padding-bottom: 40px;
}
.cars_main_pic{
width: 100%;
height: 550px;
background-size:cover;
}
h2.cars_pagetitle{
text-align: center;
font-size:240%;
line-height: 1.05em;
padding: 36px 0;
}
h3.cars_child_chap{
background: #464646;
color: #ffffff;
font-family: Arial, Helvetica, "sans-serif";
font-size:16px;
padding: 10px 0;
box-sizing: border-box;
margin: 15px 0;
font-weight: normal;
text-align: center;
}
.article_cars_child_contents{
width: 65%;
margin: auto;
}
.cars_lead{
width: 100%;
font-size: 90%;
margin-bottom: 50px;
}
.cars_lead p{
padding-bottom: 1.5em;
}
.cars_movie{
width: 100%;
margin: auto;
margin-bottom: 50px;
box-sizing: border-box;
text-align: center;
}
.cars_banner_main{
border-radius: 2px;
box-shadow:1px 1px 1px  #cdcdcd;
}
.cars_banner_main img{
width: 100%;
}
.cars_banner_main,
.cars_banner_sml_wrap,
.cars_banner_mdl_wrap,
.cars_banner_two_wrap,
.cars_gallery_wrap{
width: 100%;
margin-bottom: 25px;
box-sizing: border-box;
text-align: center;
font-size: 0;
}
.cars_banner_three_wrap{
width: 100%;
margin-bottom: 25px;
box-sizing: border-box;
text-align: left;
font-size: 0;
}
.cars_banner_sml_wrap a:hover,
.cars_banner_mdl_wrap a:hover,
.cars_banner_two_wrap a:hover,
.cars_banner_three_wrap a:hover,
.cars_gallery_wrap a:hover{
opacity: 0.7;
}
.cars_banner_main img:hover{
opacity: 0.7;
}
.cars_gallery{
display: inline-block;
width: 24%;
margin: 0.5%;
font-size: 13px;
box-shadow:1px 1px 1px  #cdcdcd;
text-align: left;
}
.cars_gallery img{
width: 100%;
}
.cars_banner_two{
display: inline-block;
width: 49%;
margin: 0.5%;
font-size: 13px;
box-shadow:1px 1px 1px  #cdcdcd;
text-align: left;
}
.cars_banner_two img{
width: 100%;
height: auto;
}
.cars_banner_three{
display: inline-block;
width: 32.333%;
margin: 0.5%;
background: #ececec;
font-size: 13px;
}
.cars_banner_sml{
display: inline-block;
width: 47%;
height: 50px;
margin: 0.5%;
background: #ececec;
font-size: 13px;
line-height: 50px;
font-weight: 600;
border-radius: 2px;
box-shadow:1px 1px 1px  #cdcdcd;
text-align: left;
padding-left: 2%;
color: #393939;
position: relative;
background-repeat:  no-repeat;
background-position: right center;
}
.sml_news{
background-image: url(img/landcruiser/btn_sml_bg_lancru_news.gif);
}
.sml_stock{
background-image: url(img/landcruiser/btn_sml_bg_lancru_stock.gif);
}
.sml_demo{
background-image: url(img/landcruiser/btn_sml_bg_lancru_demo.gif);
}
.sml_custom{
background-image: url(img/landcruiser/btn_sml_bg_lancru_custom.gif);
}
.cars_banner_sml_shop{
display: inline-block;
width: 47%;
height: 50px;
margin: 0.5%;
background: #cdcdca;
font-size: 13px;
line-height: 50px;
font-weight: 600;
border-radius: 2px;
box-shadow:1px 1px 1px  #cdcdcd;
text-align: left;
padding-left: 2%;
color: #393939;
position: relative;
background-image: url(img/landcruiser/btn_sml_bg_lancru_shop.gif);
background-repeat:  repeat-x;
}
.cars_banner_sml .arrow,
.cars_banner_sml_shop .arrow{
position: absolute;
top: 10px;
right: 15px;
}
.cars_banner_sml a,
.cars_banner_sml_shop a{
display: block;
color: #393939;
text-decoration: none;
}
.cars_banner_sml a:hover,
.cars_banner_sml_shop a:hover{
opacity: 0.6;
}
.cars_banner_mdl{
display: inline-block;
width: 32%;
margin: 0.5%;
font-size: 14px;
border-radius: 2px;
box-sizing: border-box;
box-shadow:1px 1px 1px  #cdcdcd;
}
.see_more{
font-size: 14px;
border: solid 2px #464646;
padding: 8px 15px;
color: #464646;
display: table;
text-align: center;
margin: auto;
margin-top: 10px;
}
.see_more a{
color: #464646;
text-decoration: none;
display: block;
}
.see_more a:hover{
color: #FF9500;
}
p.auto_totop{
text-align: center;
color: #464646;
text-decoration: none;
display: block;
border: 1px solid #464646;
font-size: 90%;
padding: 7px 0;
margin-top: 40px;
}
p.auto_totop a{
text-decoration: none;
color: #464646;
display: block;
}
p.auto_totop a:hover{
color: #FF9500;
}



/*  Landcruiser ---------------------------------*/
.lancru_main_pic{
background: url(img/landcruiser/lancru_main.jpg) no-repeat bottom center;
background-size:cover;
}
.sml_news_lancru{
background-image: url(img/landcruiser/btn_sml_bg_lancru_news.gif);
}
.sml_stock_lancru{
background-image: url(img/landcruiser/btn_sml_bg_lancru_stock.gif);
}
.sml_demo_lancru{
background-image: url(img/landcruiser/btn_sml_bg_lancru_demo.gif);
}
.sml_custom_lancru{
background-image: url(img/landcruiser/btn_sml_bg_lancru_custom.gif);
}

/*  Hiace ---------------------------------*/
.hiace_main_pic{
background: url(img/hiace/hiace_main.jpg) no-repeat bottom center;
background-size:cover;
}
.sml_news_hiace{
background-image: url(img/hiace/btn_sml_bg_hiace_news.gif);
}
.sml_stock_hiace{
background-image: url(img/hiace/btn_sml_bg_hiace_stock.gif);
}
.sml_demo_hiace{
background-image: url(img/hiace/btn_sml_bg_hiace_demo.gif);
}
.sml_custom_hiace{
background-image: url(img/hiace/btn_sml_bg_hiace_custom.gif);
}

/*  US toyota ---------------------------------*/
.ustoyota_main_pic{
background: url(img/ustoyota/ustoyota_main.jpg) no-repeat bottom center;
background-size:cover;
}
.sml_news_ustoyota{
background-image: url(img/ustoyota/btn_sml_bg_ustoyota_news.gif);
}
.sml_stock_ustoyota{
background-image: url(img/ustoyota/btn_sml_bg_ustoyota_stock.gif);
}
.sml_demo_ustoyota{
background-image: url(img/ustoyota/btn_sml_bg_ustoyota_demo.gif);
}
.sml_custom_ustoyota{
background-image: url(img/ustoyota/btn_sml_bg_ustoyota_custom.gif);
}


/*  FD-classic ---------------------------------*/
.fdclassic_main_pic{
background: url(img/fdclassic/fdclassic_main.jpg) no-repeat bottom center;
background-size:cover;
}

/*  FD-BOX ---------------------------------*/
.fdbox_main_pic{
background: url(img/fdbox/fdbox_main.jpg) no-repeat bottom center;
background-size:cover;
}

/*  FD-CAMP ---------------------------------*/
img.camp_ban_sp{display: none;}


/*  ARB ---------------------------------*/

.arb_lead{
width: 76%;
font-size: 90%;
margin-bottom: 50px;
float: left;
}
.arb_lead p{
padding-bottom: 1.5em;
}
.arb_celtificate{
float: right;
width: 20%;
margin-bottom: 40px;
}
.arb_celtificate img{
width: 100%;
height: auto;
border: #E2E2E2 solid 1px;
box-shadow:1px 1px 1px  #cdcdcd;
}
.arb_celtificate img:hover{
opacity: 0.7;
}

.arb_logo{
text-align: center;
width: 100%;
max-width: 420px;
margin: auto;
padding-bottom: 60px;
}
.arb_banner{
width: 78%;
max-width: 900px;
margin: auto;
margin-top: 25px;
}
.arb_banner img{
width: 100%;
height: auto;
}
.arb_banner img:hover{
opacity: 0.8;
}
.soon{
text-align: center;
width: 100%;
max-width: 600px;
margin: auto;
}
.arb_pic_wrap{
width: 100%;
font-size: 0;
text-align: center;
}
.arb_pic{
display: inline-block;
vertical-align: top;
width: 32%;
margin: 0.5%;
margin-bottom: 1%;
}
.arb_pic img{
width: 100%;
height: auto;
}
.arb_pic img:hover{
opacity: 0.8;
}


/*  Instagram ---------------------------------*/

.cars_insta{
text-align: left;
font-size: 0;
margin-bottom: 50px;
}

ul.instagram {
  width: 100%;
}

ul.instagram li {
	display: inline-block;
	width: 15.6%;
	margin: 0.5%;
font-size: 16px;
}
ul.instagram li img {
  width: 100%;
  height: auto;
}

ul.instagram li:hover {
  opacity: 0.7;
}


/*  Instagram 2020 ---------------------------------*/


.instagram-container{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1px;
  font-size: 0;
  position: relative;
  justify-content: center;
}
 
.instagram-item {
  width: 16.2%;
  margin: 1px;
  position: relative;
}
.instagram-item:before{
  content: "";
  display: block;
  padding-top: 100%;
}
.instagram-item img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}

@media screen and (max-width: 842px){
  .instagram-item {
      width: 24.0%;
  padding: 0.25%;
  }
}
@media screen and (max-width: 640px){
.instagram-item{
  width: 32.0%;
  padding: 0.25%;
}
}

a.instagram-card{/*
  display: block;
  position: relative;/*
  margin-bottom: 16px;*/
}
/*
.instagram-card__img{
  max-width: 100%;
  height: auto;
  display: block;
}
*/



/*  Instagram 2020 ver2 ---------------------------------*/


.instagram-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1px;
font-size: 0;
}
.insta-img-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.insta-img-list .item {
  width: 16.3%;
  padding: 1px;
  overflow: hidden;
}
.insta-img-list .item img{
  max-width: 100%;
  height: auto;
  display: block;
object-fit: cover;
}

@media screen and (max-width: 842px){
.insta-img-list .item {
      width: 24.5%;
  padding: 0.25%;
  }
}
@media screen and (max-width: 640px){
.insta-img-list .item{
  width: 32.8%;
  padding: 0.25%;
}
}



/* CONTENTS COMPANY 
--------------------------------------------------*/
.article_company{
width: 90%;
max-width: 860px;
padding-left: 5%;
padding-top: 105px;
padding-bottom: 40px;
}
.article_company p{
font-size: 90%;
line-height: 1.6em;
padding-bottom: 1.5em;
}
.article_company ul{
padding-bottom:0.5em;
}
.article_company li{
font-size: 90%;
line-height: 1.6em;
list-style-type: none;
}
.article_company li::before{
content: "・";
}
.article_company p.pb30{
padding-bottom: 30px;
}
.article_company h2.pagetitle{
font-size: 180%;
margin-bottom: 40px;
}
.article_company h2.pagetitle.green {
border-left: solid 6px #09be00;
padding-left: 13px;
background: linear-gradient(270deg, white, #e7ffca);
}
.article_company h2.pagetitle.orange {
border-left: solid 6px #FF9500;
padding-left: 13px;
background: linear-gradient(270deg, white, #ffe0b0);
}
.article_company h2.pagetitle.blue {
border-left: solid 6px #004ce7;
padding-left: 13px;
background: linear-gradient(270deg, white, #c5edff);
}
.article_company h3.message{
font-size: 120%;
margin-top: 20px;
margin-bottom: 5px;
}
.message_border{
width:90%;
height:2px;
background: linear-gradient(270deg, white, #FF9500);
margin-bottom: 15px;
}
.article_company table{
border-top: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
width: 100%;
max-width: 860px;
box-sizing: border-box;
margin-bottom: 40px;
}
.article_company th,
.article_company td{
font-size: 90%;
line-height: 1.6em;
font-weight: normal;
border-right: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding: 15px 20px;
}
.article_company th{
background: #efefef;
width: 150px;
}
.article_banner{
width: 90%;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: auto;
}
.article_banner div{
width: 30%;
margin: 0 1.5% 1.5%;
}
@media screen and (max-width:640px){
.article_banner{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.article_banner div{
width: 48%;
margin: 0 0 3%;
}
}


/* CONTENTS CONTENT 
--------------------------------------------------*/
.article_content{
width: 90%;
max-width: 860px;
padding-left: 5%;
padding-top: 40px;
padding-bottom: 40px;
}
.article_content h2.pagetitle{
font-size: 180%;
margin-bottom: 40px;
}
.content_thread{
width: 100%;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #d2d2d2;
}
.content_pic{
display: inline-block;
vertical-align: top;
width: 180px;
margin-right: 15px;
}
.content_pic img{
width: 100%;
height: auto;
}
.content_pic img:hover{
opacity: 0.7;
}
.content_link{
display: inline-block;
vertical-align: top;
}
.content_link a{
text-decoration: underline;
}
.content_link h4{
font-weight: normal;
font-size: 18px;
padding-bottom: 0.5em;
}
.content_link h4 a{
color: #505050;
}
.content_link h4 a:hover{
color: #FF9500;
}
.content_link li{
font-size: 14px;
list-style-type: none;
line-height: 1.7em;
}



/* CONTENTS RECRUIT 
--------------------------------------------------*/

.article_company h3.recruit{
font-size: 140%;
margin-bottom: 20px;
color: #FF9500;
}

.recruit_top{
text-align: center;
font-size: 125%;
}
.recruit_top h4{
font-size: 100%;
font-weight: normal;
padding-bottom: 1.2em;
}
.article_company h3.recruit_top{
font-size: 200%;
margin: 20px 0;
color: #FF9500;
}

span.work{
color: #FF9500;
}
.entry_btn_wrap{
padding-bottom: 60px;
}
.entry_btn{
display: inline-block;
text-align: center;
background: #ffc022;
color: #ffffff;
width: 45%;
margin: 2%;
height: 100px;
line-height: 100px;
font-size: 120%;
box-shadow:3px 2px 4px -2px #757575;
}
.entry_btn a{
display: block;
color: #ffffff;
text-decoration: none;
}
.entry_btn a:hover{
background: #ffd97b;
display: block;
color: #ff6c00;
text-decoration: none;
}
.btn_link{
width: 100%;
max-width: 600px;
height: 60px;
line-height: 60px;
background: #ffc022;
color: #ffffff;
margin: auto;
text-align: center;
font-size: 120%;
box-shadow:3px 2px 4px -2px #757575;
}
.btn_link a{
display: block;
color: #ffffff;
text-decoration: none;
}
.btn_link a:hover{
background: #ffd97b;
display: block;
color: #ff6c00;
text-decoration: none;
}


/* INFO
--------------------------------------------------*/

.article_info{
width: 90%;
max-width: 860px;
padding-left: 5%;
padding-top: 70px;
padding-bottom: 40px;
}
.article_info p{
font-size: 90%;
line-height: 1.6em;
padding-bottom: 1.5em;
}
.article_info p.pb30{
padding-bottom: 30px;
}
.article_info h2.pagetitle{
font-size: 180%;
margin-bottom: 40px;
}
.article_info h3.message{
font-size: 120%;
margin-top: 20px;
margin-bottom: 5px;
}
.article_info h4{
font-size: 100%;
margin-bottom: 5px;
}
.sitemap_block{
padding-right: 70px;
padding-bottom: 40px;
display: inline-block;
vertical-align: top;
line-height: 1.8em;
}
.sitemap_block h3{
padding-bottom: 15px;
}
.sitemap_block h3.haschild{
padding-bottom: 0px;
}
.sitemap_block ul{
padding-bottom: 15px;
}
.sitemap_block li{
font-size: 90%;
padding-left: 1em;
}


/* CONTACT
--------------------------------------------------*/

.article_contact{
width: 90%;
max-width: 860px;
padding-left: 5%;
padding-top: 50px;
padding-bottom: 40px;
}
.article_contact p{
font-size: 90%;
line-height: 1.6em;
padding-bottom: 1.5em;
}
.article_contact p.pb30{
padding-bottom: 30px;
}
.article_contact h2.pagetitle{
font-size: 180%;
margin-bottom: 40px;
}
.article_contact h3.message{
font-size: 120%;
margin-top: 20px;
margin-bottom: 5px;
}
.article_contact table{
border-top: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
width: 100%;
max-width: 860px;
box-sizing: border-box;
margin-bottom: 40px;
}
.article_contact th,
.article_contact td{
font-size: 90%;
line-height: 1.6em;
font-weight: normal;
border-right: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding: 15px 20px;
}
.article_contact th{
background: #efefef;
width: 150px;
}

.contact_form{
border-top: 1px solid #d2d2d2;
padding-top: 30px;
padding-bottom: 30px;
font-size: 90%;
}
.reserve .blue{
	color:#0096bb;
}
.thread{
	padding-bottom:20px;
	margin-bottom:8px;
	border-bottom:#ecf0f1 solid 1px;
}
.reserve input,
.reserve textarea{
	font-size:100%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.reserve select{
	font-size:100%;
	max-width:100%;
}
.reserve p{
	padding:0;
	margin:0;
}

p.question{
	font-size:110%;
	padding-top:10px;
	padding-bottom: 0;
}

.hajimete{
border:#0096bb solid 1px;
padding:10px 20px 20px;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom:20px;
	background:#f1faff;
}
.contact_form input{
padding: 5px;
}

.concert_oneline input,
.answer textarea{
	width:95%;
	max-width: 450px;
}
.concert_people input{
	width:50px;
}
.notes{
	font-size:90%;
	line-height:1.3em;
	padding-top:5px;
	color:#0096bb;
}
.submitbtn{
}
.alert{
	text-align:center;
}
input[type="submit"] {
    padding: 6px 10px;
    padding: 0.428571429rem 0.714285714rem;
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 1.428571429;
    font-weight: normal;
    color: #7c7c7c;
    background-color: #e6e6e6;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}




@media screen and (max-width: 420px) {
.answer_line input{
	width:95%;
}
.concert_people input{
	width:30px;
}
}


/* 404, SEARCH
--------------------------------------------------*/
h3.search{
padding-top: 10px;
}


/*--------------------------------------------------*/
@media screen and (max-width: 1536px) {
br.toptab{
display: block;
}
}
/*--------------------------------------------------*/
@media screen and (max-width: 1280px) {
/*
#sidemenu{
width: 25%;
min-width: 224px;
}
#contents_wrap{
width: 75%;
margin-left: 25%;
}
*/
#btn_fullmovie {
    top: 80px;
}
#topmenu_fix{
width: 100%;
}
#sidemenu{
display: none;
}
#contents_wrap{
width: 100%;
margin-left: 0;
}
#contents_top{
width: 100%;
margin-left: 0;
}
#contents_page{
width: 100%;
margin-left: 0;
}
#spmenu{
display: block;
z-index: 1000;
position: fixed;
}
#contents_area{
padding: 100px 0 50px;
}

#breadguide{
padding: 75px 0 0 5%;
}

#submenu_head,
#submenu_head_entry{
width: 100%;
height: initial;
background: #ffffff;
color: #5a5a5a;
padding-top: 80px;
padding-bottom: 20px;
border-bottom: 1px solid #e7e7e7;
text-align: center;
}

#submenu_head li,
#submenu_head_entry li{
float: none;
display: inline-block;
padding: 0 10px;
line-height: 24px;
font-size: 12px;
font-weight: bold;
box-sizing: border-box;
}
#submenu_head li a,
#submenu_head_entry li a{
color: #5a5a5a;
}
#submenu_head li.current,
#submenu_head_entry li.current{
background: none;
border-bottom: #FF9500 solid 3px;
}
#submenu_head li:hover,
#submenu_head_entry li:hover{
background: #e7e7e7;
}
.article_company{
padding-left: 0;
padding-top:165px;
margin: auto;
}
.article_content{
padding-left: 0;
padding-top:90px;
margin: auto;
}
.article_info{
padding-left: 0;
margin: auto;
padding-top:90px;
}
.article_contact{
padding-left: 0;
margin: auto;
padding-top:90px;
}
.article_company p,
.article_contact p,
.article_info p{
font-size: 85%;
}
.article_recruit{
padding-top:160px;
max-width: 900px;
}
.message_border{
width:100%;
}
}

/*--------------------------------------------------*/
@media screen and (max-width: 960px) {

#footer{
text-align: left;
}
#footer .block{
display: inline-block;
width: 30%;
vertical-align: top;
text-align: left;
margin-right: 0;
padding-bottom: 0px;
}
#topmenu{
display: none;
}
#contents_top{
height: 65vh;
overflow: hidden;
}

#btn_fullmovie {
    top: initial;
	bottom: 20px;
}
.BackgroundMedia__src {
position: absolute;
top: 50%;
left: 50%;
width: auto;
min-width: 100%;
height: auto;
min-height: 100%;
-webkit-transform: translate(-50%,-50%) translateZ(0);
transform: translate(-50%,-50%) translateZ(0);
padding-top: 60px;
}

#top_tab_sp{
display: block;
height: 34vh;
background: #F8EEA5;
background: -prefix-linear-gradient(top, #646464, #373737);
background: linear-gradient(#646464, #373737);
border-top: #FF9500 solid 4px;
box-sizing: border-box;
text-align: center;
color: #ffffff;
padding: 5px 0 0;
overflow-y: auto;
}
.topmenu_info{
display: none;
}
.topmenu_info_sp{
display: block;
text-align: center;
font-size: 12px;
width: 100%;
background: #1c1717;
line-height: 32px;
height: 32px;
bottom: 0;
position: fixed;
}
.top_tab_sp_thread{
box-sizing: border-box;
width: 48%;
display: inline-block;
margin: auto;
border-bottom: solid 1px #848484;
padding: 10px 0;
height: 14vh;
}

.top_tab_sp_pic{
text-align: left;
width: 31%;
height: 10vh;
display: inline-block;
vertical-align: top;
overflow: hidden;
margin-right: 1%;
position: relative;
}
.top_tab_sp_pic img{
width: 100%;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right:0;
margin: auto;
}
.top_tab_sp_txt{
text-align: left;
width: 66%;
display: inline-block;
vertical-align: top;
}


#top_tab_sp h3{
font-size: 14px;
width: 70%;
line-height: 1.2em;
margin-top: 0.85em;
}
#top_tab_sp h4{
width: 100%;
font-size: 12px;
color: #ffc258;
margin: auto;
padding-bottom: 0.85em;
}
#top_tab_sp a{
text-decoration: none;
color: #ffffff;
}
#top_tab_sp a:hover{
text-decoration: none;
color: #FFA33C;
}
h2.head_title{
font-size: 160%;
color: #ffffff;
background: url(img/cars/bg.png);
position: absolute;
bottom: 0;
height: 50px;
width: 95%;
line-height: 50px;
padding-left: 5%;
}

h2.cars_pagetitle{
text-align: center;
font-size:200%;
padding: 30px 0;
}
.cars_banner{
display: inline-block;
width: 40%;
margin: 1.5%;
font-size: 16px;
text-align: center;
}

.cars_gallery{
display: inline-block;
width: 49%;
}
.article_cars_child{
padding-top: 25px;
}
.cars_main_pic{
height: 440px;
}
.article_cars_child_contents{
width: 80%;
margin: auto;
}
h3.cars_child_chap{
font-size:14px;
}
.cars_main_pic{
height: 50vw;
}

.article_sustain{
width: 80%;
margin: auto;
}

}



/*--------------------------------------------------*/
@media screen and (max-width: 800px) {

.content_pic{
display: inline-block;
vertical-align: top;
width: 30%;
margin-right: 3%;
}
.content_link{
width: 65%;
display: inline-block;
vertical-align: top;
}

.sustain_pic{
width: 48%;
margin: 0.5%;
margin-bottom: 1%;
}
.sustain_pic.nopc{
display: inline-block;
}
}


/*--------------------------------------------------*/
@media screen and (max-width: 670px) {

h2.head_title {
    height: auto;
    width: 95%;
    line-height: 1.5;
	padding: 0.25em 0 0.25em 5%;
}
img.img_pc{
display: none;
}
img.img_sp{
display: block;
}

#footer_copyright{
line-height: 1.5em;
}
#contents_top{
/*slide*/
height: 35vh;
overflow: hidden;
}
#contents_top.contents_top_movie{
/*video*/
height: 38vh;
}
.BackgroundMedia__src {
position: absolute;
top: 50%;
left: 50%;
width: 160%;
min-width: 100%;
height: auto;
min-height: 100%;
-webkit-transform: translate(-50%,-50%) translateZ(0);
transform: translate(-50%,-50%) translateZ(0);
}
#top_tab_sp{
height:60vh;
}
#btn_fullmovie {
width: 90px;
right: 15px;
bottom: 15px;
}
svg.playbtn_pc{
display: none;
}
svg.playbtn_sp{
display: block;
}


.topmenu_info_sp{
position: fixed;
bottom: 0;
}
.top_tab_sp_thread{
box-sizing: border-box;
width: 90%;
margin: auto;
border-bottom: solid 1px #848484;
}
.top_tab_sp_thread{
height: 12.0vh;
box-sizing: border-box;
padding: 0.25em 0 0.1em;
}
.top_tab_sp_thread:last-child{
border-bottom: 0;
}
.top_tab_sp_pic{
text-align: left;
width: 31%;
height: 9vh;
display: inline-block;
vertical-align: top;
overflow: hidden;
margin-right: 1%;
position: relative;
}
.top_tab_sp_pic img{
width: 100%;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right:0;
margin: auto;
}
.top_tab_sp_txt{
text-align: left;
width: 66%;
display: inline-block;
vertical-align: top;
}
#top_tab_sp h3{
text-align: left;
font-size: 14px;
width: 100%;
line-height: 1.2em;
margin: auto;
margin-top: 0;
}
#top_tab_sp h4{
text-align: left;
width: 100%;
font-size: 12px;
color: #ffc258;
margin: auto;
padding-bottom: 0;
}
.article_cars{
width: 90%;
margin: auto;
padding-left: 0;
padding-top: 45px;
padding-bottom: 40px;
}
.cars_top_btn{
width: 90%;
max-width: 600px;
margin: auto;
text-align: center;
font-size: 0;
margin: auto;
}
.cars_sub_btn{
width: 90%;
max-width: 600px;
margin: auto;
text-align: center;
font-size: 0;
margin: auto;
border-top: double 4px #bcbcbc;
border-bottom: double 4px #bcbcbc;
margin-top: 30px;
padding-top: 20px;
}
.cars_btn{
display: block;
width: 100%;
margin: 0;
margin-bottom: 25px;
font-size: 16px;
text-align: center;
}
.cars_banner{
display: block;
width: 100%;
max-width: 430px;
margin: 0;
margin: auto;
margin-bottom: 25px;
font-size: 16px;
text-align: center;
}
.article_cars_child_contents{
width: 80%;
margin: auto;
}
.cars_banner_mdl_wrap{
width:65%;
margin: auto;
margin-bottom: 25px;
box-sizing: border-box;
text-align: center;
font-size: 0;
}
.cars_banner_mdl{
display: block;
width: 100%;
margin: auto;
margin-bottom: 15px;
background: #8B6768;
font-size: 14px;
border-radius: 2px;
box-shadow:1px 1px 1px  #cdcdcd;
}
.cars_banner_two_wrap {
    width: 65%;
    margin: auto;
    margin-bottom: 25px;
    box-sizing: border-box;
    text-align: center;
    font-size: 0;
}
.cars_banner_two{
display: block;
width: 100%;
max-width: 430px;
margin: 0;
margin: auto;
margin-bottom: 25px;
font-size: 16px;
text-align: center;
}
.cars_banner_three_wrap {
    width: 100%;
	max-width: 360px;
    margin: auto;
    margin-bottom: 25px;
    box-sizing: border-box;
    text-align: center;
    font-size: 0;
}
.cars_banner_three{
display: block;
width: 100%;
max-width: 430px;
margin: 0;
margin: auto;
margin-bottom: 25px;
font-size: 16px;
text-align: center;
}
.article_company h2.pagetitle,
.article_contact h2.pagetitle,
.article_info h2.pagetitle{
font-size: 160%;
}
.article_content h2.pagetitle{
font-size: 140%;
}
.entry_btn{
display: inline-block;
text-align: center;
background: #ffc022;
color: #ffffff;
width: 45%;
margin: 2%;
height: 100px;
line-height: 100px;
font-size: 100%;
box-shadow:3px 2px 4px -2px #757575;
}

.entry_btn_wrap{
min-height: 100px;
}
.article_company h3.recruit_top{
font-size: 160%;
margin: 20px 0;
color: #FF9500;
}

.arb_banner{
width: 98%;
margin: auto;
margin-top: 25px;
}


/*  FD-CAMP ---------------------------------*/
img.camp_ban_pc{display: none;}
img.camp_ban_sp{display: block;}

}


/*--------------------------------------------------*/
@media screen and (max-width: 600px) {

.head_auto{
background: url(img/cars/top_fd_sp.jpg) no-repeat center center;
}
.head_linex{
background: url(img/linex/head_linex_sp.jpg) no-repeat center center;
}
.head_fdcamp{
background: url(img/fdcamp/head_camp_sp.jpg) no-repeat center center;
}
.head_arb{
background: url(img/arb/head_arb_sp.jpg) no-repeat center center;
}
.head_flexdream-rice{
background: url(img/sustainability/head_rice_sp.jpg) no-repeat center center;
}
.head_thinning_the_forest{
background: url(img/sustainability/head_torch_sp.jpg) no-repeat center center;
}
.head_caj{
background: url("img/caj/head_caj_sp.jpg") no-repeat center center;
}


br.sponly{
display: block;
}
br.pconly{
display: none;
}


#contents_area{
width: 90%;
font-size: 85%;
}
.article_company{
padding-top: 180px;
}
.article_content{
padding-top: 100px;
}
.article_recruit{
padding-top:160px;
}
.article_info h2.pagetitle{
font-size: 145%;
}
.article_company h3.message,
.article_contact h3.message,
.article_info h3.message{
font-size: 110%;
line-height: 1.4em;
margin-top: 20px;
margin-bottom: 5px;
}
.article_company p,
.article_contact p,
.article_info p{
font-size: 80%;
}
.content_link h4{
font-size: 16px;
line-height: 1.3em;
padding-bottom: 15px;
}
.content_link li{
font-size: 13px;
line-height: 1.2em;
padding-bottom: 10px;
}
.article_company table,
.article_contact table{
border-top: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
box-sizing: border-box;
margin-bottom: 40px;
}
.article_company th,
.article_contact th{
display: block;
width: 100%;
padding: 5px 0;
}
.article_company td,
.article_contact td{
display: block;
width: 95%;
padding: 10px 0 10px 5%;
}

.recruit_top{
text-align: center;
font-size: 110%;
}
.recruit_top h4{
text-align: center;
font-size: 90%;
font-weight: normal;
}
.article_company h3.recruit_top{
font-size:150%;
margin: 20px 0;
color: #FF9500;
}

.article_cars h3.cars{
font-size: 150%;
margin-bottom: 5px;
}

.article_cars_child_contents{
width: 90%;
margin: auto;
}

ul.instagram li {
	display: inline-block;
	width: 24%;
	margin: 0.5%;
font-size: 16px;
}

.cars_banner_sml{
display: block;
width: 98%;
height: 40px;
margin: 0;
margin-bottom: 10px;
background: #ececec;
font-size: 13px;
line-height: 40px;
font-weight: 600;
border-radius: 2px;
box-shadow:1px 1px 1px  #cdcdcd;
text-align: left;
padding-left: 2%;
color: #393939;
}
.cars_banner_sml_shop{
display: block;
width: 98%;
height: 40px;
margin: 0;
margin-bottom: 10px;
background: #cdcdca;
font-size: 13px;
line-height: 40px;
font-weight: 600;
border-radius: 2px;
box-shadow:1px 1px 1px  #cdcdcd;
text-align: left;
padding-left: 2%;
color: #393939;
}
.cars_banner_sml .arrow,
.cars_banner_sml_shop .arrow{
position: absolute;
top: 5px;
right: 15px;
}

#footer .block{
display: block;
width: 80%;
margin: auto;
vertical-align: top;
text-align: center;
padding-bottom: 10px;
}

#footer h6{
font-size: 130%;
}
#footer #logo{
display: none;
}

.sitemap_block{
display: block;
line-height: 1.6em;
padding-bottom: 15px;
}

.arb_lead{
width: 100%;
font-size: 90%;
margin-bottom: 10px;
float: none;
}
.arb_celtificate{
float: none;
width: 30%;
margin: auto;
margin-bottom: 50px;
}
}


/*--------------------------------------------------*/
@media screen and (max-height: 660px) {
#sidemenu{
position: absolute;
height: 100%;
overflow: scroll;
}
#sidemenu p.menu_mail{
position: relative;
width: 47px;
left: 0;
right: 0;
bottom:0;
margin: auto;
padding: 15px 0;
}
}
/*--------------------------------------------------*/