/*============================================
 SITEMAP CONTENTS MASK COMPOSITION
============================================*/

/* --- PC --- */
.container_composition {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 170px 0% 0px 0%;
background-color: #fff;
}
.container_composition02 {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 0px 0% 0px 220px;
background-color: #fff;
}
.container_composition03 {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 0px 0% 100px 0%;
background-color: #fff;
}
.box_composition {
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_composition .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 350px 0% 350px 0%;
background-image: url("../sitemap_images/sitemapII.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_composition_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;
}
.box_composition_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;
}
.composition {
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;
}
.composition01 {
font-size: 90%;
font-weight: 600;
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;
width: 20%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 4% 1% 4% 2%;
border-top: 1px solid #666;
}
.composition02 {
font-size: 80%;
font-weight: 600;
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;
width: 20%;
background-color: #fff;
text-align: center;
margin: 0 0 0 0;
padding: 4.5% 1% 3.5% 1%;
border-top: 1px solid #666;
background-image: url("../sitemap_images/folder.png");
background-position: center;
background-size: 45% auto;
background-repeat: no-repeat;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.composition03 {
width: 20%;
background-color: #fff;
margin: 0 0 0 0;
padding: 4% 1% 4% 1%;
border-top: 1px solid #666;
}
.composition001 {
font-size: 90%;
font-weight: 600;
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;
width: 20%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 4% 1% 4% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
.composition002 {
font-size: 80%;
font-weight: 600;
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;
width: 20%;
background-color: #fff;
text-align: center;
margin: 0 0 0 0;
padding: 4.5% 1% 3.5% 1%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
background-image: url("../sitemap_images/folder.png");
background-position: center;
background-size: 45% auto;
background-repeat: no-repeat;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.composition003 {
width: 20%;
background-color: #fff;
margin: 0 0 0 0;
padding: 4% 1% 4% 1%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
.composition04 {
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;
}
.composition05 {
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;
}
.composition06 {
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;
}
.composition07 {
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;
}
.composition08 {
margin: 5% 0% 0% 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;
}
.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;
}

/* --- 1600 --- */
@media(max-width: 1600px){
.composition01 {
font-size: 80%;
font-weight: 600;
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;
width: 20%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 4% 1% 4% 2%;
border-top: 1px solid #666;
}
.composition02 {
font-size: 70%;
font-weight: 600;
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;
width: 20%;
background-color: #fff;
text-align: center;
margin: 0 0 0 0;
padding: 4.5% 1% 3.5% 1%;
border-top: 1px solid #666;
background-image: url("../sitemap_images/folder.png");
background-position: center;
background-size: 45% auto;
background-repeat: no-repeat;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.composition03 {
width: 20%;
background-color: #fff;
margin: 0 0 0 0;
padding: 4% 1% 4% 1%;
border-top: 1px solid #666;
}
.composition001 {
font-size: 80%;
font-weight: 600;
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;
width: 20%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 4% 1% 4% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
.composition002 {
font-size: 70%;
font-weight: 600;
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;
width: 20%;
background-color: #fff;
text-align: center;
margin: 0 0 0 0;
padding: 4.5% 1% 3.5% 1%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
background-image: url("../sitemap_images/folder.png");
background-position: center;
background-size: 45% auto;
background-repeat: no-repeat;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.composition003 {
width: 20%;
background-color: #fff;
margin: 0 0 0 0;
padding: 4% 1% 4% 1%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}}

/* --- 1400 --- */
@media(max-width: 1400px){
.composition01 {
font-size: 75%;
font-weight: 600;
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;
width: 20%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 4% 1% 4% 2%;
border-top: 1px solid #666;
}
.composition02 {
font-size: 65%;
font-weight: 600;
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;
width: 20%;
background-color: #fff;
text-align: center;
margin: 0 0 0 0;
padding: 4.5% 1% 3.5% 1%;
border-top: 1px solid #666;
background-image: url("../sitemap_images/folder.png");
background-position: center;
background-size: 45% auto;
background-repeat: no-repeat;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.composition03 {
width: 20%;
background-color: #fff;
margin: 0 0 0 0;
padding: 4% 1% 4% 1%;
border-top: 1px solid #666;
}
.composition001 {
font-size: 75%;
font-weight: 600;
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;
width: 20%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 4% 1% 4% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
.composition002 {
font-size: 65%;
font-weight: 600;
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;
width: 20%;
background-color: #fff;
text-align: center;
margin: 0 0 0 0;
padding: 4.5% 1% 3.5% 1%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
background-image: url("../sitemap_images/folder.png");
background-position: center;
background-size: 45% auto;
background-repeat: no-repeat;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.composition003 {
width: 20%;
background-color: #fff;
margin: 0 0 0 0;
padding: 4% 1% 4% 1%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}}

/* --- 1280 --- */
@media(max-width: 1280px){
.composition01 {
font-size: 70%;
font-weight: 600;
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;
width: 20%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 4% 1% 4% 2%;
border-top: 1px solid #666;
}
.composition02 {
font-size: 60%;
font-weight: 600;
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;
width: 20%;
background-color: #fff;
text-align: center;
margin: 0 0 0 0;
padding: 4.5% 1% 3.5% 1%;
border-top: 1px solid #666;
background-image: url("../sitemap_images/folder.png");
background-position: center;
background-size: 45% auto;
background-repeat: no-repeat;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.composition03 {
width: 20%;
background-color: #fff;
margin: 0 0 0 0;
padding: 4% 1% 4% 1%;
border-top: 1px solid #666;
}

.composition001 {
font-size: 70%;
font-weight: 600;
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;
width: 20%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 4% 1% 4% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
.composition002 {
font-size: 60%;
font-weight: 600;
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;
width: 20%;
background-color: #fff;
text-align: center;
margin: 0 0 0 0;
padding: 4.5% 1% 3.5% 1%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
background-image: url("../sitemap_images/folder.png");
background-position: center;
background-size: 45% auto;
background-repeat: no-repeat;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.composition003 {
width: 20%;
background-color: #fff;
margin: 0 0 0 0;
padding: 4% 1% 4% 1%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}}

/* --- 1024 --- */
@media(max-width: 1024px){
.container_composition {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 120px 0% 0px 0%;
background-color: #fff;
}
.container_composition02 {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 0px 2% 0px 200px;
background-color: #fff;
}
.container_composition03 {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 0px 0% 60px 0%;
background-color: #fff;
}
.box_composition {
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_composition .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 210px 0% 210px 0%;
background-image: url("../sitemap_images/sitemapII_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_composition_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;
}
.box_composition_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;
}
.composition {
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;
}
.composition01 {
font-size: 70%;
font-weight: 600;
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;
width: 20%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 4% 1% 4% 2%;
border-top: 1px solid #666;
}
.composition02 {
font-size: 60%;
font-weight: 600;
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;
width: 20%;
background-color: #fff;
text-align: center;
margin: 0 0 0 0;
padding: 4.6% 1% 3.4% 1%;
border-top: 1px solid #666;
background-image: url("../sitemap_images/folder.png");
background-position: center;
background-size: 50% auto;
background-repeat: no-repeat;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.composition03 {
width: 20%;
background-color: #fff;
margin: 0 0 0 0;
padding: 4% 1% 4% 1%;
border-top: 1px solid #666;
}
.composition001 {
font-size: 70%;
font-weight: 600;
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;
width: 20%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 4% 1% 4% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
.composition002 {
font-size: 60%;
font-weight: 600;
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;
width: 20%;
background-color: #fff;
text-align: center;
margin: 0 0 0 0;
padding: 4.6% 1% 3.4% 1%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
background-image: url("../sitemap_images/folder.png");
background-position: center;
background-size: 50% auto;
background-repeat: no-repeat;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.composition003 {
width: 20%;
background-color: #fff;
margin: 0 0 0 0;
padding: 4% 1% 4% 1%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}    
.composition04 {
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;
}
.composition05 {
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;
}
.composition06 {
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;
}
.composition07 {
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;
}
.composition08 {
width: 100%;
margin: 30px 0% 0px 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;
}
.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_composition {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 110px 0% 0px 0%;
background-color: #fff;
}
.container_composition02 {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 0px 2% 0px 140px;
background-color: #fff;
}
.container_composition03 {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 0px 0% 50px 0%;
background-color: #fff;
}
.box_composition {
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_composition .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 160px 0% 160px 0%;
background-image: url("../sitemap_images/sitemapII_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_composition_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;
}
.box_composition_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;
}
.composition {
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;
}
.composition_compositionI {
font-size: 65%;
font-weight: 600;
letter-spacing: 1px;
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;
width: 100%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 6px 2% 6px 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
.composition_compositionII {
font-size: 55%;
font-weight: 600;
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;
width: 25%;

text-align: center;
margin: 0 0 0 0;
padding: 6.7% 1% 5.3% 1%;
background-image: url("../sitemap_images/folder.png");
background-position: center;
background-size: 50% auto;
background-repeat: no-repeat;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.composition_compositionIII {
width: 25%;
margin: 0 0 0 0;
}
.composition04 {
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;
}
.composition05 {
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;
}
.composition06 {
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;
}
.composition07 {
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;
}
.composition08 {
width: 98%;
margin: 20px 2% 0px 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;
}
.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_composition {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 100px 0% 30px 0%;
background-color: #fff;
} 
.container_composition02 {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 0px 15px 0px 15px;
align-content:center;  
align-items:center; 
background-color: #fff;
}   
.container_composition03 {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 0px 15px 30px 15px;
background-color: #fff;
}
.container_composition04 {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 0px 0px 30px 0px;
background-color: #fff;
}
.box_composition {
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_composition .boxInner {
z-index: 1;
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 110px 0% 110px 0%;
background-image: url("../sitemap_images/sitemapII_sp.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_composition_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;
}
.box_composition_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;
}   
.composition {
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;
}
.composition_compositionI {
z-index: 1;
font-size: 55%;
font-weight: 600;
letter-spacing: 1px;
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;
width: 100%;
background-color: #eee;
text-align: left;
margin: 5px 0px 0px 0px;
padding: 4px 2% 4px 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
.composition_compositionII {
z-index: 1;
font-size: 45%;
font-weight: 600;
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;
width: 25%;
text-align: center;
margin: 0 0 0 0;
padding: 6.8% 1% 5.2% 1%;
background-image: url("../sitemap_images/folder.png");
background-position: center;
background-size: 60% auto;
background-repeat: no-repeat;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.composition_compositionIII {
z-index: 1;
width: 25%;
margin: 0 0 0 0;
padding: 4% 1% 4% 1%;
}    
.composition_compositionIIII {
z-index: 1;
font-size: 50%;
font-weight: 600;
letter-spacing: 1px;
color: #000;
line-height: 120%;
transition: all 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: 25%;
text-align: center;
margin: 0 0 0 0;
padding: 6.8% 1% 5.2% 1%;
background-image: url("../sitemap_images/folder.png");
background-position: center;
background-size: 60% auto;
background-repeat: no-repeat;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.composition04 {
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;
}
.composition05 {
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;
}
.composition06 {
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;
}
.composition07 {
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;
}
.composition08 {
width: 100%;
margin: 20px 0% 0px 0%;
padding: 12% 0% 12% 0px;
transition: all 500ms;
background-image: url("../about_us_images/banner_01_sp.png");
background-size: 100% auto;	
background-position: center center;
background-repeat: no-repeat;
}
.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;
}}

/*============================================
 SITEMAP CONTENTS PROVISION
============================================*/

/* --- PC --- */
.container_provision {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 100px 0% 0px 0%;
background-color: #fff;
}
.container_provision02 {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 0px 0% 0px 220px;
background-color: #fff;
}
.container_provision03 {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 0px 0% 100px 0%;
background-color: #fff;
}
.box_provision {
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_provision .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 350px 0% 350px 0%;
background-image: url("../sitemap_images/sitemap.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_provision_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;
}
.box_provision_info03 {
width: 100%;
margin: 0% 0% 5% 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;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.provision {
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;
}
.provision01 {
font-size: 90%;
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: 20%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 1% 2% 1% 2%;
border-top: 1px solid #666;
}
.provision02 {
font-size: 90%;
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: 80%;
background-color: #fff;
text-align: left;
margin: 0 0 0 0;
padding: 1% 2% 1% 2%;
border-top: 1px solid #666;
}
.provision001 {
font-size: 90%;
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: 20%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 1% 2% 1% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
.provision002 {
font-size: 90%;
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: 80%;
text-align: left;
margin: 0 0 0 0;
padding: 1% 2% 1% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
.provision04 {
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;
}
.provision05 {
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;
}
.provision06 {
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;
}
.provision07 {
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;
}
.provision08 {
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;
}

@media(max-width: 1600px){
.provision01 {
font-size: 85%;
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: 20%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 1% 1% 1% 2%;
border-top: 1px solid #666;
}
.provision02 {
font-size: 85%;
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: 80%;
background-color: #fff;
text-align: left;
margin: 0 0 0 0;
padding: 1% 2% 1% 2%;
border-top: 1px solid #666;
}
.provision001 {
font-size: 85%;
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: 20%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 1% 1% 1% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
.provision002 {
font-size: 85%;
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: 80%;
background-color: #fff;
text-align: left;
margin: 0 0 0 0;
padding: 1% 2% 1% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}}

@media(max-width: 1280px){
.provision01 {
font-size: 75%;
font-weight: 600;
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;
width: 20%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 1% 1% 1% 2%;
border-top: 1px solid #666;
}
.provision02 {
font-size: 75%;
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;
width: 80%;
background-color: #fff;
text-align: left;
margin: 0 0 0 0;
padding: 1% 2% 1% 2%;
border-top: 1px solid #666;
}
.provision001 {
font-size: 75%;
font-weight: 600;
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;
width: 20%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 1% 1% 1% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
.provision002 {
font-size: 75%;
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;
width: 80%;
background-color: #fff;
text-align: left;
margin: 0 0 0 0;
padding: 1% 2% 1% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}}

/* --- 1024 --- */
@media(max-width: 1024px){
.container_provision {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 60px 0% 0px 0%;
background-color: #fff;
}
.container_provision02 {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 0px 2% 0px 200px;
background-color: #fff;
}
.container_provision03 {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 0px 0% 60px 0%;
background-color: #fff;
}
.box_provision {
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_provision .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 210px 0% 210px 0%;
background-image: url("../sitemap_images/sitemap_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_provision_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;
}
.box_provision_info03 {
width: 100%;
margin: 0% 0% 30px 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;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.provision {
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;
}    
.provision01 {
font-size: 70%;
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: 25%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 1% 2% 1% 2%;
border-top: 1px solid #666;
}
.provision02 {
font-size: 60%;
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: 75%;
text-align: left;
margin: 0 0 0 0;
padding: 1% 2% 1% 2%;
border-top: 1px solid #666;
}
.provision001 {
font-size: 70%;
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: 25%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 1% 2% 1% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
.provision002 {
font-size: 60%;
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: 75%;
text-align: left;
margin: 0 0 0 0;
padding: 1% 2% 1% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}    
.provision04 {
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;
}
.provision05 {
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;
}
.provision06 {
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;
}
.provision07 {
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;
}
.provision08 {
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_provision {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 50px 0% 0px 0%;
}
.container_provision02 {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 0px 2% 0px 140px;
}
.container_provision03 {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 0px 0% 50px 0%;
}
.box_provision {
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_provision .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 160px 0% 160px 0%;
background-image: url("../sitemap_images/sitemap_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_provision_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;
}
.box_provision_info03 {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 20px 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;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.provision {
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;
}    
.provision01 {
font-size: 60%;
font-weight: 600;
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;
width: 25%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 1% 2% 1% 2%;
border-top: 1px solid #666;
}
.provision02 {
font-size: 50%;
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;
width: 75%;
text-align: left;
margin: 0 0 0 0;
padding: 1% 2% 1% 2%;
border-top: 1px solid #666;
}
.provision001 {
font-size: 60%;
font-weight: 600;
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;
width: 25%;
background-color: #eee;
text-align: left;
margin: 0 0 0 0;
padding: 1% 2% 1% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
.provision002 {
font-size: 50%;
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;
width: 75%;
text-align: left;
margin: 0 0 0 0;
padding: 1% 2% 1% 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
.provision04 {
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;
}
.provision05 {
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;
}
.provision06 {
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;
}
.provision07 {
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;
}
.provision08 {
width: 98%;
margin: 20px 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_provision {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 30px 0% 30px 0%;
} 
.container_provision02 {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 0px 15px 0px 15px;
align-content:center;  
align-items:center;
}   
.container_provision03 {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 0px 15px 30px 15px;
}
.container_provision04 {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 0px 0px 30px 0px;
}
.box_provision {
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_provision .boxInner {
z-index: 1;
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 110px 0% 110px 0%;
background-image: url("../sitemap_images/sitemap_sp.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
.box_provision_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;
}
.box_provision_info03 {
z-index: 1;
width: 100%;
margin: 0% 0% 20px 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;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}   
.provision {
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;
}
.provision01 {
z-index: 1;
font-size: 50%;
font-weight: 600;
letter-spacing: 1px;
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;
width: 100%;
background-color: #eee;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 4px 2% 4px 2%;
}
.provision02 {
z-index: 1;
font-size: 48%;
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;
width: 100%;
text-align: left;
margin: 0 0 0 0;
padding: 10px 2% 8px 2%;

}
.provision03 {
z-index: 1;
font-size: 50%;
font-weight: 600;
letter-spacing: 1px;
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;
width: 100%;
background-color: #eee;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 4px 2% 4px 2%;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
.provision003 {
z-index: 1;
font-size: 48%;
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;
width: 100%;
text-align: left;
margin: 0 0 0 0;
padding: 10px 2% 8px 2%;
border-bottom: 1px solid #666;
background-color: #fff;
}
.provision04 {
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;
}
.provision05 {
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;
}
.provision06 {
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;
}
.provision07 {
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;
}
.provision08 {
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;
}}

/*============================================
 SITEMAP CONTENTS SITEPOLICY ＆ PRIVACYPOLICY
============================================*/

/* --- PC --- */
.container_policy {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 100px 0% 0% 0%;
background-color: #fff;
}
.container_sitepolicy {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 100px 0% 0% 0%;
background-color: #fff;
background-image: url("../icon_images/01.png");
background-position: top 230px right 20px;
background-repeat: no-repeat;
background-size: 320px auto;
}
.container_privacypolicy {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 100px 0% 100px 0%;
background-color: #fff;
background-image: url("../icon_images/02.png");
background-position: top 220px right 20px;
background-repeat: no-repeat;
background-size: 320px auto;
}

.box_policy {
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_sitepolicy {
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_privacypolicy {
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_policy .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 350px 0% 350px 0%;
background-image: url("../sitemap_images/sitemapIII.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}

.box_policy_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_sitepolicy_info {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 2% 0% 220px;
font-size: 240%;
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_backII.png);
background-repeat: no-repeat;
background-size: 40px 40px;
background-position: left 215px top 14px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.box_privacypolicy_info {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 2% 0% 220px;
font-size: 240%;
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_backII.png);
background-repeat: no-repeat;
background-size: 40px 40px;
background-position: left 215px top 14px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}

.policy {
font-size: 35%;
margin: 5% 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;
}
.policy01 {
font-size: 36%;
margin: 5% 0% 0% 16px;
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;
}
.policy01-02 {
font-size: 36%;
margin: 3% 0% 0% 16px;
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;
}
.policy02 {
font-size: 35%;
margin: 1% 0% 0% 16px;
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;
}
.policy03 {
font-size: 40%;
margin: 5% 0% 0% 16px;
padding: 0% 0% 0% 0px;
text-align: center;
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;
}


.policy08 {
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;
}
.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_policy {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 60px 0% 0px 0%;
background-color: #fff;
}    
.container_sitepolicy {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 30px 0% 0% 0%;
background-color: #fff;
background-image: url("../icon_images/01.png");
background-position: top 120px right 10px;
background-repeat: no-repeat;
background-size: 310px auto;
}    
.container_privacypolicy {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 60px 0% 60px 0%;
background-color: #fff;
background-image: url("../icon_images/02.png");
background-position: top 130px right 10px;
background-repeat: no-repeat;
background-size: 310px auto;
}
    
    
.box_policy {
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_sitepolicy {
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_privacypolicy {
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_policy .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 210px 0% 210px 0%;
background-image: url("../sitemap_images/sitemapIII_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
    
.box_policy_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;
}    
.box_sitepolicy_info {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 2% 0% 200px;
font-size: 230%;
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_backII.png);
background-repeat: no-repeat;
background-size: 40px 40px;
background-position: left 180px top 12px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}    
.box_privacypolicy_info {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 2% 0% 200px;
font-size: 230%;
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_backII.png);
background-repeat: no-repeat;
background-size: 40px 40px;
background-position: left 180px top 12px;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
    
.policy {
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;
}
.policy01 {
font-size: 36%;
margin: 5% 0% 0% 0px;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 600;
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;
}
.policy01-02 {
font-size: 36%;
margin: 3% 0% 0% 0px;
padding: 0% 2% 0% 0px;
text-align: left;
font-weight: 600;
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;
}
.policy02 {
font-size: 35%;
margin: 1% 0% 0% 0px;
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;
}     
 .policy03 {
font-size: 38%;
margin: 5% 0% 0% 16px;
padding: 0% 0% 0% 0px;
text-align: center;
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;
}
.policy08 {
width: 100%;
margin: 30px 0% 30px 0%;
padding: 14% 0% 14% 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;
}
.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_policy {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 50px 0% 0px 0%;
background-color: #fff;
}
.container_sitepolicy {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 20px 0% 0% 0%;
background-color: #fff;
background-image: url("../icon_images/01.png");
background-position: top 120px right 10px;
background-repeat: no-repeat;
background-size: 310px auto;
}
.container_privacypolicy {
z-index: 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 50px 0% 50px 0%;
background-color: #fff;
background-image: url("../icon_images/02.png");
background-position: top 130px right 10px;
background-repeat: no-repeat;
background-size: 310px auto;
}
    
.box_policy {
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_sitepolicy {
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_privacypolicy {
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_policy .boxInner {
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 160px 0% 160px 0%;
background-image: url("../sitemap_images/sitemapIII_ip.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
    
.box_policy_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;
}    
.box_sitepolicy_info {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 2% 0% 140px;
font-size: 185%;
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_backII.png);
background-repeat: no-repeat;
background-size: 35px 35px;
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_privacypolicy_info {
width: 100%;
margin: 0% 0% 20px 0%;
padding: 0% 2% 0% 140px;
font-size: 180%;
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_backII.png);
background-repeat: no-repeat;
background-size: 35px 35px;
background-position: left 120px top 10px;
}  
    
.policy {
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;
}
.policy01 {
font-size: 36%;
margin: 5% 0% 0% 0px;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 600;
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;
}
.privacypolicy01 {
font-size: 36%;
margin: 6% 0% 0% 0px;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 600;
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;
}
.policy01-02 {
font-size: 36%;
margin: 3% 0% 0% 0px;
padding: 0% 2% 0% 0px;
text-align: left;
font-weight: 600;
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;
}
.policy02 {
font-size: 36%;
margin: 1% 0% 0% 0px;
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;
}     
 .policy03 {
font-size: 38%;
margin: 5% 0% 0% 0px;
padding: 0% 0% 0% 0px;
text-align: center;
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;
}  

.policy08 {
width: 98%;
margin: 20px 2% 0px 0%;
padding: 14% 0% 14% 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;
}
.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_policy {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 30px 0% 20px 0%;
} 
.container_sitepolicy_sp {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 0px 0% 0% 0%;
    background-color: #fff;
}
.container_sitepolicy_spII {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0% 0%;
padding: 0px 0% 0% 0%;
    background-color: #fff;
}
.container_privacypolicy_sp {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 0px 0% 0px 0%;
    background-color: #fff;
} 
.container_privacypolicy_spII {
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 100%;
height: auto;
margin: 0px 0% 0px 0%;
padding: 0px 0% 30px 0%;
background-color: #fff;
}     

    
.box_policy {
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_sitepolicy_sp {
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_sitepolicy_spII {
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_privacypolicy_sp {
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_privacypolicy_spII {
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_policy .boxInner {
z-index: 1;
width: inherit;
height: inherit;
margin: 0% 0% 0% 0px;
padding: 110px 0% 110px 0%;
background-image: url("../sitemap_images/sitemapIII_sp.png");
background-size: cover;	
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
}
    
    
.box_policy_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;
}    
.box_sitepolicy_info_sp {
z-index: 1;
width: 100%;
margin: 0px 0% 0% 0%;
padding: 20px 15px 0px 15px;
font-size: 110%;
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_backII.png);
background-repeat: no-repeat;
background-size: 19px 19px;
background-position: left 8px top 27px;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;

}
.box_sitepolicy_info_spII {
z-index: 1;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0px 15px 0px 15px;
font-size: 110%;
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;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
background-image: url("../icon_images/01.png");
    background-position: top 0px right 10px;
background-repeat: no-repeat;
background-size: 220px auto;
}
.box_privacypolicy_info_sp {
z-index: 1;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 40px 15px 0% 15px;
font-size: 110%;
text-align: left;
font-weight: bold;
letter-spacing: 1px;
color: #000;
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: 19px 19px;
background-position: left 8px top 46px;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
    
.box_privacypolicy_info_spII {
z-index: 1;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0px 15px 0% 15px;
font-size: 110%;
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;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
background-image: url("../icon_images/02.png");
        background-position: top 0px right 10px;
background-repeat: no-repeat;
background-size: 220px auto;
} 

    
.policy {
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;

}    
.policy01 {
z-index: 1;
font-size: 46%;
margin: 5% 0% 0% 0px;
padding: 0% 0% 0% 0px;
text-align: left;
font-weight: 600;
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;
}
.policy01-02 {
z-index: 1;
font-size: 46%;
margin: 3% 0% 0% 0px;
padding: 0% 2% 0% 0px;
text-align: left;
font-weight: 600;
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;
}
.policy02 {
z-index: 1;
font-size: 44%;
margin: 1% 0% 0% 0px;
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;
}     
 .policy03 {
z-index: 1;
font-size: 46%;
margin: 3% 0% 0% 0px;
padding: 0% 0% 0% 0px;
text-align: center;
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;
}


.policy08 {
width: 100%;
margin: 20px 0% 20px 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;
}}

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

/*============================================
 PROVISION CONTENTS SPAN
============================================*/

/* --- PC --- */
span.composition {
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.provision {
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.policy {
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.composition {
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.provision {
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.policy {
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.composition {
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.provision {
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.policy {
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.composition {
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.provision {
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.policy {
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;
}} 

/*============================================
 SITEMAP LINK
============================================*/

.link a:link {
color: #000;
text-decoration:none;
transition: 0.5s;
}
.link a:visited {
color:#000;
text-decoration:none;
transition: 0.5s;
}
.link a:hover {
color:#ccc;
text-decoration:none;
transition: 0.5s;
}
.link a:active {
color:#000;
text-decoration:none;
transition: 0.5s;
}

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