@charset "UTF-8";

@media screen and (max-width: 1300px) { /*1200以下のPC画面*/
	.limit {
		width: auto !important;
		margin: 0 36px !important;
	}
    .fstView {
        max-width: 2000px;
    }
}
@media screen and (max-width: 768px) { /*スマホ用メニューの切替*/
    header#header nav {
        display: none;        
    }
    #spmenuBtn {
        width: 20%;
        height: 60px;
        display: block;
        margin: 0;
        padding: 20px;
        color: #fff;
        font-style: normal;
        text-align: center;
        text-transform: uppercase;
        box-sizing: border-box;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999;
    }
    #spmenuBtn:before{
        font-family: "FontAwesome";
        content: "\f0c9" ;
        margin: 0 5px 0 0;
    }
    #spmenuBtn:active,
    #spmenuBtn.current {
        color: #000;
        background: #ffffff;
    }
    #spmenu ul{
        width:100%;
        padding: 0;
        font-size: 20px;font-size: 2.0rem;
        background: #ffffff;
        position: absolute;
        top: 60px;
        left: 0;
        z-index: 9999;
    }
    #spmenu ul li {
        width:100%;
        position: relative;
    }
    #spmenu ul li a{
        width:100%;
        display: block;
        padding: 2% 4%;
        color: #000000;
        border-bottom: 1px solid #ddd;
        background: #ffffff;
    }
    #spmenu ul li a:hover {
        color: #000000;
        filter:alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
    #spmenu ul li a:visited { color:#000000; }
    #spmenu ul li a:active { color:#bbbbbb; }
    #spmenu ul li a:after{
        font-family: "FontAwesome";
        content: "\f105" ;
        position: absolute;
        right:4%;
        top:20%;
    }
}
/* 768px以下用（タブレット／スマートフォン用）の記述 */
@media screen and ( max-width : 768px ) {
    .limit {
		margin: 0 20px !important;
	}
    .pcOnly {
        display: none;
    }
    .tblSPOnly {
        display: block;
    }  
    .colEven2{ width: 49.0%; }
    .coladd3 { width: 32.0%; }

    #spmenuBtn {
        font-size: 13px;font-size: 1.3rem;
    }
    #spmenuBtn:before{
        font-size: 13px;font-size: 1.3rem;
    }

    header#header {
        height: 70px;
        position: absolute;
        z-index: 9999;
        top: 0;
        background: #000000;
    }
    header#header h1.logo{
        margin: 20px auto;
    }
    header#header h1.logo img.volvo{
        width: 40px;
    }
    
    footer#footer .footerDealer h1,
    footer#footer .footerDealer h2{
        font-size: 14px;font-size: 1.4rem;
    }
    footer#footer .footerSKY .footerSKY-flex{
        display: block;
        text-align: center;
    }
    footer#footer .footerSKY .footerSKY-flex address{
        font-size: 13px;font-size: 1.3rem;
    }
    footer#footer .footerSKY .footerSKY-flex .footer-logo{
        margin: 1em auto;
    }
    footer#footer .footerSKY .footerSKY-flex .footer-logo img{
        width: 150px;
        margin: auto;
    }
    footer#footer .footerSKY .footerSKY-flex .footer-logo p{
        font-size: 9px; font-size: 0.9rem;
    }

    
    .fstView{
        height: auto;
        padding-top: 70px;
    }
    .fstView.fstView-Mask::before{
        display: none;
    }
    .fstView-presenStage {
        position: relative;
        padding-top: 2%;
        padding-bottom: 2%;
    }
    .fstView-presenStage-content {
        color: #262626;
        z-index: 100;
    }
    .fstView .ttl-brand, .fstView h1, .fstView h2, .fstView h3, .fstView h4{
        text-shadow:none;
    }
    .fstView h1{
        font-size:20px;font-size:2rem;
        margin: 10px 0;
        text-align: center;
    }
    .fstView h2{
        font-size:30px;font-size:3rem;
        margin: 0 0 15px;
        line-height: 1.3;
        text-align: center;
    }
    .fstView h2 span{
        font-size:34px;font-size:3.4rem;
    }
    .fstView .btn-keyvisual {
        display: none;
    }
    .start-scroll {
        display: none;
    }
    
    #content-start{
        padding-top: 0;
    }
    .content {
        line-height: 1.6;
    }
    .content h1 {
        margin-top: 1em;
    }
    .content h1.ttl-mainlead {
        font-size: 24px;font-size: 2.4rem;
        text-align: left;
    }
    .content h1.ttl-intro {
        font-size: 30px;font-size: 3.0rem;
    }
    .content h2 {
        font-size: 24px;font-size: 2.4rem;
    }
    .mailcontent{
    }
    .FB-ConceptArea{
        height: 50vh;
    }
    .FB-ConceptArea h1{
        font-size: 30px;font-size: 3.0rem;
    }
    .FB-ConceptArea h2{
        font-size: 30px;font-size: 3.0rem;
    }
    .FB-ConceptArea .concept span{
        font-size: 16px;font-size: 1.6rem;
    }
    .FB-ClmBox,
    .FB-ClmBox.FB-RowRe {
        flex-direction:column;
        align-items: flex-start; /*垂直方向*/
        justify-content: flex-start; /*水平方向*/
    }
    .FB-ClmBox .clm-2 {
        width: 100%;
        padding: 0;
    }
    .dl_summary {
        font-size: 16px;font-size: 1.6rem;
    }
    .dl_summary dt{
        float: none;
        width: auto;
        text-align: left;
    }
    .dl_summary dd{
        margin-left: 0px;
        padding-left: 0px;
    }
    
    .btn a{
        width: auto;
    }
    .btn a,
    .btn span{
        display: block;
    }
    .btn-left a,
    .btn-left span {margin-left: auto;}
    .btn-Half a{
        max-width: 100%;
    }
}
/* 480px以下用（スマートフォン用）の記述 */
@media screen and ( max-width : 480px ) {
    #spmenuBtn {
        width: auto;
    }
    #spmenu ul{
        font-size: 14px;font-size: 1.4rem;
    }
    #spmenu ul li a{
        padding: 4%;
    }
    .colEven2, .coladd3{ 
        width: 100%;
    }

    .bnr{
        width: 100%;
    }

    header#header {
        height: 50px;
    }
    header#header h1.logo{
        margin: 12px auto;
    }
    header#header h1.logo img.volvo{
        width: 30px;
    }
    
    .footabs{
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        border-top: 1px solid #d0d0d0;
        background: #dddddd;
    }
    .footabs a{
        display: block;
        width: 75%;
        margin: 8px auto;
        padding: 10px;
        text-align: center;
        color:#ffffff;
        border-top: 1px solid #0653b6;
        background: #0653b6;
    }
    
    .fstView{
        padding-top: 50px;
    }
    .fstView h1,
    .fstView h1 span{
        font-size:14px;font-size:1.4rem;
        margin: 10px 0;
    }
    .fstView h2{
        font-size:18px;font-size:1.8rem;
        margin: 0 0 15px;
        line-height: 1.3;
    }
    .fstView h2 span{
        font-size:23px;font-size:2.3rem;
    }
    
    .content h1 {
        font-size: 20px;font-size: 2.0rem;
    }
    .content h1.ttl-mainlead {
        font-size: 20px;font-size: 2.0rem;
    }
    .content h1.ttl-intro {
        font-size: 22px;font-size: 2.2rem;
    }
    .content h2 {
        font-size: 18px;font-size: 1.8rem;
        line-height: 1.5;
        text-align: left;
    }
    .content h2.no-limit {
        margin-left: 20px;
    }
    .content h3 {
        font-size: 16px;font-size: 1.6rem;
        line-height: 1.5;
    }
    .content h3 span{
        font-size: 14px;font-size: 1.4rem;
    }
    .content h4 {
        font-size: 15px;font-size: 1.5rem;
        text-align: left;
    }
    .content {
        font-size: 14px;font-size: 1.4rem;
        text-align: left;
        line-height: 1.5;
    }
    .content .innerBox{
        margin: 10px 0;
    }
    
    .FB-ConceptArea{
        height: 250px;
    }
    .FB-ConceptArea h1{
        font-size: 20px;font-size: 2.0rem;
        margin-top: 0;
    }
    .FB-ConceptArea p{
        font-size: 13px;font-size: 1.3rem;
    }
    
    .dtlTbl tr td{width:50%;}
    
    .MapiInfoTable th {
        width: 70px;
    }
    .caution{
        font-size: 9px;font-size: 0.9rem;
    }
    
    address.telNum{
        font-size: 28px;font-size: 2.8rem;
        line-height: 0.8;
        margin-bottom: 1em;
    }
    
    .btn_box li{
        font-size: 13px;font-size: 1.3rem;
    }
    .btn {
        font-size: 15px;font-size: 1.5rem;
        line-height: 1.2;
    }
    .btn2 a{
        max-width: 100%;
    }
    .alignC{
        text-align: left;
    }
    .spOnly {
        display: block;
    }
}
/* 解像度192画面の記述 */
@media not all, (min-resolution: 192dpi) {
	#hea h1 a {
		background: url("images/logo_2x.png") no-repeat scroll 0 0 / 212px 80px;
	}
}