/*============================================
 ABOUT US CONTENTS MASK ABOUT US
============================================*/

/* --- PC --- */
.container_about {
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_about {
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_about .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 350px 0% 350px 0%;
background-image: url("../about_us_images/about_usII.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_about_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;
}
.about {
font-size: 35%;
margin: 5% 0% 2% 0px;
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;
}
.about02 {
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;
}
.about03 {
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;
}


.about04 {
margin: 70px 0% 0px 0%;
padding: 0px 0% 0px 350px;
background-image: url("../about_us_images/tax.png");
background-size: auto 95px;	
background-position: left top -5px;
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;
}
.about05 {
margin: 50px 0% 0px 0%;
padding: 0px 0% 0px 350px;
background-image: url("../about_us_images/cow-cow.png");
background-size: auto 100px;	
background-position: left top -5px;
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;
}
.about06 {
margin: 50px 0% 0% 0%;
padding: 0px 0% 0px 350px;
background-image: url("../about_us_images/ju.png");
background-size: auto 95px;	
background-position: left top;
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;
}

.about07 {
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_about {
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_about {
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_about .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 210px 0% 210px 0%;
background-image: url("../about_us_images/about_usII_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_about_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;
}
.about {
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;
}
.about02 {
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;
}
.about03 {
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;
}
.about04 {
margin: 40px 0% 0px 0%;
padding: 0px 1.5% 0px 240px;
background-image: url("../about_us_images/tax.png");
background-size: auto 75px;	
background-position: left top;
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;
}
.about05 {
margin: 30px 0% 0px 0%;
padding: 0px 1.5% 0px 240px;
background-image: url("../about_us_images/cow-cow.png");
background-size: auto 80px;	
background-position: left top;
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;
}
.about06 {
margin: 30px 0% 40px 0%;
padding: 0px 1.5% 0px 240px;
background-image: url("../about_us_images/ju.png");
background-size: auto 75px;	
background-position: left top;
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;
}

.about07 {
width: 100%;
margin: 25px 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_about {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 110px 0% 50px 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_about {
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_about .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 160px 0% 160px 0%;
background-image: url("../about_us_images/about_usII_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_about_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;
}
.about {
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;
}
.about02 {
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;
}
.about03 {
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;
}
.about04 {
margin: 40px 0% 0px 0%;
padding: 0px 1% 0px 170px;
background-image: url("../about_us_images/tax.png");
background-size: auto 55px;	
background-position: left top;
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;
}
.about05 {
margin: 30px 0% 0px 0%;
padding: 0px 1% 0px 170px;
background-image: url("../about_us_images/cow-cow.png");
background-size: auto 60px;	
background-position: left top;
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;
}
.about06 {
margin: 30px 0% 0px 0%;
padding: 0px 1% 0px 170px;
background-image: url("../about_us_images/ju.png");
background-size: auto 55px;	
background-position: left top;
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;
}

.about07 {
width: 100%;
margin: 25px 0% 30px 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_about {
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_about {
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_about .boxInner {
z-index: 1;
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 110px 0% 110px 0%;
background-image: url("../about_us_images/about_usII_sp.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_about_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;
}
.about {
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;
}
.about02 {
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;
}
.about03 {
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;
}
.about04 {
margin: 20px 0% 0px 0%;
padding: 0px 1% 0px 120px;
background-image: url("../about_us_images/tax.png");
background-size: auto 39px;	
background-position: left top;
background-repeat: no-repeat; 
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 40%;  
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;
}
.about05 {
margin: 20px 0% 0px 0%;
padding: 0px 1% 0px 120px;
background-image: url("../about_us_images/cow-cow.png");
background-size: auto 44px;	
background-position: left top;
background-repeat: no-repeat; 
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 40%;  
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;
}
.about06 {
margin: 20px 0% 0px 0%;
padding: 0px 1% 0px 120px;
background-image: url("../about_us_images/ju.png");
background-size: auto 39px;	
background-position: left top;
background-repeat: no-repeat; 
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 40%;  
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;
}

.about07 {
width: 100%;
margin: 10px 0% 15px 0%;
padding: 13% 0% 13% 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;
}}

/*============================================
 ABOUT US CONTENTS MASK OVERVIEW
============================================*/

/* --- PC --- */
.container_overview {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 100px 0% 0px 0%;
background-color: #fff;
}
.box_overview {
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_overview .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 350px 0% 350px 0%;
background-image: url("../about_us_images/about_us.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_overview_info {
width: 100%;
margin: 0% 0% 0px 0%;
padding: 0% 2% 100px 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;
}
.overview {
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;
}






.container_overview02 {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 0px 0% 0px 220px;
background-color: #fff;
}
.container_overview03 {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 0px 0% 100px 0%;
background-color: #fff;
}
.box_overview_info03 {
width: 100%;
margin: 0% 0% 100px 0%;
padding: 0% 0% 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;
}
.overview01 {
font-size: 100%;
font-weight: 600;
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;
width: 30%;
background-color: #eee;
text-align:left;
margin: 0 0 0 0;
padding: 1% 2% 0% 2%;
border-top: 1px solid #666;
}
.overview02 {
font-size: 100%;
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;
width: 70%;
background-color: #fff;
margin: 0 0 0 0;
padding: 1% 2% 1% 2%;
border-top: 1px solid #666;
}
.overview001 {
font-size: 100%;
font-weight: 600;
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;
width: 30%;
background-color: #eee;
text-align:left;
margin: 0 0 0 0;
padding: 1% 2% 0% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
.overview002 {
font-size: 100%;
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;
width: 70%;
background-color: #fff;
margin: 0 0 0 0;
padding: 1% 2% 1% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}




.overview04 {
margin: 1% 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;
}
.overview05 {
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;
}
.overview06 {
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;
}
.overview07 {
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;
}





.overview08 {
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_overview {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 60px 0% 0px 0%;
background-color: #fff;
}    
.box_overview {
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_overview .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 210px 0% 210px 0%;
background-image: url("../about_us_images/about_us_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_overview_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;
}
.overview {
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;
}
    
    


.container_overview02 {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 0px 2% 20px 200px;
background-color: #fff;
}
.container_overview03 {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 0px 0% 60px 0%;
background-color: #fff;
}
.box_overview_info03 {
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;
}
.overview01 {
font-size: 84%;
font-weight: 600;
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;
width: 30%;
background-color: #eee;
text-align:left;
margin: 0 0 0 0;
padding: 1% 2% 0% 2%;
border-top: 1px solid #666;
}
.overview02 {
font-size: 84%;
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;
width: 70%;
background-color: #fff;
margin: 0 0 0 0;
padding: 1% 2% 1% 2%;
border-top: 1px solid #666;
}
.overview001 {
font-size: 84%;
font-weight: 600;
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;
width: 30%;
background-color: #eee;
text-align:left;
margin: 0 0 0 0;
padding: 1% 2% 0% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
.overview002 {
font-size: 84%;
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;
width: 70%;
background-color: #fff;
margin: 0 0 0 0;
padding: 1% 2% 1% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}

    
    
    


.overview04 {
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;
}
.overview05 {
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;
}
.overview06 {
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;
}
.overview07 {
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;
}

.overview08 {
width: 100%;
margin: 30px 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_overview {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 50px 0% 0px 0%;
background-color: #fff;
}
.box_overview {
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_overview .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 160px 0% 160px 0%;
background-image: url("../about_us_images/about_us_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_overview_info {
width: 100%;
margin: 0% 0% 0px 0%;
padding: 0% 2% 50px 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;
}
.overview {
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;
}


    
    
    
.container_overview02 {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 0px 2% 10px 140px;
background-color: #fff;
}
.container_overview03 {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 0px 0% 50px 0%;
background-color: #fff;
}
.box_overview_info03 {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 50px 140px;
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;
}
.overview01 {
font-size: 74%;
font-weight: 600;
letter-spacing: 2px;
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;
width: 30%;
background-color: #eee;
text-align:left;
margin: 0 0 0 0;
padding: 1.5% 2% 0% 2%;
border-top: 1px solid #666;
}
.overview02 {
font-size: 74%;
font-weight: 500;
letter-spacing: 2px;
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;
width: 70%;
background-color: #fff;
margin: 0 0 0 0;
padding: 1.5% 2% 1% 2%;
border-top: 1px solid #666;
}
.overview001 {
font-size: 74%;
font-weight: 600;
letter-spacing: 2px;
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;
width: 30%;
background-color: #eee;
text-align:left;
margin: 0 0 0 0;
padding: 1.5% 2% 0% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
.overview002 {
font-size: 74%;
font-weight: 500;
letter-spacing: 2px;
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;
width: 70%;
background-color: #fff;
margin: 0 0 0 0;
padding: 1.5% 2% 1.5% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
    
    


.overview04 {
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;
}
.overview05 {
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;
}
.overview06 {
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;
}
.overview07 {
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;
}

.overview08 {
width: 98%;
margin: -5px 2% 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: 74%;
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_overview {
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_overview {
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_overview .boxInner {
z-index: 1;
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 110px 0% 110px 0%;
background-image: url("../about_us_images/about_us_sp.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_overview_info {
z-index: 1;
width: 100%;
margin: 0% 0% 0px 0%;
padding: 0% 15px 0% 15px;
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;
}
.overview {
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: 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;
}
    
    
    
    
    
.container_overview02 {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 0px 15px 5px 15px;
background-color: #fff;
}
.container_overview03 {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 0px 15px 30px 15px;
background-color: #fff;
}
.container_overview04 {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 0px 0px 30px 0px;
background-color: #fff;
}
.box_overview_info03 {
z-index: 1;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0px 0px;
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;
}
.overview01 {
z-index: 1;
font-size: 50%;
font-weight: 600;
letter-spacing: 2px;
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;
width: 28%;
background-color: #eee;
text-align:left;
margin: 0 0 0 0;
padding: 2% 2% 0% 2%;
border-top: 1px solid #666;
}
.overview02 {
z-index: 1;
font-size: 50%;
font-weight: 500;
letter-spacing: 2px;
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;
width: 72%;
background-color: #fff;
margin: 0 0 0 0;
padding: 2% 2% 2% 2%;
border-top: 1px solid #666;
}
.overview001 {
z-index: 1;
font-size: 50%;
font-weight: 600;
letter-spacing: 2px;
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;
width: 28%;
background-color: #eee;
text-align:left;
margin: 0 0 0 0;
padding: 2% 2% 0% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
.overview002 {
z-index: 1;
font-size: 50%;
font-weight: 500;
letter-spacing: 2px;
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;
width: 72%;
background-color: #fff;
margin: 0 0 0 0;
padding: 2% 2% 2% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}



.overview04 {
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;
}
.overview05 {
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;
}
.overview06 {
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;
}
.overview07 {
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;
}

.overview08 {
width: 100%;
margin: 20px 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: 45%;
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;
    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;
}    
.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: 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;
}}
/*============================================
 ABOUT US CONTENTS MASK SPAN
============================================*/

/* --- PC --- */
span.about {
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.overview {
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.about {
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.overview {
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.about {
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.overview {
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.about {
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.overview {
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;
}} 

/*============================================
 ABOUT US 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);
}}