/*============================================
 CAR INSPECTION CONTENTS MASK CAR INSPECTION
============================================*/

/* --- PC --- */
.container_car_inspection {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 170px 0% 100px 0%;
background-color: #fff;
background-image: url("../icon_images/01.png");
background-position: top 260px right 10px;
background-size: 300px;
background-repeat: no-repeat;
}
.box_car_inspection {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 220px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_car_inspection .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 350px 0% 350px 0%;
background-image: url("../car_inspection_images/car_inspection.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_car_inspection_info {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 2% 0% 220px;
font-size: 280%;
text-align: left;
font-weight: bold;
letter-spacing: 1px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url(../index_images/square_back.svg);
background-repeat: no-repeat;
background-size: 50px 50px;
background-position: left 195px top 15px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.car_inspection {
font-size: 35%;
margin: 0% 0% 0% 0%;
padding: 5% 0% 2% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.car_inspection02 {
font-size: 35%;
margin: 0% 0% 2% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.car_inspection03 {
font-size: 35%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}


.car_inspection04 {
margin: 60px 0% 0px 0%;
padding: 30px 0% 30px 350px;
background-image: url("../car_inspection_images/tax.png");
background-size: 280px auto;	
background-position: left center;
background-repeat: no-repeat; 
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30%;  
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 200%;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;

}
.car_inspection05 {
margin: 60px 0% 0px 0%;
padding: 30px 0% 30px 350px;
background-image: url("../car_inspection_images/service.png");
background-size: 190px auto;	
background-position: left center;
background-repeat: no-repeat; 
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30%;  
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 200%;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.car_inspection06 {
margin: 60px 0% 0px 0%;
padding: 30px 0% 30px 350px;
background-image: url("../car_inspection_images/car.png");
background-size: 190px auto;	
background-position: left center;
background-repeat: no-repeat; 
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30%;  
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 200%;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}

.car_inspection07 {
margin: 5% 0% 5% 0%;
padding: 10% 2% 10% 0px;
transition: all 500ms;
background-image: url("../about_us_images/banner_01.png");
background-size: 100% auto;	
background-position: center center;
background-repeat: no-repeat;
}

/* --- 1024 --- */
@media(max-width: 1024px){
.container_car_inspection {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 120px 0% 60px 0%;
background-color: #fff;
background-image: url("../icon_images/01.png");
background-position: top 200px right 10px;
background-size: 300px;
background-repeat: no-repeat;
}    
.box_car_inspection {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 200px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;   
}
.box_car_inspection .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 210px 0% 210px 0%;
background-image: url("../car_inspection_images/car_inspection_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_car_inspection_info {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 2% 0% 200px;
font-size: 280%;
text-align: left;
font-weight: bold;
letter-spacing: 1px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url(../index_images/square_back.svg);
background-repeat: no-repeat;
background-size: 50px 50px;
background-position: left 175px top 15px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.car_inspection {
font-size: 32%;
margin: 5% 0% 2% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.car_inspection02 {
font-size: 32%;
margin: 0% 0% 2% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.car_inspection03 {
font-size: 32%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
    
.car_inspection04 {
margin: 20px 0% 0px 0%;
padding: 30px 0% 30px 240px;
background-image: url("../car_inspection_images/tax.png");
background-size: 200px auto;	
background-position: left center;
background-repeat: no-repeat; 
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30%;  
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 180%;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.car_inspection05 {
margin: 0px 0% 0px 0%;
padding: 30px 0% 30px 240px;
background-image: url("../car_inspection_images/service.png");
background-size: 150px auto;	
background-position: left center;
background-repeat: no-repeat; 
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30%;  
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 180%;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.car_inspection06 {
margin: 0px 0% -10px 0%;
padding: 30px 0% 30px 240px;
background-image: url("../car_inspection_images/car.png");
background-size: 150px auto;	
background-position: left center;
background-repeat: no-repeat; 
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30%;  
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 180%;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}

.car_inspection07 {
width: 100%;
margin: 0px 0% 30px 0%;
padding: 14% 0% 14% 0px;
transition: all 500ms;
background-image: url("../about_us_images/banner_01_ip.png");
background-size: 100% auto;	
background-position: center center;
background-repeat: no-repeat;
}}

/* ---768 --- */
@media(max-width: 768px){
.container_car_inspection {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 110px 0% 40px 0%;
background-color: #fff;
background-image: url("../icon_images/01.png");
background-position: top 175px right 10px;
background-size: 220px;
background-repeat: no-repeat;
}
.box_car_inspection {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 140px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}    
.box_car_inspection .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 160px 0% 160px 0%;
background-image: url("../car_inspection_images/car_inspection_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_car_inspection_info {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 2% 0% 140px;
font-size: 210%;
text-align: left;
font-weight: bold;
letter-spacing: 1px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url(../index_images/square_back.svg);
background-repeat: no-repeat;
background-size: 38px 38px;
background-position: left 120px top 10px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.car_inspection {
font-size: 32%;
margin: 5% 0% 2% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.car_inspection02 {
font-size: 32%;
margin: 0% 0% 2% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.car_inspection03 {
font-size: 32%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
    
.car_inspection04 {
margin: 15px 0% 0px 0%;
padding: 15px 0% 15px 160px;
background-image: url("../car_inspection_images/tax.png");
background-size: 135px auto;	
background-position: left center;
background-repeat: no-repeat; 
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30%;  
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 180%;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.car_inspection05 {
margin: 0px 0% 0px 0%;
padding: 15px 0% 15px 160px;
background-image: url("../car_inspection_images/service.png");
background-size: 100px auto;	
background-position: left center;
background-repeat: no-repeat; 
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30%;  
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 180%;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.car_inspection06 {
margin: 0px 0% -10px 0%;
padding: 15px 0% 15px 160px;
background-image: url("../car_inspection_images/car.png");
background-size: 100px auto;	
background-position: left center;
background-repeat: no-repeat; 
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30%;  
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 180%;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}

.car_inspection07 {
width: 100%;
margin: 10px 0% 25px 0%;
padding: 13% 0% 13% 0px;
transition: all 500ms;
background-image: url("../about_us_images/banner_01_ip.png");
background-size: 100% auto;	
background-position: center center;
background-repeat: no-repeat;
}}

/* --- 640 --- */
@media(max-width: 640px){
.container_car_inspection {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 100px 0% 30px 0%;
background-color: #fff;
background-image: url("../icon_images/01.png");
background-position: top 170px right 10px;
background-size: 180px;
background-repeat: no-repeat;
} 
.box_car_inspection {
z-index: 1;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 0px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_car_inspection .boxInner {
z-index: 1;
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 110px 0% 110px 0%;
background-image: url("../car_inspection_images/car_inspection_sp.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_car_inspection_info {
z-index: 1;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 2% 0% 20px;
font-size: 130%;
text-align: left;
font-weight: bold;
letter-spacing: 1px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url(../index_images/square_back.svg);
background-repeat: no-repeat;
background-size: 25px 25px;
background-position: left 8px top 5px;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.car_inspection {
z-index: 1;
font-size: 45%;
margin: 5% 0% 3% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 1px;
color: #000;
line-height: 180%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.car_inspection02 {
z-index: 1;
font-size: 45%;
margin: 0% 0% 3% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 1px;
color: #000;
line-height: 180%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.car_inspection03 {
z-index: 1;
font-size: 45%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 1px;
color: #000;
line-height: 180%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
    
.car_inspection04 {
margin: 10px 0% 0px 0%;
padding: 10px 1% 10px 120px;
background-image: url("../car_inspection_images/tax.png");
background-size: 105px auto;	
background-position: left center;
background-repeat: no-repeat; 
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 41%;  
text-align: left;
font-weight: 500;
letter-spacing: 1px;
color: #000;
line-height: 180%;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.car_inspection05 {
margin: 0px 0% 0px 0%;
padding: 10px 1% 10px 120px;
background-image: url("../car_inspection_images/service.png");
background-size: 80px auto;	
background-position: left center;
background-repeat: no-repeat; 
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 41%;  
text-align: left;
font-weight: 500;
letter-spacing: 1px;
color: #000;
line-height: 180%;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.car_inspection06 {
margin: 0px 0% -5px 0%;
padding: 10px 1% 10px 120px;
background-image: url("../car_inspection_images/car.png");
background-size: 80px auto;	
background-position: left center;
background-repeat: no-repeat; 
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 41%;  
text-align: left;
font-weight: 500;
letter-spacing: 1px;
color: #000;
line-height: 180%;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}

.car_inspection07 {
width: 98%;
margin: 25px 2% 25px 0%;
padding: 12% 0% 12% 0px;
transition: all 500ms;
background-image: url("../about_us_images/banner_01_sp.png");
background-size: 100% auto;	
background-position: center center;
background-repeat: no-repeat;
}}

/*============================================
 CAR INSPECTION CONTENTS MASK FLOW
============================================*/

/* --- PC --- */
.container_flow {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 100px 0% 100px 0%;
background-color: #fff;
}
.box_flow {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 220px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_flow .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 350px 0% 350px 0%;
background-image: url("../car_inspection_images/car_inspectionII.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_flow_info {
width: 100%;
margin: 0% 0% 100px 0%;
padding: 0% 2% 0% 220px;
font-size: 280%;
text-align: left;
font-weight: bold;
letter-spacing: 1px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url(../index_images/square_back.svg);
background-repeat: no-repeat;
background-size: 50px 50px;
background-position: left 195px top 15px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.flow {
font-size: 35%;
margin: 0% 0% 0% 0%;
padding: 5% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.flow00 {
margin: 20px 0% 20px 0%;
padding: 60px 0px 60px 0px;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url("../car_ordering_images/yajirushi.png");
background-position: center;
background-size: 280px;
background-repeat: no-repeat;
}
.flow01 {
font-size: 40%;
margin: 5% 0% 0px 0%;
padding: 50px 30px 50px 280px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
border: #fff 3px solid;
background-image: url("../car_ordering_images/no_01.png");
background-position: center left 20px;
background-size: 200px;
background-repeat: no-repeat;
            text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow02 {
font-size: 40%;
margin: 0% 0% 0px 0%;
padding: 50px 30px 50px 280px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
border: #fff 3px solid;
background-image: url("../car_ordering_images/no_02.png");
background-position: center left 20px;
background-size: 200px;
background-repeat: no-repeat;
            text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow03 {
font-size: 40%;
margin: 0% 0% 0px 0%;
padding: 50px 30px 50px 280px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
border: #fff 3px solid;
background-image: url("../car_ordering_images/no_03.png");
background-position: center left 20px;
background-size: 200px;
background-repeat: no-repeat;
            text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow04 {
font-size: 40%;
margin: 0% 0% 0px 0%;
padding: 50px 30px 50px 280px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
border: #fff 3px solid;
background-image: url("../car_ordering_images/no_04.png");
background-position: center left 20px;
background-size: 200px;
background-repeat: no-repeat;
            text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow05 {
font-size: 40%;
margin: 0% 0% 50px 0%;
padding: 50px 30px 50px 280px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
border: #fff 3px solid;
background-image: url("../car_ordering_images/no_05.png");
background-position: center left 20px;
background-size: 200px;
background-repeat: no-repeat;
            text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow06 {
font-size: 35%;
margin: 100px 0% 0px 0%;
padding: 50px 50px 50px 50px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #fff;
border-radius: 5px;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
border: #000033 3px solid;
background-image: url("../car_inspection_images/gtrII.png");
background-position: center left;
background-size: cover;
background-repeat: no-repeat;
text-shadow: 1px 1px 2px #000, 0 0 1em #000, 0 0 0.2em #000;
}

.flow07  {
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 0%;
transition: all 500ms;
background-image: url("../about_us_images/service_inspection_logo.png"), url("../mask_images/service_inspection_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 250px;
}
.flow08  {
margin: 1% 0% 0% 0%;
padding: 0px 0% 0px 0%;
transition: all 500ms;
background-image: url("../about_us_images/service_repair_logo.png"), url("../mask_images/service_repair_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 250px;
}
.flow09  {
margin: 1% 0% 0% 0%;
padding: 0px 0% 0px 0%;
transition: all 500ms;
background-image: url("../about_us_images/service_painting_logo.png"), url("../mask_images/service_painting_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 250px;
}
.flow10 {
margin: 1% 0% 0% 0%;
padding: 0px 0% 0px 0%;
transition: all 500ms;
background-image: url("../about_us_images/service_purchase_logo.png"), url("../mask_images/service_purchase_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 250px;
}

.flow11  {
margin: 5% 0% 0% 0%;
padding: 10% 2% 10% 0px;
transition: all 500ms;
background-image: url("../about_us_images/banner_02.png");
background-size: 100% auto;	
background-position: center center;
background-repeat: no-repeat;
}

.box_service_info_contents {
width: 100%;
margin: 150px 0% 20px 0%;
padding: 0% 1% 0% 10px;
font-size: 100%;
text-align: left;
font-weight: bold;
letter-spacing: 1px;
color: #000;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url(../index_images/square_backII.png);
background-repeat: no-repeat;
background-size: 40px 40px;
background-position: left 0px top 55px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}


/* --- 1280 --- */
@media(max-width: 1280px){
.container_flow {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 100px 0% 100px 0%;
background-color: #fff;
}
.box_flow {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 220px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_flow .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 350px 0% 350px 0%;
background-image: url("../car_inspection_images/car_inspectionII.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_flow_info {
width: 100%;
margin: 0% 0% 100px 0%;
padding: 0% 2% 0% 220px;
font-size: 280%;
text-align: left;
font-weight: bold;
letter-spacing: 1px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url(../index_images/square_back.svg);
background-repeat: no-repeat;
background-size: 50px 50px;
background-position: left 195px top 15px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.flow {
font-size: 35%;
margin: 0% 0% 0% 0%;
padding: 5% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}   
    
        
    
.flow00 {
margin: 20px 0% 20px 0%;
padding: 60px 0px 60px 0px;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url("../car_ordering_images/yajirushi.png");
background-position: center;
background-size: 280px;
background-repeat: no-repeat;
}
.flow01 {
font-size: 36%;
margin: 5% 0% 0px 0%;
padding: 50px 30px 50px 280px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
border: #fff 3px solid;   
background-image: url("../car_ordering_images/no_01.png");
background-position: center left 20px;
background-size: 200px;
background-repeat: no-repeat;
            text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow02 {
font-size: 36%;
margin: 0% 0% 0px 0%;
padding: 50px 30px 50px 280px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
border: #fff 3px solid;
background-image: url("../car_ordering_images/no_02.png");
background-position: center left 20px;
background-size: 200px;
background-repeat: no-repeat;
            text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow03 {
font-size: 36%;
margin: 0% 0% 0px 0%;
padding: 50px 30px 50px 280px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
border: #fff 3px solid;
background-image: url("../car_ordering_images/no_03.png");
background-position: center left 20px;
background-size: 200px;
background-repeat: no-repeat;
            text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow04 {
font-size: 36%;
margin: 0% 0% 0px 0%;
padding: 50px 30px 50px 280px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
border: #fff 3px solid;
background-image: url("../car_ordering_images/no_04.png");
background-position: center left 20px;
background-size: 200px;
background-repeat: no-repeat;
            text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow05 {
font-size: 36%;
margin: 0% 0% 0px 0%;
padding: 50px 30px 50px 280px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
border: #fff 3px solid;
background-image: url("../car_ordering_images/no_05.png");
background-position: center left 20px;
background-size: 200px;
background-repeat: no-repeat;
            text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow06 {
font-size: 30%;
margin: 60px 0% 0px 0%;
padding: 40px 50px 40px 50px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 180%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #fff;
border-radius: 5px;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
border: #000033 3px solid;
background-image: url("../car_inspection_images/gtrII.png");
background-position: center left;
background-size: cover;
background-repeat: no-repeat;
text-shadow: 1px 1px 2px #000, 0 0 1em #000, 0 0 0.2em #000;
}

.flow07 {
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 0%;
transition: all 500ms;
background-image: url("../about_us_images/service_inspection_logo_ip.png"), url("../mask_images/service_inspection_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 200px;
}
.flow08 {
margin: 1.5% 0% 0% 0%;
padding: 0px 0% 0px 0%;
transition: all 500ms;
background-image: url("../about_us_images/service_repair_logo_ip.png"), url("../mask_images/service_repair_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 200px;
}
.flow09 {
margin: 1.5% 0% 0% 0%;
padding: 0px 0% 0px 0%;
transition: all 500ms;
background-image: url("../about_us_images/service_painting_logo_ip.png"), url("../mask_images/service_painting_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 200px;
}
.flow10 {
margin: 1.5% 0% 0% 0%;
padding: 0px 0% 0px 0%;
transition: all 500ms;
background-image: url("../about_us_images/service_purchase_logo_ip.png"), url("../mask_images/service_purchase_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 200px;
}

.flow11  {
margin: 5% 0% 0% 0%;
padding: 10% 2% 10% 0px;
transition: all 500ms;
background-image: url("../about_us_images/banner_02.png");
background-size: 100% auto;	
background-position: center center;
background-repeat: no-repeat;
}


.box_service_info_contents {
width: 100%;
margin: 150px 0% 20px 0%;
padding: 0% 1% 0% 10px;
font-size: 100%;
text-align: left;
font-weight: bold;
letter-spacing: 1px;
color: #000;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url(../index_images/square_backII.png);
background-repeat: no-repeat;
background-size: 40px 40px;
background-position: left 0px top 55px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}}

/* --- 1024 --- */
@media(max-width: 1024px){
.container_flow {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 60px 0% 60px 0%;
background-color: #fff;
}    
.box_flow {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 200px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;   
}
.box_flow .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0%;
padding: 210px 0% 210px 0%;
background-image: url("../car_inspection_images/car_inspectionII_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_flow_info {
width: 100%;
margin: 0% 0% 60px 0%;
padding: 0% 2% 0% 200px;
font-size: 280%;
text-align: left;
font-weight: bold;
letter-spacing: 1px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url(../index_images/square_back.svg);
background-repeat: no-repeat;
background-size: 50px 50px;
background-position: left 175px top 15px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}    
.flow00 {
margin: 15px 0% 12px 0%;
padding: 50px 0px 50px 0px;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url("../car_ordering_images/yajirushi.png");
background-position: center;
background-size: 240px;
background-repeat: no-repeat;
}
.flow01 {
font-size: 35%;
margin: 5% 0% 0px 0%;
padding: 25px 10px 25px 200px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 170%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(5px 5px 6px rgba(0,0,0,0.3));
border: #fff 3px solid;
background-image: url("../car_ordering_images/no_01.png");
background-position: center left 15px;
background-size: 160px;
background-repeat: no-repeat;
            text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow02 {
font-size: 35%;
margin: 0% 0% 0px 0%;
padding: 25px 10px 25px 200px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 170%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(5px 5px 6px rgba(0,0,0,0.3));
border: #fff 3px solid;
background-image: url("../car_ordering_images/no_02.png");
background-position: center left 15px;
background-size: 160px;
background-repeat: no-repeat;
            text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow03 {
font-size: 35%;
margin: 0% 0% 0px 0%;
padding: 25px 10px 25px 200px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 170%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(5px 5px 6px rgba(0,0,0,0.3));
border: #fff 3px solid;
background-image: url("../car_ordering_images/no_03.png");
background-position: center left 15px;
background-size: 160px;
background-repeat: no-repeat;
            text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow04 {
font-size: 35%;
margin: 0% 0% 0px 0%;
padding: 25px 10px 25px 200px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 170%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(5px 5px 6px rgba(0,0,0,0.3));
border: #fff 3px solid;
background-image: url("../car_ordering_images/no_04.png");
background-position: center left 15px;
background-size: 160px;
background-repeat: no-repeat;
            text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow05 {
font-size: 35%;
margin: 0% 0% 60px 0%;
padding: 25px 10px 25px 200px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 170%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(5px 5px 6px rgba(0,0,0,0.3));
border: #fff 3px solid;
background-image: url("../car_ordering_images/no_05.png");
background-position: center left 15px;
background-size: 160px;
background-repeat: no-repeat;
            text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow06 {
font-size: 30%;
margin: 60px 0% 50px 0%;
padding: 25px 15px 25px 20px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #fff;
border-radius: 5px;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
border: #000033 3px solid;
background-image: url("../car_inspection_images/gtrII.png");
background-position: center left;
background-size: cover;
background-repeat: no-repeat;
text-shadow: 1px 1px 2px #000, 0 0 1em #000, 0 0 0.2em #000;
}

.flow07 {
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 0%;
transition: all 500ms;
background-image: url("../about_us_images/service_inspection_logo_ip.png"), url("../mask_images/service_inspection_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 200px;
}
.flow08 {
margin: 1.5% 0% 0% 0%;
padding: 0px 0% 0px 0%;
transition: all 500ms;
background-image: url("../about_us_images/service_repair_logo_ip.png"), url("../mask_images/service_repair_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 200px;
}
.flow09 {
margin: 1.5% 0% 0% 0%;
padding: 0px 0% 0px 0%;
transition: all 500ms;
background-image: url("../about_us_images/service_painting_logo_ip.png"), url("../mask_images/service_painting_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 200px;
}
.flow10 {
margin: 1.5% 0% 0% 0%;
padding: 0px 0% 0px 0%;
transition: all 500ms;
background-image: url("../about_us_images/service_purchase_logo_ip.png"), url("../mask_images/service_purchase_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 200px;
}

.flow11 {
width: 100%;
margin: -5px 0% 0px 0%;
padding: 14% 0% 14% 0px;
transition: all 500ms;
background-image: url("../about_us_images/banner_02_ip.png");
background-size: 100% auto;	
background-position: center center;
background-repeat: no-repeat;
}

.box_service_info_contents {
width: 100%;
margin: 35px 0% 0px 0%;
padding: 0% 1% 0% 25px;
font-size: 100%;
text-align: left;
font-weight: bold;
letter-spacing: 1px;
color: #000;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url(../index_images/square_backII.png);
background-repeat: no-repeat;
background-size: 50px 50px;
background-position: left 0px top 45px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}}

/* ---768 --- */
@media(max-width: 768px){
.container_flow {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 40px 0% 40px 0%;
background-color: #fff;
}
.box_flow {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 140px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}    
.box_flow .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 160px 0% 160px 0%;
background-image: url("../car_inspection_images/car_inspectionII_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_flow_info {
width: 100%;
margin: 0% 0% 40px 0%;
padding: 0% 2% 0% 140px;
font-size: 210%;
text-align: left;
font-weight: bold;
letter-spacing: 1px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url(../index_images/square_back.svg);
background-repeat: no-repeat;
background-size: 38px 38px;
background-position: left 120px top 10px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}    
.flow00 {
margin: 10px 0% 8px 0%;
padding: 40px 0px 40px 0px;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url("../car_ordering_images/yajirushi.png");
background-position: center;
background-size: 180px;
background-repeat: no-repeat;
}
.flow01 {
font-size: 32%;
margin: 5% 0% 0px 0%;
padding: 20px 10px 20px 150px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 180%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(4px 4px 5px rgba(0,0,0,0.3));
border: #fff 2px solid;
background-image: url("../car_ordering_images/no_01.png");
background-position: center left 10px;
background-size: 120px;
background-repeat: no-repeat;
                text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow02 {
font-size: 32%;
margin: 0% 0% 0px 0%;
padding: 20px 10px 20px 150px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 180%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(4px 4px 5px rgba(0,0,0,0.3));
border: #fff 2px solid;
background-image: url("../car_ordering_images/no_02.png");
background-position: center left 10px;
background-size: 120px;
background-repeat: no-repeat;
                text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow03 {
font-size: 32%;
margin: 0% 0% 0px 0%;
padding: 20px 10px 20px 150px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 180%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(4px 4px 5px rgba(0,0,0,0.3));
border: #fff 2px solid;
background-image: url("../car_ordering_images/no_03.png");
background-position: center left 10px;
background-size: 120px;
background-repeat: no-repeat;
                text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow04 {
font-size: 32%;
margin: 0% 0% 0px 0%;
padding: 20px 10px 20px 150px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 180%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(4px 4px 5px rgba(0,0,0,0.3));
border: #fff 2px solid;
background-image: url("../car_ordering_images/no_04.png");
background-position: center left 10px;
background-size: 120px;
background-repeat: no-repeat;
                text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow05 {
font-size: 32%;
margin: 0% 0% 40px 0%;
padding: 20px 10px 20px 150px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 180%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(4px 4px 5px rgba(0,0,0,0.3));
border: #fff 2px solid;
background-image: url("../car_ordering_images/no_05.png");
background-position: center left 10px;
background-size: 120px;
background-repeat: no-repeat;
                text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow06 {
font-size: 30%;
margin: 0px 0% 30px 0%;
padding: 20px 20px 20px 20px;
text-align: left;
font-weight: 600;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #fff;
border-radius: 5px;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
border: #000033 3px solid;
background-image: url("../car_inspection_images/gtrII.png");
background-position: center left;
background-size: cover;
background-repeat: no-repeat;
text-shadow: 1px 1px 2px #000, 0 0 1em #000, 0 0 0.2em #000;
}

.flow07 {
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 0%;
transition: all 500ms;
background-image: url("../about_us_images/service_inspection_logo_ip.png"), url("../mask_images/service_inspection_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 160px;
}
.flow08 {
margin: 1.5% 0% 0% 0%;
padding: 0px 0% 0px 0%;
transition: all 500ms;
background-image: url("../about_us_images/service_repair_logo_ip.png"), url("../mask_images/service_repair_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 160px;
}
.flow09 {
margin: 1.5% 0% 0% 0%;
padding: 0px 0% 0px 0%;
transition: all 500ms;
background-image: url("../about_us_images/service_painting_logo_ip.png"), url("../mask_images/service_painting_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 160px;
}
.flow10 {
margin: 1.5% 0% 0% 0%;
padding: 0px 0% 0px 0%;
transition: all 500ms;
background-image: url("../about_us_images/service_purchase_logo_ip.png"), url("../mask_images/service_purchase_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 160px;
}

.flow11 {
width: 100%;
margin: -10px 0% 0px 0%;
padding: 14% 0% 14% 0px;
transition: all 500ms;
background-image: url("../about_us_images/banner_02_ip.png");
background-size: 100% auto;	
background-position: center center;
background-repeat: no-repeat;
}

.box_service_info_contents {
width: 100%;
margin: 30px 0% 0px 0%;
padding: 0% 1% 0% 20px;
font-size: 100%;
text-align: left;
font-weight: bold;
letter-spacing: 1px;
color: #000;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url(../index_images/square_backII.png);
background-repeat: no-repeat;
background-size: 37px 37px;
background-position: left 0px top 35px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}}

/* --- 640 --- */
@media(max-width: 640px){
.container_flow {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 30px 0% 30px 0%;
background-color: #fff;
} 
.box_flow {
z-index: 1;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 0px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_flow .boxInner {
z-index: 1;
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 110px 0% 110px 0%;
background-image: url("../car_inspection_images/car_inspectionII_sp.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_flow_info {
z-index: 1;
width: 100%;
margin: 0% 0% 30px 0%;
padding: 0% 15px 0% 15px;
font-size: 130%;
text-align: left;
font-weight: bold;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url(../index_images/square_back.svg);
background-repeat: no-repeat;
background-size: 25px 25px;
background-position: left 8px top 5px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.flow00 {
margin: 2px 0% 2px 0%;
padding: 30px 0px 30px 0px;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url("../car_ordering_images/yajirushi.png");
background-position: center;
background-size: 120px;
background-repeat: no-repeat;
}
.flow01 {
font-size: 38%;
margin: 5% 0% 0px 0%;
padding: 12px 5px 12px 110px;
text-align: left;
font-weight: 600;
letter-spacing: 1px;
color: #fff;
line-height: 180%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.3));
border: #fff 2px solid;
background-image: url("../car_ordering_images/no_01.png");
background-position: center left 5px;
background-size: 88px;
background-repeat: no-repeat;
                text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow02 {
font-size: 38%;
margin: 0% 0% 0px 0%;
padding: 12px 5px 12px 110px;
text-align: left;
font-weight: 600;
letter-spacing: 1px;
color: #fff;
line-height: 180%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.3));
border: #fff 2px solid;
background-image: url("../car_ordering_images/no_02.png");
background-position: center left 5px;
background-size: 88px;
background-repeat: no-repeat;
                text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow03 {
font-size: 38%;
margin: 0% 0% 0px 0%;
padding: 12px 5px 12px 110px;
text-align: left;
font-weight: 600;
letter-spacing: 1px;
color: #fff;
line-height: 180%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.3));
border: #fff 2px solid;
background-image: url("../car_ordering_images/no_03.png");
background-position: center left 5px;
background-size: 88px;
background-repeat: no-repeat;
                text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow04 {
font-size: 38%;
margin: 0% 0% 0px 0%;
padding: 12px 5px 12px 110px;
text-align: left;
font-weight: 600;
letter-spacing: 1px;
color: #fff;
line-height: 180%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.3));
border: #fff 2px solid;
background-image: url("../car_ordering_images/no_04.png");
background-position: center left 5px;
background-size: 88px;
background-repeat: no-repeat;
                text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow05 {
font-size: 38%;
margin: 0% 0% 30px 0%;
padding: 12px 5px 12px 110px;
text-align: left;
font-weight: 600;
letter-spacing: 1px;
color: #fff;
line-height: 180%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #000066;
border-radius: 5px;
filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.3));
border: #000033 2px solid;    
background-image: url("../car_ordering_images/no_05.png");
background-position: center left 5px;
background-size: 88px;
background-repeat: no-repeat;
                text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000, 0 0 0px #000;
}
.flow06 {
font-size: 34%;
margin: 0px 0% 28px 0%;
padding: 12px 12px 12px 15px;
text-align: left;
font-weight: 600;
letter-spacing: 1px;
color: #fff;
line-height: 180%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
background-color: #fff;
border-radius: 5px;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
border: #000033 3px solid;
background-image: url("../car_inspection_images/gtrII.png");
background-position: center left;
background-size: cover;
background-repeat: no-repeat;
text-shadow: 1px 1px 2px #000, 0 0 1em #000, 0 0 0.2em #000;
}

.flow07 {
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 0%;
transition: all 500ms;
background-image: url("../about_us_images/service_inspection_logo_ip.png"), url("../mask_images/service_inspection_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 100px;
}
.flow08 {
margin: 2% 0% 0% 0%;
padding: 0px 0% 0px 0%;
transition: all 500ms;
background-image: url("../about_us_images/service_repair_logo_ip.png"), url("../mask_images/service_repair_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 100px;
}
.flow09 {
margin: 2% 0% 0% 0%;
padding: 0px 0% 0px 0%;
transition: all 500ms;
background-image: url("../about_us_images/service_painting_logo_ip.png"), url("../mask_images/service_painting_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 100px;
}
.flow10 {
margin: 2% 0% 0% 0%;
padding: 0px 0% 0px 0%;
transition: all 500ms;
background-image: url("../about_us_images/service_purchase_logo_ip.png"), url("../mask_images/service_purchase_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 100px;
}

.flow11 {
width: 100%;
margin: 25px 0% 0px 0%;
padding: 12% 0% 12% 0px;
transition: all 500ms;
background-image: url("../about_us_images/banner_02_sp.png");
background-size: 100% auto;	
background-position: center center;
background-repeat: no-repeat;
}

.box_service_info_contents {
width: 100%;
margin: 30px 0% 0px 0%;
padding: 0% 1% 0% 8px;
font-size: 100%;
text-align: left;
font-weight: bold;
letter-spacing: 1px;
color: #000;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url(../index_images/square_backII.png);
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: left 0px top 20px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}}

/*============================================
 GOOGLE MAP
============================================*/

/* --- PC --- */
.container_google_map {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 100px 0% 100px 0%;
background-color: #fff;
}
.box_google_map {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 220px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_google_map .boxInner_google_map {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 0px 0% 0px 0%;
opacity: 0;    
-webkit-transition: all 2s;
-moz-transition: all 2s;
-ms-transition: all 2s;
-o-transition: all 2s;
transition: all 2s;
}
.box_google_map_info {
width: 100%;
margin: 0% 0% 100px 0%;
padding: 0% 2% 0% 220px;
font-size: 280%;
text-align: left;
font-weight: bold;
letter-spacing: 1px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url(../index_images/square_back.svg);
background-repeat: no-repeat;
background-size: 50px 50px;
background-position: left 195px top 15px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}

/* --- 1024 --- */
@media(max-width: 1024px){
.container_google_map {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 60px 0% 60px 0%;
background-color: #fff;
}     
.box_google_map {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 200px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}    
.box_google_map .boxInner_google_map {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 0px 0% 0px 0%;
opacity: 0;
-webkit-transition: all 2s;
-moz-transition: all 2s;
-ms-transition: all 2s;
-o-transition: all 2s;
transition: all 2s;
}    
.box_google_map_info {
width: 100%;
margin: 0% 0% 0px 0%;
padding: 0% 2% 5% 200px;
font-size: 280%;
text-align: left;
font-weight: bold;
letter-spacing: 1px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url(../index_images/square_back.svg);
background-repeat: no-repeat;
background-size: 50px 50px;
background-position: left 175px top 15px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}}

/* ---768 --- */
@media(max-width: 768px){
.container_google_map {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 50px 0% 50px 0%;
background-color: #fff;
}    
.box_google_map {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 140px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_google_map .boxInner_google_map {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 0px 0% 0px 0%;
opacity: 0;
-webkit-transition: all 2s;
-moz-transition: all 2s;
-ms-transition: all 2s;
-o-transition: all 2s;
transition: all 2s;
}    
.box_google_map_info {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 2% 5% 140px;
font-size: 210%;
text-align: left;
font-weight: bold;
letter-spacing: 1px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url(../index_images/square_back.svg);
background-repeat: no-repeat;
background-size: 38px 38px;
background-position: left 120px top 10px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}}

/* --- 640 --- */
@media(max-width: 640px){
.container_google_map {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 30px 0% 30px 0%;
background-color: #fff;
}     
.box_google_map {
z-index: 1;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 0px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_google_map .boxInner_google_map {
z-index: 1;
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 0px 0% 0px 0%;
opacity: 0;
-webkit-transition: all 2s;
-moz-transition: all 2s;
-ms-transition: all 2s;
-o-transition: all 2s;
transition: all 2s;
}
.box_google_map_info {
z-index: 1;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 2% 5% 20px;
font-size: 130%;
text-align: left;
font-weight: bold;
letter-spacing: 1px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url(../index_images/square_back.svg);
background-repeat: no-repeat;
background-size: 25px 25px;
background-position: left 8px top 5px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}}

/*============================================
 BOTTOM PROFILE
============================================*/

/* --- PC --- */
.container_bottom_profile {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 0px 0% 0% 0%;
background-image: url("../mask_images/bottom_profile_back.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.box_bottom_profile {
width: 100%;
padding: 0px 0% 0px 230px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
}
.box_bottom_profile .boxInner_bottom_profile {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 300px 0% 300px 0%;
background-image: url("../mask_images/bottom_profile.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;    
-webkit-transition: all 2s;
-moz-transition: all 2s;
-ms-transition: all 2s;
-o-transition: all 2s;
transition: all 2s;
}
.box_bottom_profile_info {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 2% 0% 220px;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.bottom_profile {
font-size: 90%;
margin: 10px 0px 0% 5.8%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.bottom_profile a {
text-decoration: none;
font-size: 90%;
margin: 10px 0px 0% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.bottom_profile a:hover {
text-decoration: none;
font-size: 90%;
margin: 10px 0px 0% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #666;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}




.bottom_profile02 {
width: 100%;
font-size: 60%;
margin: 0% 0% 0% 0%;
padding: 70px 0% 20px 0px;
text-align: center;
font-weight: 500;
letter-spacing: 1px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}

/* --- 1600 --- */
@media(max-width: 1600px){
.container_bottom_profile {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 0px 0% 0px 0%;
background-image: url("../mask_images/bottom_profile_back.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}    
.bottom_profile {
font-size: 85%;
margin: 15px 0px 0% 5%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.bottom_profile a {
text-decoration: none;
font-size: 85%;
margin: 15px 0px 0% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.bottom_profile a:hover {
text-decoration: none;
font-size: 85%;
margin: 15px 0px 0% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #666;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
    
.bottom_profile02 {
width: 100%;
font-size: 55%;
margin: 0% 0% 0% 0%;
padding: 65px 0% 20px 0px;
text-align: center;
font-weight: 500;
letter-spacing: 1px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}}

/* --- 1400 --- */
@media(max-width: 1400px){
.container_bottom_profile {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 0px 0% 0px 0%;
background-image: url("../mask_images/bottom_profile_back.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}    
.box_bottom_profile {
width: 100%;
padding: 0px 0% 0px 190px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
}    
.box_bottom_profile .boxInner_bottom_profile {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 250px 0% 250px 0%;
background-image: url("../mask_images/bottom_profile.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0; 
-webkit-transition: all 2s;
-moz-transition: all 2s;
-ms-transition: all 2s;
-o-transition: all 2s;
transition: all 2s;
}
.box_bottom_profile_info {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 2% 0% 190px;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.bottom_profile {
font-size: 80%;
margin: 0px 0px 0% 5%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.bottom_profile a {
text-decoration: none;
font-size: 80%;
margin: 0px 0px 0% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.bottom_profile a:hover {
text-decoration: none;
font-size: 80%;
margin: 0px 0px 0% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #666;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
    
.bottom_profile02 {
width: 100%;
font-size: 50%;
margin: 0% 0% 0% 0%;
padding: 60px 0% 20px 0px;
text-align: center;
font-weight: 500;
letter-spacing: 1px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}}

/* --- 1280 --- */
@media(max-width: 1280px){
.container_bottom_profile {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 0px 0% 0px 0%;
background-image: url("../mask_images/bottom_profile_back_ip.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}    
.box_bottom_profile {
width: 100%;
padding: 0px 0% 0px 190px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
}    
.box_bottom_profile .boxInner_bottom_profile {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 200px 0% 200px 0%;
background-image: url("../mask_images/bottom_profile_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0; 
-webkit-transition: all 2s;
-moz-transition: all 2s;
-ms-transition: all 2s;
-o-transition: all 2s;
transition: all 2s;
}
.box_bottom_profile_info {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 2% 0% 190px;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.bottom_profile {
font-size: 86%;
margin: 5px 0px 0% 5.3%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.bottom_profile a {
text-decoration: none;
font-size: 86%;
margin: 5px 0px 0% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.bottom_profile a:hover {
text-decoration: none;
font-size: 86%;
margin: 5px 0px 0% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #666;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
    
.bottom_profile02 {
width: 100%;
font-size: 50%;
margin: 0% 0% 0% 0%;
padding: 55px 0% 20px 0px;
text-align: center;
font-weight: 500;
letter-spacing: 1px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}}

/* --- 1024 --- */
@media(max-width: 1024px){
.container_bottom_profile {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 0px 0% 0px 0%;
background-image: url("../mask_images/bottom_profile_back_ip.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}    
.box_bottom_profile {
width: 100%;
padding: 0px 0% 0px 190px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
}    
.box_bottom_profile .boxInner_bottom_profile {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 150px 0% 150px 0%;
background-image: url("../mask_images/bottom_profile_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0; 
-webkit-transition: all 2s;
-moz-transition: all 2s;
-ms-transition: all 2s;
-o-transition: all 2s;
transition: all 2s;
}
.box_bottom_profile_info {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 2% 0% 190px;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
    
.bottom_profile {
font-size: 80%;
margin: 25px 0px 0% 5%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.bottom_profile a {
text-decoration: none;
font-size: 80%;
margin: 25px 0px 0% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.bottom_profile a:hover {
text-decoration: none;
font-size: 80%;
margin: 25px 0px 0% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #666;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
    
.bottom_profile02 {
width: 100%;
font-size: 45%;
margin: 0% 0% 0% 0%;
padding: 55px 0% 20px 0px;
text-align: center;
font-weight: 500;
letter-spacing: 1px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}}

/* ---768 --- */
@media(max-width: 768px){
.container_bottom_profile {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 0px 0% 0px 0%;
background-image: url("../mask_images/bottom_profile_back_ip.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.box_bottom_profile {
width: 100%;
padding: 0px 0% 0px 135px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
}
.box_bottom_profile .boxInner_bottom_profile {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 110px 0% 110px 0%;
background-image: url("../mask_images/bottom_profile_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0; 
-webkit-transition: all 2s;
-moz-transition: all 2s;
-ms-transition: all 2s;
-o-transition: all 2s;
transition: all 2s;
}
.box_bottom_profile_info {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 2% 0% 135px;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
    
.bottom_profile {
font-size: 70%;
margin: 20px 0px 0% 5%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.bottom_profile a {
text-decoration: none;
font-size: 70%;
margin: 20px 0px 0% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.bottom_profile a:hover {
text-decoration: none;
font-size: 70%;
margin: 20px 0px 0% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 2px;
color: #666;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
    
.bottom_profile02 {
width: 100%;
font-size: 30%;
margin: 0% 0% 0% 0%;
padding: 35px 0% 20px 0px;
text-align: center;
font-weight: 500;
letter-spacing: 1px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}}

/* --- 640 --- */
@media(max-width: 640px){
.container_bottom_profile {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 15px 0% 10px 0%;
background-image: url("../mask_images/bottom_profile_back_sp.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}    
.box_bottom_profile {
z-index: 1;
width: 100%;
padding: 0px 0% 0px 20px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
}
.box_bottom_profile .boxInner_bottom_profile {
z-index: 1;
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 50% 0% 50% 0%;
background-image: url("../mask_images/bottom_profile_sp.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0; 
 -webkit-transition: all 2s;
-moz-transition: all 2s;
-ms-transition: all 2s;
-o-transition: all 2s;
transition: all 2s;
}
.box_bottom_profile_info {
z-index: 1;
width: 100%;
margin: 0% 0% 0% 0px;
padding: 20px 0% 20px 30.5%;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
    
    
.bottom_profile {
font-size: 68%;
margin: 5px 0px 6px 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 1px;
color: #fff;
line-height: 140%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.bottom_profile a {
text-decoration: none;
font-size: 68%;
margin: 0px 0px 0% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 1px;
color: #fff;
line-height: 140%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
.bottom_profile a:hover {
text-decoration: none;
font-size: 68%;
margin: 0px 0px 0% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 500;
letter-spacing: 1px;
color: #666;
line-height: 140%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
    
    
.bottom_profile02 {
width: 100%;
font-size: 30%;
margin: 0% 0% 0% 0%;
padding: 0px 0% 0px 0px;
text-align: center;
font-weight: 500;
letter-spacing: 1px;
color: #fff;
line-height: 200%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}}

/*============================================
 CAR INSPECTION  CONTENTS MASK SPAN
============================================*/

/* --- PC --- */
span.car_inspection {
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 2%;
font-size: 38%;
text-align: left;
vertical-align : 20%;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
} 
span.flow {
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 2%;
font-size: 38%;
text-align: left;
vertical-align : 20%;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
span.google_map {
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 2%;
font-size: 38%;
text-align: left;
vertical-align : 20%;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
span.bottom_profile {
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 2%;
font-size: 38%;
text-align: left;
vertical-align : 20%;
font-weight: 500;
letter-spacing: 2px;
color: #fff;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
} 
span.line {
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 2%;
font-size: 30%;
text-align: left;
vertical-align : 40%;
font-weight: 400;
letter-spacing: -5px;
color: #ccc;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
} 

span.service {
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 2%;
font-size: 38%;
text-align: left;
vertical-align : 20%;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
} 

/* --- 1024 --- */
@media(max-width: 1024px){
span.car_inspection {
margin: 0% 0% 0% 3%;
padding: 0% 0% 0% 0%;
font-size: 36%;
text-align: left;
vertical-align : 42%;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
span.flow {
margin: 0% 0% 0% 3%;
padding: 0% 0% 0% 0%;
font-size: 36%;
text-align: left;
vertical-align : 42%;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}    
span.google_map {
margin: 0% 0% 0% 3%;
padding: 0% 0% 0% 0%;
font-size: 36%;
text-align: left;
vertical-align : 42%;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
} 
span.bottom_profile {
margin: 0% 0% 0% 3%;
padding: 0% 0% 0% 0%;
font-size: 36%;
text-align: left;
vertical-align : 42%;
font-weight: 500;
letter-spacing: 2px;
color: #fff;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
} 
span.line {
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 2%;
font-size: 30%;
text-align: left;
vertical-align : 46%;
font-weight: 400;
letter-spacing: -5px;
color: #ccc;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}

span.service {
margin: 0% 0% 0% 3%;
padding: 0% 0% 0% 0%;
font-size: 36%;
text-align: left;
vertical-align : 42%;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}} 

/* --- 768 --- */
@media(max-width: 768px){
span.car_inspection {
margin: 0% 0% 0% 3%;
padding: 0% 0% 0% 0%;
font-size: 36%;
text-align: left;
vertical-align : 40%;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}
span.flow {
margin: 0% 0% 0% 3%;
padding: 0% 0% 0% 0%;
font-size: 36%;
text-align: left;
vertical-align : 40%;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}  
span.google_map {
margin: 0% 0% 0% 3%;
padding: 0% 0% 0% 0%;
font-size: 36%;
text-align: left;
vertical-align : 40%;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
} 
span.bottom_profile {
margin: 0% 0% 0% 3%;
padding: 0% 0% 0% 0%;
font-size: 36%;
text-align: left;
vertical-align : 40%;
font-weight: 500;
letter-spacing: 2px;
color: #fff;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
} 
span.line {
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 2%;
font-size: 40%;
text-align: left;
vertical-align : 40%;
font-weight: 400;
letter-spacing: -5px;
color: #ccc;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}

span.service {
margin: 0% 0% 0% 3%;
padding: 0% 0% 0% 0%;
font-size: 36%;
text-align: left;
vertical-align : 40%;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}} 

/* --- 640 --- */
@media(max-width: 640px){
span.car_inspection {
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
font-size: 50%;
text-align: left;
vertical-align : 30%;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
} 
span.flow {
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
font-size: 50%;
text-align: left;
vertical-align : 30%;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}   
span.google_map {
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
font-size: 50%;
text-align: left;
vertical-align : 30%;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
} 
span.bottom_profile {
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
font-size: 50%;
text-align: left;
vertical-align : 30%;
font-weight: 500;
letter-spacing: 2px;
color: #fff;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
} 
span.line {
margin: 0% 0% 0% 0%;
padding: 0% 4% 0% 5%;
font-size: 40%;
text-align: left;
vertical-align : 40%;
font-weight: 400;
letter-spacing: -5px;
color: #ccc;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}

span.service {
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
font-size: 50%;
text-align: left;
vertical-align : 30%;
font-weight: 500;
letter-spacing: 2px;
color: #000;
line-height: 100%;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", Verdana, Helvetica, Arial, sans-serif;
}} 

/*============================================
 CAR INSPECTION  CONTENTS MASK ANIMATION
============================================*/

/* --- CONTENTS --- */
.isPlay {
animation-name: play;
animation-duration: .5s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(.8,0,.5,1);
position: relative;
opacity: 1 !important;
}  
.isPlay:before {
animation-name: maskOut;
animation-duration: .5s;
animation-delay: .5s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(.8,0,.5,1);
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-image: linear-gradient( 125deg,  rgba(0,0,51,1) 10%, rgba(255,255,255,0.5) 80% );
}

@keyframes play {
from {
transform: translateX(-100%);
}  
to {
transform: translateX(0);
}}

@keyframes maskOut {
from {
transform: translateX(0);
}  
to {
transform: translateX(100%);
}}

/* --- GOOGLE MAP --- */
.isPlay_google_map {
animation-name: play_google_map;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(.8,0,.5,1);
position: relative;
opacity: 1 !important;
}  
.isPlay_google_map:before {
animation-name: maskOut_google_map;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(.8,0,.5,1);
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
}

@keyframes play_google_map {
from {
transform: translateX(0);
}  
to {
transform: translateX(0);
}}

@keyframes maskOut_google_map {
from {
transform: translateX(0);
}  
to {
transform: translateX(0);
}}

/* --- BOTTOM PROFILE --- */
.isPlay_bottom_profile {
animation-name: play_bottom_profile;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(.8,0,.5,1);
position: relative;
opacity: 1 !important;
}  
.isPlay_google_map:before {
animation-name: maskOut_bottom_profile;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(.8,0,.5,1);
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
}

@keyframes play_bottom_profile {
from {
transform: translateX(0);
}  
to {
transform: translateX(0);
}}

@keyframes maskOut_bottom_profile {
from {
transform: translateX(0);
}  
to {
transform: translateX(0);
}}