@charset "utf-8";
@media print, screen and (min-width:769px){
/*================================================================================

TOP PAGE > SECTION 01- サポートサービスオレンジの充実サービス -
  
================================================================================*/
ul#serviceList li {width: 33.3%;}

ul#serviceList li:nth-of-type(3n) {border-right: 2px solid #90c4d0;}
ul#serviceList li:nth-last-of-type(-n+3)  {border-bottom: 2px solid #90c4d0;}

#serviceBody {padding: 30px 6%; font-size: 16px;}

#serviceHeadline {margin-bottom: 5px;}

#btnService {margin-top: 30px;}
#btnService a {font-size: 14px;}



@media print, screen and (max-width:901px){
ul#serviceList li {width: 50%;}

ul#serviceList li:nth-of-type(3n) {border-right:0;}
ul#serviceList li:nth-last-of-type(-n+3)  {border-bottom: 0;}

ul#serviceList li:nth-of-type(even) {border-right: 2px solid #90c4d0;}
ul#serviceList li:nth-last-of-type(-n+2)  {border-bottom: 2px solid #90c4d0;}


}





/*================================================================================

TOP PAGE > SECTION 02 - ご利用用途 -
  
================================================================================*/
body#Top #Section02 #blocTitle {margin-bottom: 15px;}



/* --------------------------------------------------------------------------------------- */
ul#useList {
letter-spacing: -.4em;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
ul#useList li {
display: inline-block;
vertical-align: top;
letter-spacing: 0;
width: 32%;
margin-right: 2%;
}

ul#useList li:nth-of-type(3n) {margin-right: 0;}

#useTitle {font-size: 20px; margin: 30px 0 60px; padding: 15px 0;}

.use_inner {padding: 20px 15px;}

#useBody {font-size: 14px; margin-bottom: 15px;}


@media print, screen and (max-width:901px){
ul#useList {display: block !importa !important;}

ul#useList li {width: 80%; margin:0 auto 30px; max-width: 600px;}
ul#useList li:nth-of-type(3n) {margin:0 auto;}

}



/*================================================================================

TOP PAGE > SECTION 03 - お知らせ -
  
================================================================================*/
#whatsnewBloc {padding: 20px 10px;}

#whatsnewTitle {width: 90%;  margin-bottom: 20px;}
#whatsnewTitle img {max-width: 100px;}


/* --------------------------------------------------------------------------------------- */
#top_newsBody {padding: 30px;}

ul#top_newsList li {letter-spacing: -.4em; margin-bottom: 15px; line-height: 160%;}

ul#top_newsList li {height: auto;}
ul#top_newsList li:last-of-type {margin-bottom: 0;}


#list_upDate, #list_newxExcerpt {display: inline-block; letter-spacing: 0; vertical-align: top; font-size: 14px;}
#list_upDate {width: 14%; margin-right: 2%;  text-align: left;}
#list_newxExcerpt {width: 84%;}


/* --------------------------------------------------------------------------------------- */
#bnr119 {margin-top: 30px;}


/*================================================================================

TOP PAGE > SECTION 04 - 車両のご紹介 -
  
================================================================================*/
body#Top #Section04 #blocTitle {margin-bottom: 15px;}

ul#carList {
letter-spacing: -.4em;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

ul#carList li {
display: inline-block;
vertical-align: top;
letter-spacing: 0;
width: 49%;
margin-right: 2%;
}

ul#carList li:nth-of-type(2n) {margin-right: 0;}

#carBody {padding: 30px 8%;}


/* --------------------------------------------------------------------------------------- */
#carHeadeline {font-size: 16px; margin-bottom: 15px;}

#carName {font-size: 26px; margin-bottom: 30px;}
#carName span {font-size: 16px;}

#carPic a #btnCar {font-size: 13px; padding: 10px 0 ; }


@media print, screen and (max-width:1000px){
#carHeadeline {font-size: 13px;}

#carBody {padding: 30px 2%;}

#carName {font-size: 20px; }
#carName span {font-size: 14px;}

#carPic a #btnCar {font-size: 12px;}

}



/*================================================================================

TOP PAGE > SECTION 05 - サポートサービスオレンジよりごあいさつさせていただきます -
  
================================================================================*/
#titleGreeting {margin-bottom: 30px; font-size: 30px; }

#geetingBody {padding: 30px; font-size: 16px;}

#geetingBody p {margin-bottom: 25px;}



@media print, screen and (max-width:1000px){
#titleGreeting {font-size: 24px; }
#geetingBody {font-size: 14px;}

}


/*================================================================================

GUIDE > ご利用までの流れ
  
================================================================================*/
dl#guide_flowList dt {font-size: 24px; margin-bottom: 10px;}
dl#guide_flowList dd {padding: 0 1em; font-size: 14px; margin-bottom: 30px;}




/*================================================================================

GUIDE > ご利用用途
  
================================================================================*/
ul#gude_useList {width: 100%; margin: 0 auto;}

ul#gude_useList li {margin-bottom: 45px; padding: 30px 0px;  }

ul#gude_useList  #useTitle {font-size: 20px; margin:0 0 90px; padding: 15px 0; max-width: 180px;}

ul#gude_useList  .use_inner {padding: 20px  ;}

ul#gude_useList  #useBody {
font-size: 14px;
width: 92%;
/*
position: absolute;
left: 50%;
bottom: 20px;
-moz-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%,50%);
-o-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
*/

}


/*================================================================================

GUIDE > 車両のご紹介
  
================================================================================*/
ul#guide_carList li {margin-bottom: 60px; padding: 30px 0;}

#guide_carBody {padding: 0 25px;}


/* --------------------------------------------------------------------------------------- */
#guide_carHeadeline {font-size: 16px; margin-bottom: 15px;}

#guide_carName {font-size: 26px; margin-bottom: 30px;}
#guide_carName p {font-size: 16px;}


#guide_carBody {letter-spacing: -.4em;}

#guide_carLeft, #guide_carRight {display: inline-block; vertical-align: top; letter-spacing: 0; width: 48%;}

#guide_carLeft {margin-right: 4%;}


#guide_carDetail {margin-top: 10px; font-size: 14px;}



/*================================================================================

ABOUT
  
================================================================================*/
#aboutImage img {width: 100%; height: auto; margin: 0 auto;}

#about_textBox {font-size:14px; margin-bottom: 45px;}
#about_textBox p {margin-bottom:15px;}

/* --------------------------------------------------------------------------------------- */
#twoBox {letter-spacing:-.4em;}

#twoBox #about_textBox, #twoBox #aboutImage { display: inline-block; height: auto; vertical-align: top; letter-spacing: 0;}

body#About #Section02 #about_textBox {width: 48%; margin-right: 10%;}
body#About #Section02 #aboutImage {width: 42%;}


/* --------------------------------------------------------------------------------------- */
ul#aboutList li,#aboutSign {font-size: 14px;}

ul#aboutList li {margin-bottom: 5px;}

#aboutSign {margin-top: 30px;}

#twoBox ul#aboutList {
display: inline-block;
height: auto;
vertical-align: top;
letter-spacing: 0;
width: 45%;
margin-right: 10%;
}

#twoBox ul#aboutList:nth-of-type(even) {margin-right: 0;}


#Section04 ul#aboutList {margin-bottom: 45px;}


/* --------------------------------------------------------------------------------------- */
body#About #Section05 #about_textBox {width: 65%; }
body#About #Section05 #aboutImage {width: 25%;margin-right: 10%;}




/*================================================================================

ACTIVITIES  

================================================================================*/

/* --------------------------------------------------------------------------------------- */
ul#act_picList { width:84%; margin-top: 45px;}



/* --------------------------------------------------------------------------------------- */
dl#act_stageList {letter-spacing: -.4em;}

dl#act_stageList dt, dl#act_stageList dd {letter-spacing: 0; vertical-align: top; display: inline-block; font-size: 14px;}
dl#act_stageList dt {width: 18%; margin-right: 3%; padding: 6px 0;}
dl#act_stageList dd {margin-bottom: 30px; width:79%;}


/* --------------------------------------------------------------------------------------- */
#bnr_bousaiMask  {width: 80%; margin-top: 45px;}


/* --------------------------------------------------------------------------------------- */
#btnSound {position: absolute; right:0; bottom: 0px; width: 25%; }
#btnSound a  {font-size: 14px; padding: 8px 0; max-width: 180px;}


/* --------------------------------------------------------------------------------------- */
#about_textBox, #twoBox.activites #btnSound {display: inline-block; letter-spacing: 0; vertical-align:  top;}

#twoBox.activites #about_textBox {width: 71%; margin:0 4% 0 0;}

#twoBox.activites #btnSound {position:static;  }
#twoBox.activites #btnSound a {margin-left: auto;}

/* --------------------------------------------------------------------------------------- */
#activitiesPic {margin-top: 45px;}




/*================================================================================

FEE
  
================================================================================*/

/* --------------------------------------------------------------------------------------- */
#fee_inforamtionBox  {max-width: 900px; margin-bottom: 45px;}

.fee_info_inner {padding: 30px;}

#fee_inforamtionBox p {font-size:18px; margin-bottom: 10px;}



/* --------------------------------------------------------------------------------------- */
dl#priceList {margin-bottom: 60px; max-width: 900px;}

#price_listTitle {font-size: 26px; margin-bottom: 15px;}

dl#priceList dt {font-size: 22px; margin-bottom: 10px;}
dl#priceList dd {font-size: 14px; margin-bottom: 45px; padding-left: 1.8em;}

#fee_oneBox {margin-bottom: 30px;}

dl#priceList dd p {margin-bottom: 10px;}

p#infoPrice {font-size:20px !important;}

dl#priceList dd p#fee_infoCap, p#fee_infoCap {margin-bottom: 5px;}


#about_textBox p#infoPrice {text-align: center; font-size:26px !important; padding: 30px; background: #fff; margin-bottom: 45px;}

/* --------------------------------------------------------------------------------------- */
#smallCap {font-size: 12px !important;}

#pickUp {padding: 5px 30px;}


/* --------------------------------------------------------------------------------------- */
body#Fee #twoBox {
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}


#twoBox #fee_inforamtionBox, 
#twoBox #fee_inforamtionBox p { font-size:14px;}

#twoBox #fee_inforamtionBox {display: inline-block; letter-spacing: 0; vertical-align: top; width: 48%; margin-right: 4%;}
#twoBox #fee_inforamtionBox:nth-of-type(even) {margin-right: 0;}

#price_subTitle {font-size: 22px; margin-bottom: 15px;}




/*================================================================================

SITE MAP
  
================================================================================*/
/*ul#sitemapList { max-width:900px;}*/

ul#sitemapList li {margin-bottom: 45px;}

#sitemapHeadline {font-size: 22px; margin-bottom: 10px;}

#sitemapCatch {font-size: 14px; font-weight: 400; margin-bottom: 10px;}

#child_linkBox {font-size: 14px;}

#child_linkBox p {margin-bottom: 10px;}




/*================================================================================

COMPANY
  
================================================================================*/
body#Company #Section01 #aboutImage {width: 27%; margin-right: 3%;}

body#Company #Section01 #about_textBox {width: 70%;}


@media print, screen and (max-width:901px){
body#Company #Section01 #aboutImage {width: 37%;}

body#Company #Section01 #about_textBox {width: 60%;}

}

/* --------------------------------------------------------------------------------------- */
dl#company_dataList {max-width: 700px; letter-spacing: -.4em;}

dl#company_dataList dt, 
dl#company_dataList dd {letter-spacing: 0; display: inline-block; vertical-align: top; font-size: 14px; margin-bottom: 30px;}

dl#company_dataList dt:last-of-type,
dl#company_dataList dd:last-of-type,
dl#company_dataList dd p:last-of-type {margin-bottom: 0;}

dl#company_dataList dt  {width: 20%; margin-right: 4%;  text-align: right;}

dl#company_dataList dd  {width: 72%; padding-left: 4%; border-left: 1px solid #ccc;}
dl#company_dataList dd p {margin-bottom: 10px;}



/*================================================================================

PRIVACY POLICY
  
================================================================================*/
dl#policyList  {width: 100%;}


dl#policyList dt{font-size: 18px; margin-bottom: 10px;}

dl#policyList, dl#policyList dd, dl#policyList dd p, #policy_subBox, #policy_subBox p  {font-size: 14px;}


dl#policyList dd {margin-bottom: 45px;}
dl#policyList dd p, #policy_subBox p {margin-bottom: 15px;}


#policy_listCap {margin-bottom: 30px;}



/*================================================================================

NEWS
  
================================================================================*/
ul#newsList  {margin-bottom: 45px;}
ul#newsList li {margin-bottom: 45px; padding-bottom: 45px;}


/* --------------------------------------------------------------------------------------- */
#news_topBox {margin-bottom: 30px;}

#newsTitle {font-size: 26px; margin-bottom: 10px;}

#upDate {font-size: 14px;}

#markNew {font-size: 12px; vertical-align: 2px;}

#news_mainBox {font-size: 14px;}



/* --------------------------------------------------------------------------------------- */
.archive_inner {width:92%;  max-width: 1200px;}

#archiveTitle {	font-size:20px;	margin-bottom:30px;}

ul#article_archiveList li {font-size:16px; margin-right:10px;}

ul#article_archiveList li a {padding:4px 20px;}





/*=============================================================================

CONTACT
  
=============================================================================*/
#contact_submarkBox {margin-bottom: 30px; padding-bottom: 30px; font-size: 14px;}

ul#submarkList {margin-bottom: 45px;}
ul#submarkList li { font-size: 16px; padding: 0 2%;}

ul#submarkList li span {padding: 0px 30px; }



/* --------------------------------------------------------------------------------------- */
table#contactBody  { padding-top: 30px; margin-top: 30px; max-width: 900px;}


table#contactBody th, table#contactBody td {font-size:14px; }

table#contactBody th {width: 20%;  padding: 20px 0; text-align: center; }
table#contactBody td   {width: 76%;  padding: 20px 4%; border: 1px solid #3b9ebe;}

table#contactBody input[type="text"],
table#contactBody input[type="mail"],
table#contactBody textarea { font-size:14px;}


table#contactBody #typeCheck {letter-spacing:0;}
table#contactBody #typeCheck label {display:inline-block; margin-right:2.5%; letter-spacing:0; vertical-align:top; font-size:14px;} 

ul#btn_submit li input[type="submit"],
ul#btn_submit li input[type="reset"]{ font-size:14px; padding:10px 25px; margin:0 0 3% 0;}

table#contactBody .mwform-tel-field  input[type="text"] {width:25%; margin:0 1% 0 1%;}
table#contactBody.mwform-tel-field  input[type="text"]:first-child {margin-left:0;} 
table#contactBody .mwform-tel-field  input[type="text"]:last-child {margin-right:0;} 


#type_twoInput {letter-spacing: -.4em;}
#type_twoInput p {letter-spacing: 0; vertical-align: top; display: inline-block; width: 48%; margin-right: 4%;}
#type_twoInput p:nth-of-type(2n) {margin-right: 0;}

#formCap  {font-size: 12px; padding: 15px 0 5px;}





/*==========================================================================================================
22.04.11 CUSTOM  
==========================================================================================================*/
#bnrLink {margin-top: 60px; margin-bottom: 30px;}

/*==========================================================================================================
22.05.09 CUSTOM  
==========================================================================================================*/
#price_listTitle span {font-size: 14px;}


}