/*============================================
 INDEX 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% 5% 0%;
background-color: #fff;
background-image: url("../index_images/no_01.svg");
background-position: top 260px right -50px;
background-size: 300px;
background-repeat: no-repeat;
}
.box_about {
width: 100%;
margin: 0% 0% 5% 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: 300px 0% 300px 0%;
background-image: url("../mask_images/about_us.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% 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: 35%;
margin: 0% 0% 0% 0%;
padding: 0% 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;
}
.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: 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% 50px 0%;
background-color: #fff;
background-image: url("../index_images/no_01.svg");
background-position: top 180px right -50px;
background-size: 300px;
background-repeat: no-repeat;
}    
.box_about {
width: 100%;
margin: 0% 0% 5% 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% 0%;
padding: 200px 0% 200px 0%;
background-image: url("../mask_images/about_us_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 {
width: 100%;
margin: 20px 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;
}}

/* ---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% 40px 0%;
background-color: #fff;
background-image: url("../index_images/no_01.svg");
background-position: top 165px right -35px;
background-size: 220px;
background-repeat: no-repeat;
}
.box_about {
width: 100%;
margin: 0% 0% 5% 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: 150px 0% 150px 0%;
background-image: url("../mask_images/about_us_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 {
width: 100%;
margin: 15px 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_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("../index_images/no_01.svg");
background-position: top 170px right -30px;
background-size: 180px;
background-repeat: no-repeat;
} 
.box_about {
z-index: 1;
width: 100%;
margin: 0% 0% 5% 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: 100px 0% 100px 0%;
background-image: url("../mask_images/about_us_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 {
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;
}}

/*============================================
 INDEX CONTENTS MASK SERVICE
============================================*/

/* --- PC --- */
.container_service {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 80px 0% 5% 0%;
background-color: #fff;
background-image: url("../index_images/no_02.svg");
background-position: top 170px right -50px;
background-size: 300px;
background-repeat: no-repeat;
}
.box_service_inspection {
width: 100%;
margin: 0% 0% 5% 0%;
padding: 0px 0% 0px 220px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_service_inspection .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 250px 0% 250px 0%;
background-image: url("../mask_images/service_inspection_logo.png"), url("../mask_images/service_inspection_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_service_repair {
width: 100%;
margin: 0% 0% 3% 0%;
padding: 0px 0% 0px 220px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_service_repair .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 250px 0% 250px 0%;
background-image: url("../mask_images/service_repair_logo.png"), url("../mask_images/service_repair_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_service_painting {
width: 100%;
margin: 0% 0% 3% 0%;
padding: 0px 0% 0px 220px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_service_painting .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 250px 0% 250px 0%;
background-image: url("../mask_images/service_painting_logo.png"), url("../mask_images/service_painting_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_service_purchase {
width: 100%;
margin: 0% 0% 3% 0%;
padding: 0px 0% 0px 220px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_service_purchase .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 250px 0% 250px 0%;
background-image: url("../mask_images/service_purchase_logo.png"), url("../mask_images/service_purchase_back.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_service_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;
}
.box_service_infoII {
width: 100%;
margin: 5% 0% 1% 0%;
padding: 0% 1% 0% 235px;
font-size: 240%;
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 220px top 45px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.service {
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;
}
.service02 {
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;
}
.service03 {
width: 100%;
margin: 5% 0% 5% 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;
}

/* --- 1024 --- */
@media(max-width: 1024px){
.container_service {
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;
background-image: url("../index_images/no_02.svg");
background-position: top 130px right -50px;
background-size: 300px;
background-repeat: no-repeat;
}    
.box_service_inspection {
width: 100%;
margin: 0% 0% 5% 0%;
padding: 0px 0% 0px 200px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;    
}
.box_service_inspection .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 165px 0% 165px 0%;
background-image: url("../mask_images/service_inspection_logo_ip.png"), url("../mask_images/service_inspection_back_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_service_repair {
width: 100%;
margin: 0% 0% 5% 0%;
padding: 0px 0% 0px 200px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_service_repair .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 165px 0% 165px 0%;
background-image: url("../mask_images/service_repair_logo_ip.png"), url("../mask_images/service_repair_back_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_service_painting {
width: 100%;
margin: 0% 0% 5% 0%;
padding: 0px 0% 0px 200px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_service_painting .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 165px 0% 165px 0%;
background-image: url("../mask_images/service_painting_logo_ip.png"), url("../mask_images/service_painting_back_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_service_purchase {
width: 100%;
margin: 0% 0% 5% 0%;
padding: 0px 0% 0px 200px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033; 
}
.box_service_purchase .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 165px 0% 165px 0%;
background-image: url("../mask_images/service_purchase_logo_ip.png"), url("../mask_images/service_purchase_back_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}     
.box_service_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;
}    
 .box_service_infoII {
width: 100%;
margin: 5% 0% 1% 0%;
padding: 0% 1% 0% 220px;
font-size: 250%;
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: 42px 42px;
background-position: left 204px top 46px;
     text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}    
.service {
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;
}
.service02 {
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;
}
    
.service03 {
width: 100%;
margin: 20px 0% 20px 0%;
padding: 13% 0% 13% 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;
}}

/* --- 768 --- */
@media(max-width: 768px){
.container_service {
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;
background-image: url("../index_images/no_02.svg");
background-position: top 105px right -35px;
background-size: 200px;
background-repeat: no-repeat;
}
.box_service_inspection {
width: 100%;
margin: 0% 0% 5% 0%;  
padding: 0px 0% 0px 140px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_service_inspection .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 120px 0% 120px 0%;
background-image: url("../mask_images/service_inspection_logo_ip.png"), url("../mask_images/service_inspection_back_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}    
.box_service_repair {
width: 100%;
margin: 0% 0% 5% 0%;
padding: 0px 0% 0px 140px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_service_repair .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 120px 0% 120px 0%;
background-image: url("../mask_images/service_repair_logo_ip.png"), url("../mask_images/service_repair_back_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_service_painting {
width: 100%;
margin: 0% 0% 5% 0%;
padding: 0px 0% 0px 140px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_service_painting .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 120px 0% 120px 0%;
background-image: url("../mask_images/service_painting_logo_ip.png"), url("../mask_images/service_painting_back_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_service_purchase {
width: 100%;
margin: 0% 0% 5% 0%;
padding: 0px 0% 0px 140px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_service_purchase .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 120px 0% 120px 0%;
background-image: url("../mask_images/service_purchase_logo_ip.png"), url("../mask_images/service_purchase_back_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}      
.box_service_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;
}    
 .box_service_infoII {
width: 100%;
margin: 5% 0% 1% 0%;
padding: 0% 0% 0% 155px;
font-size: 190%;
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: 34px 34px;
background-position: left 140px top 32px;
     text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
} 
.service {
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;
}
.service02 {
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;
}

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

/* --- 640 --- */
@media(max-width: 640px){
.container_service {
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;
background-image: url("../index_images/no_02.svg");
background-position: top 100px right -30px;
background-size: 180px;
background-repeat: no-repeat;
}    
.box_service_inspection {
z-index: 1;
width: 100%;
margin: 0% 0% 5% 0%;
padding: 0px 0% 0px 0px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_service_inspection .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 80px 0% 80px 0%;
background-image: url("../mask_images/service_inspection_logo_sp.png"), url("../mask_images/service_inspection_back_sp.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_service_repair {
z-index: 1;
width: 100%;
margin: 0% 0% 5% 0%;
padding: 0px 0% 0px 0px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_service_repair .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 80px 0% 80px 0%;
background-image: url("../mask_images/service_repair_logo_sp.png"), url("../mask_images/service_repair_back_sp.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_service_painting {
z-index: 1;
width: 100%;
margin: 0% 0% 5% 0%;
padding: 0px 0% 0px 0px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_service_painting .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 80px 0% 80px 0%;
background-image: url("../mask_images/service_painting_logo_sp.png"), url("../mask_images/service_painting_back_sp.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_service_purchase {
z-index: 1;
width: 100%;
margin: 0% 0% 5% 0%;
padding: 0px 0% 0px 0px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_service_purchase .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 80px 0% 80px 0%;
background-image: url("../mask_images/service_purchase_logo_sp.png"), url("../mask_images/service_purchase_back_sp.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}     
.box_service_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;
}
 .box_service_infoII {
z-index: 1;
width: 100%;
margin: 5% 0% 1% 0%;
padding: 0% 0% 0% 30px;
font-size: 110%;
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: 21px 21px;
background-position: left 20px top 17px;
     text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}  
.service {
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;
}
.service02 {
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;
}

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

/*============================================
 INDEX CONTENTS MASK CAR ORDERING
============================================*/

/* --- PC --- */
.container_ordering {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 80px 0% 5% 0%;
background-color: #fff;
background-image: url("../index_images/no_03.svg");
background-position: top 140px right -50px;
background-size: 300px;
background-repeat: no-repeat;
}
.box_ordering {
width: 100%;
margin: 0% 0% 5% 0%;
padding: 0px 0% 0px 220px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_ordering .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 300px 0% 300px 0%;
background-image: url("../mask_images/ordering.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_ordering_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;
}
.ordering {
font-size: 35%;
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;
}
.ordering02 {
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;
}
.ordering03 {
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;
}
.ordering04 {
margin: 5% 0% 5% 0%;
padding: 10% 2% 10% 0px;
transition: all 500ms;
background-image: url("../about_us_images/banner_03.png");
background-size: 100% auto;	
background-position: center center;
background-repeat: no-repeat;
}

/* --- 1024 --- */
@media(max-width: 1024px){
.container_ordering {
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;
background-image: url("../index_images/no_03.svg");
background-position: top 90px right -50px;
background-size: 300px;
background-repeat: no-repeat;
}    
.box_ordering {
width: 100%;
margin: 0% 0% 5% 0%;
padding: 0px 0% 0px 200px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_ordering .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 200px 0% 200px 0%;
background-image: url("../mask_images/ordering_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_ordering_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;
}
.ordering {
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;
}
.ordering02 {
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;
}
.ordering03 {
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;
}
.ordering04 {
width: 100%;
margin: 20px 0% 30px 0%;
padding: 13% 0% 13% 0px;
transition: all 500ms;
background-image: url("../about_us_images/banner_03_ip.png");
background-size: 100% auto;	
background-position: center center;
background-repeat: no-repeat;
}}

/* ---768 --- */
@media(max-width: 768px){
.container_ordering {
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;
background-image: url("../index_images/no_03.svg");
background-position: top 80px right -35px;
background-size: 220px;
background-repeat: no-repeat;
}
.box_ordering {
width: 100%;
margin: 0% 0% 5% 0%;
padding: 0px 0% 0px 140px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}    
.box_ordering .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 150px 0% 150px 0%;
background-image: url("../mask_images/ordering_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_ordering_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;
}
.ordering {
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;
}
.ordering02 {
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;
}
.ordering03 {
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;
}
.ordering04 {
width: 100%;
margin: 15px 0% 25px 0%;
padding: 13% 0% 13% 0px;
transition: all 500ms;
background-image: url("../about_us_images/banner_03_ip.png");
background-size: 100% auto;	
background-position: center center;
background-repeat: no-repeat;
}}

/* --- 640 --- */
@media(max-width: 640px){
.container_ordering {
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;
background-image: url("../index_images/no_03.svg");
background-position: top 65px right -30px;
background-size: 180px;
background-repeat: no-repeat;
} 
.box_ordering {
z-index: 1;
width: 100%;
margin: 0% 0% 5% 0%;
padding: 0px 0% 0px 0px;
overflow: hidden;
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.3));
background-color: #000033;
}
.box_ordering .boxInner {
z-index: 1;
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 100px 0% 100px 0%;
background-image: url("../mask_images/ordering_sp.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_ordering_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;
}
.ordering {
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;
}
.ordering02 {
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;
}
.ordering03 {
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;
}
.ordering04 {
width: 100%;
margin: 10px 0% 15px 0%;
padding: 13% 0% 13% 0px;
transition: all 500ms;
background-image: url("../about_us_images/banner_03_sp.png");
background-size: 100% auto;	
background-position: center center;
background-repeat: no-repeat;
}}

/*============================================
 INDEX CONTENTS MASK UPDATE
============================================*/

/* --- PC --- */
.container_update {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 80px 0% 5% 0%;
background-color: #fff;
background-image: url("../index_images/no_04.svg");
background-position: top 140px right -50px;
background-size: 300px;
background-repeat: no-repeat;

}
.box_update {
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_update .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 300px 0% 300px 0%;
background-image: url("../mask_images/update.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;

}
.box_update_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;
}
.update {
font-size: 38%;
margin: 5% 0% 2% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
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;
}
.update02 {
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;
}
.update03 {
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;
}
.update04 {
margin: 5% 0% 5% 0%;
padding: 10% 2% 10% 0px;
transition: all 500ms;
background-image: url("../about_us_images/banner_04.png");
background-size: 100% auto;	
background-position: center center;
background-repeat: no-repeat;
}

/* --- 1024 --- */
@media(max-width: 1024px){
.container_update {
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;
background-image: url("../index_images/no_03.svg");
background-position: top 90px right -50px;
background-size: 300px;
background-repeat: no-repeat;
}    
.box_update {
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_update .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 200px 0% 200px 0%;
background-image: url("../mask_images/update_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_update_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;
}
.update {
font-size: 36%;
margin: 5% 0% 2% 0%;
padding: 0% 0% 0% 0px;
text-align: left;
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;
}
.update02 {
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;
}
.update03 {
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;
}
.update04 {
width: 100%;
margin: 30px 0% 30px 0%;
padding: 13% 0% 13% 0px;
transition: all 500ms;
background-image: url("../about_us_images/banner_04_ip.png");
background-size: 100% auto;	
background-position: center center;
background-repeat: no-repeat;
}}

/* ---768 --- */
@media(max-width: 768px){
.container_update {
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;
background-image: url("../index_images/no_03.svg");
background-position: top 80px right -35px;
background-size: 220px;
background-repeat: no-repeat;
}
.box_update {
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_update .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 150px 0% 150px 0%;
background-image: url("../mask_images/update_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_update_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;
}
.update {
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;
}
.update02 {
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;
}
.update03 {
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;
}
.update04 {
width: 100%;
margin: 15px 0% 25px 0%;
padding: 13% 0% 13% 0px;
transition: all 500ms;
background-image: url("../about_us_images/banner_04_ip.png");
background-size: 100% auto;	
background-position: center center;
background-repeat: no-repeat;
}}

/* --- 640 --- */
@media(max-width: 640px){
.container_update {
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;
background-image: url("../index_images/no_03.svg");
background-position: top 65px right -30px;
background-size: 180px;
background-repeat: no-repeat;
} 
.box_update {
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_update .boxInner {
z-index: 1;
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 100px 0% 100px 0%;
background-image: url("../mask_images/update_sp.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_update_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;
}
.update {
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;
}
.update02 {
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;
}
.update03 {
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;
}
.update04 {
width: 100%;
margin: 10px 0% 15px 0%;
padding: 13% 0% 13% 0px;
transition: all 500ms;
background-image: url("../about_us_images/banner_04_sp.png");
background-size: 100% auto;	
background-position: center center;
background-repeat: no-repeat;
}}

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

/* --- PC --- */
.container_google_map {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 80px 0% 5% 0%;
background-color: #fff;
}
.box_google_map {
width: 100%;
margin: 5% 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% 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;
}

/* --- 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: 50px 0% 50px 0%;
background-color: #fff;
}     
.box_google_map {
width: 100%;
margin: 5% 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% 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;
}}

/* ---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: 40px 0% 40px 0%;
background-color: #fff;
}    
.box_google_map {
width: 100%;
margin: 5% 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% 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;
}}

/* --- 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% 34px 0%;
background-color: #fff;
}     
.box_google_map {
z-index: 1;
width: 100%;
margin: 5% 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% 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;
}}

/*============================================
 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: 220px 0% 220px 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;
}}

/*============================================
 INDEX 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.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;
} 
span.ordering {
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.update {
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;
} 

/* --- 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.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;
}     
span.ordering {
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.update {
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;
}} 

/* --- 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.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;
}     
span.ordering {
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.update {
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;
}} 

/* --- 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.service {
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
font-size: 50%;
text-align: left;
vertical-align : 15%;
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.ordering {
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.update {
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% 3% 0% 2.5%;
font-size: 40%;
text-align: left;
vertical-align : 40%;
font-weight: 400;
letter-spacing: -3.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.lineII {
margin: 0% 0% 0% 0%;
padding: 0% 3% 0% 10%;
font-size: 36%;
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;
}} 

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