@charset "UTF-8";

@media print, screen and (max-width: 999px) {

#kvWrap {
position: fixed;
background: url("../img/kv.jpg") no-repeat center;
background-size: cover;
width: 100vw;
height: 100vh;
overflow: hidden;
z-index: -1;
}

#kvWrapInner {
position: relative;
width: 100vw;
height: 100vh;
overflow: hidden;
}

#kvWrapInner h1 {
position: absolute;
font-size: 5rem;
font-weight: 700;
height: 150px;
margin: auto;
white-space: nowrap;
letter-spacing: .05em;
line-height: 1.2em;
left: 0;
right: 0;
top: -250px;
bottom: 0;
}

#kvWrapInner h1 span {
font-size: 2.2rem;
font-weight: 700;
display: block;
}

#produced {
position: absolute;
font-size: 2.3rem;
font-weight: 700;
height: 140px;
margin: auto;
letter-spacing: .07em;
left: 0;
right: 0;
top: 0;
bottom: -160px;
}

#produced img {
width: 120px;
}

#produced span {
display: block;
}

#start {
position: absolute;
font-size: 3.5rem;
font-weight: 700;
height: 30px;
margin: auto;
letter-spacing: .07em;
left: 0;
right: 0;
top: 0;
bottom: -350px;
}

#wrap {
background: #000 url("../img/wrap_bg.jpg") repeat-x left bottom;
background-size: 23%;
width: 100vw;
font-size: 1.6rem;
font-weight: 700;
margin: 0 auto;
padding: 60px 20px 70px;
}

#wrap h2 {
font-size: 2.4rem;
font-weight: 700;
margin-bottom: 30px;
}

#photo {
width: 100%;
margin: 0 auto;
margin-top: 40px;
}

#wrapColor {
background-color: #111a38;
}

#wrap590 {
width: 100vw;
margin: 0 auto;
padding: 60px 20px;
}

#wrap590 h2 {
font-size: 1.6rem;
margin-bottom: 40px;
line-height: 1.5;
}

#wrap590 h2 span {
font-size: 2.4rem;
display: block;
margin-top: 10px;
}

#wrap590 h3 {
font-size: 2.2rem;
margin-top: 40px;
margin-bottom: 30px;
}

#wrap590 h3 img {
width: 170px;
}

#wrap590 h3 span {
font-size: 1.5rem;
display: block;
}

#wrap590 h4 {
font-size: 1.7rem;
}

#message {
text-align: justify;
line-height: 2.5;
}

.line {
width: 100%;
margin: 60px auto;
border-bottom: 1px solid #f3e3bc;
}

#logoBottom {
font-size: 2rem;
margin-top: 50px;
}

#logoBottom span {
font-size: 1.2rem;
display: block;
}

#wrapContect {
background: url("../img/contact_bg.png") no-repeat center;
background-size: cover;
width: 100%;
color: #111a38;
padding: 24px 0 30px;
}

#wrapContect .inner {
width: 90%;
margin: 0 auto;
}

#wrapContect h2 {
font-size: 1.8rem;
padding-bottom: 20px;
border-bottom: 1px solid #111a38;
}

#wrapContect h3 {
font-size: 1.6rem;
margin-bottom: 5px;
}

.lineWrap {
padding: 20px 0;
border-bottom: 1px solid #111a38;
}

.lineWrap a {
width: 100%;
height: 100%;
color: #111a38;
display: block;
}

.btnMail {
background-color: #b09b81;
width: 215px;
height: 26px;
font-size: 1.2rem;
margin: 0 auto;
letter-spacing: 0;
line-height: 24px;
transition: .3s;
}

/**/

footer {
position: relative;
width: 100%;
font-size: 1.2rem;
font-weight: 500;
margin: 0 auto;
padding: 40px 0;
line-height: 3;
}

#copyRight {
position: relative;
width: 100%;
font-size: 1rem;
margin: 0 auto;
}

.orderBox { 
display: flex;
flex-direction: column;
}

.order1 { order: 1; }
.order2 { order: 2; }
.order3 { order: 3; }
.order4 { order: 4; }
.order5 { order: 5; }

.alignright,
.alignleft,
.aligncente {
display: block;
margin: 0 auto;
margin-bottom: 30px;
}

}