@charset "UTF-8";
/* CSS Document */


/*ここからtopimg*/
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

@media screen and (min-width:0px){
.topimg{
	position: relative;
	padding: 0px 0 0 0;
	margin: 0px 0 0 0;
	height: 100vh;
}
/*スライダー*/
/*長方形の位置*/
.topimg .carousel{
	width: 100%;
	height: 85%;
}
.topimg .carousel-item{
}

.topimg .carousel-item.s-3{
	background:url(../images/top_img.png);
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

}/*ーーーーーーーーサイズ１*/

@media screen and (min-width:768px){
.topimg{
	position: relative;
	padding: 0px 0 0 0;
	margin: 0px 0 0 0;
	height: 100vh;
}
/*スライダー*/
/*長方形の位置*/
.topimg .carousel{
	width: 100vw;
	height: 90vh;
}
.topimg .carousel-item{
}

.topimg .carousel-item.s-3{
	background:url(../images/top_img.png);
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

}/*ーーーーーーーーサイズ２*/

@media screen and (min-width:1092px){
.topimg{
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 100vh;
}
/*スライダー*/
/*長方形の位置*/
.topimg .carousel{
	width: 100vw;
	height: 95vh;
}
.topimg .carousel-item{
}

.topimg .carousel-item.s-3{
	background:url(../images/top_img.png);
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
}/*ーーーーーーーーサイズ３*/

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*ここまでtopimg*/


/*統一のテキスト（画像）を載せる場合*/
.topimg .copy_pc{
	position: absolute;
	top: 30%;
	left: 0;
	bottom:0px;
	right:0px;
	margin: 0 auto;
	width: 70%;
	z-index: 2;
}
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

@media screen and (min-width:0px){

.topimg .copy_sp{
	position: absolute;
	top: 20%;
	left: 5%;
	bottom: 0px;
	right: 0px;
	margin: 0 auto;
	z-index: 2;
    text-align: left;
}

}/*ーーーーーーーーサイズ１*/

@media screen and (min-width:568px){

.topimg .copy_sp{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    text-align: left;
}

}/*ーーーーーーーーサイズ２*/

@media screen and (min-width:1092px){
}/*ーーーーーーーーサイズ３*/

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/


/*=============================================
			box1 .container 
=============================================*/
.box1{
    padding: 0px 0px 0 0;
    margin: 200px 0 0 0;
}
.box1 .col-md-4{
    margin: 0 0 0 0 ;
}
.box1 .col-md-6{
    /*background: rgba(255,255,255,0.70);*/
}
/*=============================================
			box2 .container 
=============================================*/
.box2{
    padding: 0px 0px 0 0;
    margin: 100px 0 0 0;
}
.box2 .col-md-4{
    margin: 0 0 0 0 ;
    transform: translate(0%,23%);
}
.box2 .col-md-8{
    /*background: rgba(255,255,255,0.70);*/
    text-align:left;
}
.box2 img{
    transform: translate(-0%,19%);
}
/*=============================================
			box3
=============================================*/
.box3{
    padding: 200px 0 0 0;
    margin: 0 auto;
}
.box3{
    padding: 0 10px 0 -10px;}
.box3 .col-md-8{
    padding: 0 10px 0 10px;
}

/*=============================================
			
=============================================*/
.box4{
    padding: 200px 0 200px 0;
}

.box4 a .link{
    font-size: 2em;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-weight: 600;
    background: rgba(251,242,72,1.00);
    border: rgba(0,0,0,1.00) 1px solid;
}
.box4 a .link:hover{
    color: rgba(0,0,0,1.00);
}
/*.box1 .col-md-6{
    border: rgba(0,0,0,1.00) 3px solid;
    background: rgba(255,255,255,0.70);
    color:rgba(0,0,0,1.00);
    padding: 0 0px 0 0;
}*/
.box4 .col-md-6{
    color:rgba(0,0,0,1.00);
    padding: 0 0px 0 0;
}
.box4 .col-md-6:nth-child(1){
    margin: 0 10px 0 -10px;
}
.box4 .col-md-6:nth-child(2){
    margin: 0 -10px 0 10px;
}
.box4 > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
    background:url("../images/about_the_vehicle/bag_3.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 90%;
    border: rgba(0,0,0,1.00) 3px solid;
    margin: 0 0 0 0;
    padding: 0px 0 50px 0;
    
    letter-spacing: 2px;
    color:rgba(251,242,72,1.00);
    text-shadow: 0 3px 2px rgba(0, 0, 0, .8);
}
.box4 > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){
    background:url("../images/business_contents/arukoru.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 90%;
    border: rgba(0,0,0,1.00) 3px solid;
    margin: 0 0 0 0;
    padding: 0px 0 50px 0;
    
    letter-spacing: 2px;
    color:rgba(251,242,72,1.00);
    text-shadow: 0 3px 2px rgba(0, 0, 0, .8);
}
.box4 a{
    color:rgba(251,242,72,1.00);
    
}
.box4 a:hover{
    color: rgba(0,0,0,1.00);
}
.box4-2{
    padding: 10px 0 10px 20px;
}

.box4 .title{
    margin: -60px 0 0 0;
}
.box4 .title:hover{
    color: rgba(0,0,0,1.00);
}
.box4 .sub-title{
    padding: 0px 0 0 0;
    margin: -30px 0 0 0;
}

/*=========================================================================================
			まとめて設定
=========================================================================================*/
			

a .link{
    font-size: 1.7em;
    padding: 0 10px 0 10px;
    margin: 0 0 20px 0;
    font-weight: 600;
    background: rgba(251,242,72,1.00);
    border: rgba(0,0,0,1.00) 1px solid;
    background-clip:border-box;
}
a .link:hover{
    background:rgba(59,53,132,1.00);
    background: rgba(0,0,0,1.00);
    color: rgba(251,242,72,1.00);
}
section .text{
    font-size: 1.1em;
    letter-spacing: 3px;
    line-height: 2.7em;
    
    text-shadow:1px 1px 0 rgba(59,53,132,0.30), -1px -1px 0 rgba(59,53,132,0.30),
              -1px 1px 0 rgba(59,53,132,0.30), 1px -1px 0 rgba(59,53,132,0.30),
              0px 1px 0 rgba(59,53,132,0.30),  0-1px 0 rgba(59,53,132,0.30),
              -1px 0 0 rgba(59,53,132,0.30), 1px 0 0 rgba(59,53,132,0.30);
    font-weight: 600;
}
section .title{
    font-family: "almaq-rough",sans-serif;
    font-size: 6em;
    margin: 0px 0 0 0;
    
    letter-spacing: 2px;
    color:rgba(251,242,72,1.00);
    text-shadow: 0 3px 2px rgba(0, 0, 0, .8);
}
/*=========================================================================================
			
=========================================================================================*/
			

/*＊＊＊メディアクエリ＊＊＊*/
/*＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
　　
　　　　　スマホ
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
@media screen and (min-width:0px){
.box1{
    padding: 0px 0px 0 0;
    margin: 50px 0 0 0;
}
.box2 .col-md-8{
    /*background: rgba(255,255,255,0.70);*/
    text-align:left;
}
.box3{
    }
/*.box3-1::after{
    content: 'ABOUT THE VEHICLE';
    color:rgba(251,242,72,1.00);
    font-size: 5em;
    z-index: 1000;
    
    font-family: "almaq-rough",sans-serif;
    letter-spacing: 2px;
    color:rgba(251,242,72,1.00);
    text-shadow: 0 3px 2px rgba(0, 0, 0, .8);
}*/
.box4{
    padding:200px 0 80px 0;
}
.box4 .col-md-6{
    color:rgba(0,0,0,1.00);
    padding: 0 0px 0 0;
}
.box4 .col-md-6:nth-child(1){
    margin: 0px 0px 0 0px;
}
.box4 .col-md-6:nth-child(2){
    margin: 0px 0px 0 0px;
    margin-top: 50px;
}
.box4 > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
    background:url("../images/about_the_vehicle/bag_3.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 90%;
    border: rgba(0,0,0,1.00) 3px solid;
    margin: 0 auto;
    padding: 0px 0 50px 0;
    
    letter-spacing: 2px;
    color:rgba(251,242,72,1.00);
    text-shadow: 0 3px 2px rgba(0, 0, 0, .8);
}
.box4 > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){
    background:url("../images/business_contents/arukoru.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 90%;
    border: rgba(0,0,0,1.00) 3px solid;
    margin: 0 auto;
    padding: 0px 0 50px 0;
    
    letter-spacing: 2px;
    color:rgba(251,242,72,1.00);
    text-shadow: 0 3px 2px rgba(0, 0, 0, .8);
}
.box4-2{
    padding: 10px 0 10px 20px;
}
.box4 .sub-title{
    padding: 0px 0 0 0;
    margin: -30px 0 0 0;
}
section .title{
    font-family: "almaq-rough",sans-serif;
    font-size: 5em;
    margin: 0px 0 0 0;
    
    letter-spacing: 2px;
    color:rgba(251,242,72,1.00);
    text-shadow: 0 3px 2px rgba(0, 0, 0, .8);
}
    
}


/*＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
　　
　　　　　タブレット
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
@media screen and (min-width:768px){
.box2 .col-md-8{
    /*background: rgba(255,255,255,0.70);*/
    text-align:left;
}
/*.box3-1::after{
    content: 'ABOUT THE VEHICLE';
    color:rgba(251,242,72,1.00);
    font-size: 6em;
    z-index: 1000;
    
    font-family: "almaq-rough",sans-serif;
    letter-spacing: 2px;
    color:rgba(251,242,72,1.00);
    text-shadow: 0 3px 2px rgba(0, 0, 0, .8);
}*/
.box3-1 img{
    border: rgba(0,0,0,1.00) 3px solid;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.box4{
    padding: 200px 0 200px 0;
}

.box4 .col-md-6{
    color:rgba(0,0,0,1.00);
    padding: 0 0px 0 0;
}
.box4 .col-md-6:nth-child(1){
    margin: 0 10px 0 -10px;
}
.box4 .col-md-6:nth-child(2){
    margin: 0 -10px 0 10px;
}
.box4 > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
    background:url("../images/about_the_vehicle/bag_3.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 90%;
    border: rgba(0,0,0,1.00) 3px solid;
    margin: 0 0 0 0;
    padding: 0px 0 50px 0;
    
    letter-spacing: 2px;
    color:rgba(251,242,72,1.00);
    text-shadow: 0 3px 2px rgba(0, 0, 0, .8);
}
.box4 > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){
    background:url("../images/business_contents/arukoru.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 90%;
    border: rgba(0,0,0,1.00) 3px solid;
    margin: 0 0 0 0;
    padding: 0px 0 50px 0;
    
    letter-spacing: 2px;
    color:rgba(251,242,72,1.00);
    text-shadow: 0 3px 2px rgba(0, 0, 0, .8);
}
.box4-2{
    padding: 10px 0 10px 20px;
}
.box4 .sub-title{
    padding: 0px 0 0 0;
    margin: -30px 0 0 0;
}
section .title{
    font-family: "almaq-rough",sans-serif;
    font-size: 6em;
    margin: 0px 0 0 0;
    
    letter-spacing: 2px;
    color:rgba(251,242,72,1.00);
    text-shadow: 0 3px 2px rgba(0, 0, 0, .8);
}
    
}

/*＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
　　
　　　　　PC
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
@media screen and (min-width:992px){
.box2 .col-md-8{
    /*background: rgba(255,255,255,0.70);*/
    text-align:left;
}
/*.box3-1::after{
    content: 'ABOUT THE VEHICLE';
    color:rgba(251,242,72,1.00);
    font-size: 6em;
    z-index: 1000;
    
    font-family: "almaq-rough",sans-serif;
    letter-spacing: 2px;
    color:rgba(251,242,72,1.00);
    text-shadow: 0 3px 2px rgba(0, 0, 0, .8);
}*/
.box3-1 img{
    border: rgba(0,0,0,1.00) 3px solid;
}
.box4{
    padding: 200px 0 200px 0;
}

.box4 .col-md-6{
    color:rgba(0,0,0,1.00);
    padding: 0 0px 0 0;
}
.box4 .col-md-6:nth-child(1){
    margin: 0 10px 0 -10px;
}
.box4 .col-md-6:nth-child(2){
    margin: 0 -10px 0 10px;
}
.box4 > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
    background:url("../images/about_the_vehicle/bag_3.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 90%;
    border: rgba(0,0,0,1.00) 3px solid;
    margin: 0 0 0 0;
    padding: 0px 0 50px 0;
    
    letter-spacing: 2px;
    color:rgba(251,242,72,1.00);
    text-shadow: 0 3px 2px rgba(0, 0, 0, .8);
}
.box4 > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){
    background:url("../images/business_contents/arukoru.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 90%;
    border: rgba(0,0,0,1.00) 3px solid;
    margin: 0 0 0 0;
    padding: 0px 0 50px 0;
    
    letter-spacing: 2px;
    color:rgba(251,242,72,1.00);
    text-shadow: 0 3px 2px rgba(0, 0, 0, .8);
}
.box4-2{
    padding: 10px 0 10px 20px;
}
.box4 .sub-title{
    padding: 0px 0 0 0;
    margin: -30px 0 0 0;
}   
section .title{
    font-family: "almaq-rough",sans-serif;
    font-size: 6em;
    margin: 0px 0 0 0;
    
    letter-spacing: 2px;
    color:rgba(251,242,72,1.00);
    text-shadow: 0 3px 2px rgba(0, 0, 0, .8);
} 
}
/*＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/





/*=============================================
			.box1
=============================================*/
/*body{
    color: rgba(0,0,0,1.00);
}
.box1{
    padding: 150px 0 50px 0;
}
.box1 img{
    width: 600px;
}
.box1 .text{
    padding: 30px 0 0 0;

}
.box1 .col-md-6:nth-child(1){
    background: rgba(255,255,255,0.50);
}
.box1 .col-md-6:nth-child(1) img{  
    width: 400px;
}
.box1 .col-md-6:nth-child(2){
    padding: 300px 0 0 0;
    text-align: right;
}*/
/*=============================================
			.boxー1
=============================================*/

/*.box-1{
    padding: 150px 0 50px 0;
    position: relative;
}
.shiro{
    padding: 0px 0 0px 0;
    background: rgba(255,255,255,0.50);
    z-index: -100;
    height:150px;
    width: 530px;
}
.shiro::before{
    content: "";
    border: rgba(0,0,0,1.00) 3px solid;
    position: absolute;
    right: 20px;
    top:7px;
    width: 95%;
    height:150px;
    width: 530px;
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(0deg);
    animation: fadeIn 3s ease-out forwards;
    z-index: 1;
}
.shiro .text{
    padding: 30px 0 0 20px;
}
.box-1 .title{
    position: absolute;
    top: 0;
    left: 0;
}
.btn{
    padding: 20px 50px 20px 50px;
    font-size: 1.3em;
    font-weight: 600;
    margin: 70px 0 0 0;
}*/

/*=============================================
			.box1
=============================================*/
/*.box2{
    padding: 200px 0 50px 0;
}
.box2-2{
}*/
/*.box2{
    padding: 50px 0 100px 0;
    margin: 0 auto;
}
.box2 .text{
    font-size: 2em;
    font-weight: 600;
    padding: 10px 0 0 0;
}
.box2 .col-md-6:nth-child(1){
padding-top: 0px;}
.box2 .col-md-6 img{
    width: 500px;
}

.box2 .col-md-6:nth-child(2)::before{
    content: "";
    background-color: rgba(254,248,235,0.30);
    position: absolute;
    top:3px;
    right: 4px;
    width: 90%;
    height: 100%;
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(0deg);
    animation: fadeIn 3s ease-out forwards;
    z-index: -1;
}
.box3{
    padding: 50px 0 200px 0;
    margin: 0 auto;
}
.box3 .text{
    font-size: 2em;
    font-weight: 600;
    padding: 10px 0 0 0;
}
.box3 .col-md-6:nth-child(1){
padding-top: 0px;}
.box3 .col-md-6 img{
    width: 300px;
}

.box3 .col-md-6:nth-child(1)::before{
    content: "";
    background-color: rgba(254,248,235,0.30);
    position: absolute;
    top:3px;
    right: 4px;
    width: 90%;
    height: 100%;
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(0deg);
    animation: fadeIn 3s ease-out forwards;
    z-index: -1;
}*/
/*=============================================
			
=============================================*/
/*=============================================
			
=============================================*/
/*=============================================
			
=============================================*/
/*=============================================
			
=============================================*/
/*=============================================
			
=============================================*/