@charset "UTF-8";

@media only screen and (max-width: 767px) {
	#header .h-inr .logo-toyotahome {
        width: 7.5%;
    }
	#header .h-inr .logo-site {
        width: 33%;
    }
	#header .h-inr .h-cv {
        width: 22.5%;
    }
	.Heading.-hd3 > h3 {
        font-weight: bold;
    }
	#main-visual {
		display:none;
	}
	
	.works {
		padding:35px 0;
	}
	.works h2{
		font-size:18px;
		line-height:28px;
	}
	.works ul{
		width:98%;
		margin:15px auto 0px;
	}
	.works ul li{
		width:48%;
		margin:0px 1%;
		min-height:53VW;
	}
	.works ul li img{
		width:100%;
		height:auto;
	}
	.works ul li p{
		width:92%;
		padding:5VW 4% 5VW;
		font-size:11px;
	}
	
	.btn-cv {
        width:92%;
		margin:70px auto 50px;
		border-top: 2px solid #ccccc5;
	}
	.btn-cv img{
        width:100%;
		height:auto;
	}
	.works .btn-cv {
		margin: 40px auto 5px;
		border-top: 0;
	}
    .support-box ul {
        width:100%;
		padding-top:5VW;
		margin-bottom:15VW;
    }
    .support-box ul li{
		margin-bottom:5VW;
        text-align: center;
    }
	
	#footer .f-inr {
        font-size: 14px!important;
    }
	#gnav ul li a {
        font-size: 12px!important;
    }
	#footer .f-inr .btn-top a::before {
        content: url(../img_sp/ico_cube_t.png);
    }
	#footer .f-inr .foot-nav li a::before {
        content: url(../img_sp/ico_cube_r.png);
    }
	.pc {
		display:none;
	}
}
@media only screen and (min-width: 768px) {
    .Section__inner {
        width: 1000px;
        padding-right: 0px;
        padding-left: 0px;
    }
	
	.works {
		padding:45px 0 50px;
	}
	.works h2{
		font-size:20px;
	}
	.works ul{
		width:1000px;
		margin:45px auto 0px;
	}
	.works ul li{
		width:314px;
		min-height:280px;
		margin-right:28px;
	}
	.works ul li:last-child{
		margin-right:0px;
	}
	.works ul li p{
		width:314px;
		padding:20px 27px 20px;
		font-size:14px;
	}
	
    #main-visual {
      position: relative;
    }
    #main-visual .mask {
      height: 145px;
      overflow: hidden;
      position: relative;
    }
    #main-visual .mask img {
      width: 100%;
      position: absolute;
    }
    #main-visual .mv-inr {
      width: 1000px;
      margin: 0 auto;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
    }
    #main-visual .mv-inr .btn-cv {
      position: absolute;
      right: -10px;
      top: 5px;
      z-index: 102;
    }
    /* line 32, ../sass/_space.scss */
    #main-visual .mv-inr .mv-icon {
      text-align: center;
      position: relative;
      top: 50px;
      z-index: 50px;
    }
	#main-visual .mask {
        height: 145px;
        overflow: hidden;
    }
	
	
	.btn-cv {
    	width:1000px;
		margin:70px auto 50px;
	}
	.works .btn-cv {
		margin:50px auto 0px;
	}
	.support-box {
		width:1000px;
		margin:0 auto;
	}
	.support-box ul li{
		float:left;
		margin-right:22px;
	}
	.support-box ul li:last-child{
		margin-right:0
	}
    .support-box ul:after {
        content: "."; 
        display: block; 
        height: 0; 
        font-size:0;	
        clear: both; 
        visibility:hidden;
    }

    .Heading.-hd4::after {
        content: "";
        display: block;
        height: 1px;
        width: 20px;
        background-color: #373733;
        position: absolute;
        top: -1px;
        left: 0;
    }
	
	.sp {
		display:none;
	}
}

html {
    font-size: 100%;
}
header {
    font-size: 62.5%;
}

	.works {
		width:100%;
		background-color: #f3f5f8;
	}
	.works h2{
		text-align: center;
		font-weight:bold;
	}
	.works ul li{
		float:left;
		background-color: #FFF;
	}
	.works ul li p{
		font-weight:bold;
	}

footer {
    font-size: 62.5%;
    margin-top:50px;
}
.TextBox > p {
    font-weight: 1000;
}

ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}


/*以下タブレット用処理*/
@media only screen and (min-width: 768px) and (max-width: 1000px) {
    header {
      	width: 1000px!important;
		margin: 0 auto;
    }
    main {
      	width: 1000px;
		margin: 0 auto;
    }
}
body {
	/* PC用の横幅を指定*/
	min-width: 1000px;
}
/* スマートフォンのブレイクポイント*/
@media screen and (max-width: 769px){
	body {
		/* 初期化*/
		min-width: initial;
	}
}