* {
margin: 0;
padding:0;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-box-shadow: none;
box-shadow: none;   
outline: none;
}

html {
height: 100%;
overflow: auto;
}

body{
font-family: "Noto Sans JP", メイリオ, Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Verdana, sans-serif;
background:#fff;
line-height:1;
}

a {
text-decoration: none;
}

img{
margin: 0;
padding: 0;
vertical-align: bottom;
}

video{
vertical-align: bottom;
}

p, ul, li, ol, dl, dd, dt {
margin: 0;
padding: 0;
}

ul {
    list-style: none;
}

/*////////    loader    ///////*/
#loader-bg{
background:#000;
padding:50vh 0;
}

#loader{
margin:0 auto;
width:519px;
}

#loader img{
width:519px;
}

/*////////    header    ///////*/
header{
background:#000;
position:relative;
height:600px;
min-width:1000px;
}

.header-w-logo{
background:#000;
width:100%;
}

.header-w-logo div{
width:1000px;
margin:0 auto;
padding:150px 0 0 0;
}

.header-w-logo div h1{
width:519px;
margin:0 0 0 30px;
}

.header-w-logo div h1 img{
width:100%;
}

.header-w-copy{
width:100%;
position: absolute;
top:193px;
left:0;
}

.header-w-copy div{
width:1000px;
margin:0 auto;
}

.header-w-copy div p{
width:689px;
margin:62px 0 0 30px;
}

.header-w-copy div p img{
width:100%;
}

.header-w-copy02{
position: absolute;
top:0;
right:0;
}

.header-w-copy02 p{
width:368px;
}

.header-w-copy02 p img{
width:100%;
}

.header-w-icon{
position: absolute;
bottom:0;
right:0;
}

.header-w-icon p{
width:574px;
}

.header-w-icon p img{
width:100%;
}

/*////////    vision    ///////*/
#vision{
width:100%;
color:#e20000;
padding:120px 0 70px 0;
}

#vision h2{
width:760px;
margin:0 auto 40px auto;
padding:0 120px;
font-size:72px;
}

#vision-wrapper{
width:100%;
border-top:#e20000 solid 1px;
padding-top:80px;
}

#vision-wrapper div{
width:760px;
margin:0 auto;
padding:0 120px;
}

#vision-wrapper div p{
font-size:18px;
margin-bottom:50px;
line-height:48px;
}

/*////////    company    ///////*/
#company{
width:100%;
background:#eaeaea;
padding:120px 0;
}

#company-wrapper{
width:940px;
margin:0 auto;
padding:0 30px;
}

#company-wrapper h2{
font-size:72px;
color:#000;
margin-bottom:100px;
}

#company-wrapper dl{
font-size:16px;
color:#000;
line-height:30px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
}

#company-wrapper dl dt{
width:180px;
margin-bottom:50px;
}

#company-wrapper dl dd{
width:760px;
}

/*////////    footer    ///////*/
footer{
width:100%;
text-align:center;
padding:120px 0;
}

footer p{
width:400px;
margin:0 auto 120px auto;
}

footer p img{
width:100%;
}

/*//////////////////////////////    スマホ    //////////////////////////////*/

@media screen and (max-width: 750px) {
/*////////    loader    ///////*/
#loader-bg{
background:#000;
padding:40vh 0;
}

#loader{
margin:0 auto;
width:53.2vw;
}

#loader img{
width:53.2vw;
}

/*////////    header    ///////*/
header{
height:103.2vw;
min-width:100%;
}

.header-w-logo{
width:100%;
}

.header-w-logo div{
width:100%;
padding:21.199999999vw 0 0 0;
}

.header-w-logo div h1{
width:53.2vw;
margin:0 0 0 4.0vw;
}

.header-w-logo div h1 img{
width:100%;
display:block;
}

.header-w-copy{
top:34.0vw;
left:0;
}

.header-w-copy div{
width:100%;
}

.header-w-copy div p{
width:90vw;
margin:4.0vw 0 0 4.0vw;
}

.header-w-copy div p img{
width:100%;
}

.header-w-copy02 p{
width:45.0vw;
}

.header-w-copy02 p img{
width:100%;
}

.header-w-icon p{
width:62.8vw;
}

.header-w-icon p img{
width:100%;
}

/*////////    vision    ///////*/
#vision{
padding:12.0vw 0 6.666666666vw 0;
}

#vision h2{
width:78.666666666vw;
margin:0 auto 5.333333333vw auto;
padding:0 10.666666666vw;
font-size:9.6vw;
}

#vision-wrapper{
width:100%;
padding-top:9.333333333vw;
}

#vision-wrapper div{
width:78.666666666vw;
margin:0 auto;
padding:0 10.666666666vw;
}

#vision-wrapper div p{
font-size:3.4vw;
margin-bottom:9.333333333vw;
line-height:7.4vw;
width:100%;
}

/*////////    company    ///////*/
#company{
padding:12.0vw 0;
}

#company-wrapper{
width:78.666666666vw;
margin:0 auto;
padding:0 10.666666666vw;
}

#company-wrapper h2{
font-size:9.6vw;
margin-bottom:13.333333333vw;
}

#company-wrapper dl{
font-size:3.0vw;
line-height:4.0vw;
display: block;
}

#company-wrapper dl dt{
width:100%;
margin-bottom:6.666666666vw;
font-weight:bold;
}

#company-wrapper dl dd{
width:100%;
margin-bottom:6.666666666vw;
}

/*////////    footer    ///////*/
footer{
padding:16.0vw 0;
}

footer p{
width:53.333333333vw;
margin:0 auto 16.0vw auto;
}

footer p img{
width:100%;
}


}