@charset "utf-8";

html{
font-size:62.5%;
font-family:'Noto Sans JP', sans-serif;
}

body{
width:100%;
color:#171c61;
font-size:1.5rem;
font-weight:400;
line-height:1.8;
margin:0;
background:#ffffff;
}

img, img[class*="wp-image-"], img[class*="attachment-"] {
height:auto;
max-width:100%;
vertical-align:bottom;
image-rendering:crisp-edges;
backface-visibility:hidden;
}

img.scaled-image {
border:0;
margin:0;
}

h1{
color:#fff;
font-size:3rem;
font-weight:500;
line-height:1;
margin:0 auto 80px auto;
display:table;
position:relative;
}
h1 img{
position:absolute;
top:50%;
left:-70px;
transform:translatey(-50%);
}

h2{
width:100%;
color:#fff;
font-size:2rem;
font-weight:400;
line-height:1.8;
text-align:center;
margin:0 auto 40px auto;
background:#a08d66;
display:block;
}

h3{
color:#333;
font-size:2.8rem;
font-weight:400;
line-height:1;
margin:0 auto 50px auto;
display:table;
position:relative;
}
h3 img{
position:absolute;
top:50%;
left:-60px;
transform:translatey(-50%);
}

h4{
color:#a08d66;
font-size:2.4rem;
font-weight:700;
line-height:1;
margin:80px auto 40px auto;
display:table;
position:relative;
}


ul{list-style:none;padding:0;}

.inv-a{
display:table;
}

.inv-b{
display:none;
}

a{
color:#333;
text-decoration:none;
transition:1s;
}

a:hover{
color:#333;
text-decoration:none;
opacity:0.8;
transition:1s;
}

p{
font-size:1.7rem;
font-weight:400;
line-height:1.8;
margin:0;
}
p a{
color:#a08d66;
border-bottom:1px solid #a08d66;
}


#grobal-navi{
width:94%;
padding:0px 3%;
background:#0d244e;
border-bottom:10px solid #a08d66;
display:table;
position:fixed;
top:0;
left:0;
z-index:10;
}
#navi-logo{
width:100px;
position:absolute;
top:10px;
left:10px;
}
#navi-txt{
width:460px;
position:absolute;
top:26px;
left:130px;
}

#full-navi{
margin:40px 0 20px auto;
display:table;
}
#full-navi a{
color:#fff;
font-size:1.4rem;
font-weight:300;
line-height:1.5;
padding:0 20px;
border-left:1px solid #fff;
}




#wrapper{
margin:0 auto;
width:100%;
overflow: hidden;
}

#content{
width:100%;
background-color:#fff;
z-index:0;
}

#home-sec-back{
width:100%;
background:repeat:no-repeat;
background-position:center;
background-size:cover;
}

#sec, #company-sec{
width:1100px;
height:auto;
padding:80px 0;
margin:0 auto;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}

#company-sec{
border-top:1px solid #999;
}

#post-sec{
width:800px;
padding:80px 0;
margin:100px auto 40px auto;
display:table;
}

.top-sec{
margin-top:100px !important;
display:table !important;
}

#home-main-box{
width:100%;
height:100vh;
margin:0;
display:block;
position:relative;
}

#home-main-box video{
width:177.77777778vh;
min-height:100%;
min-width:100%;
display:table;
position:fixed;
top:0;
left:50%;
transform:translatex(-50%);
z-index:-1;
}

#home-main-title{
max-width:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:0;
}
#home-main-scroll{
width:30px;
position:absolute;
bottom:40px;
left:50%;
transform:translatex(-50%);
z-index:0;
}

#home-box{
width:100%;
margin:40px 0 0 0;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}
#home-box img{
display:table;
}
#home-box-lt{
width:560px;
height:auto;
margin:auto 0;
display:table;
}
#home-box-rt{
width:520px;
height:auto;
margin:auto 0;
display:table;
}

#home-navi-box{
width:100%;
margin:60px 0 0 0;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}
#home-navi-box a{
width:160px;
color:#fff;
font-size:1.5rem;
font-weight:500;
text-align:center;
padding:10px 10px 10px 40px;
background:#171c61;
border-radius:12px;
position:relative;
}
#home-navi-box a img{
height:34px;
display:table;
position:absolute;
top:50%;
left:10%;
transform:translatey(-50%);
}


#home-contents-box{
width:100%;
color:#fff;
font-size:1.4rem;
font-weight:400;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}

#home-contents-box dt{
width:520px;
text-align:center;
padding:0;
margin:0;
}

#home-contents-box dd{
width:330px;
text-align:center;
padding:0;
margin:0;
}

#home-contents-box dt video, #home-contents-box dt img, #home-contents-box dd img{
width:100%;
max-width:100%;
margin:0 0 10px 0;
display:block;
}

#home-contents-box dt div, #home-contents-box dd div{
font-size:2.8rem;
font-weight:700;
text-align:center;
margin:0 auto;
display:block;
}
#home-contents-box dt span, #home-contents-box dd span{
width:100%;
font-size:1.8rem;
font-weight:500;
text-align:center;
margin:0 0 10px 0;
display:block;
}
#home-contents-box dt a, #home-contents-box dd a{
color:#fff;
margin-left:20px;
display:inline;
position:relative;
}
#home-contents-box dt a::before, #home-contents-box dd a::before{
content:'→';
color:#fff;
font-size:1.4rem;
margin:0 6px 0 0;
}

#footer-box{
width:100%;
color:#fff;
font-size:1.4rem;
font-weight:500;
line-height:1.8;
text-align:center;
padding:60px 0;
background:#a08d66;
}
#footer-box span{
font-size:2.4rem;
}

.anchor{
padding-top:160px;
margin-top:-160px;
position:absolute;
z-index:-1;
display:block;
}
.common-anchor{
padding-top:100px;
margin-top:-100px;
display:block;
}

#bar-01, #bar-02{
width:80px;
color:#fff;
font-size:1.2rem;
font-weight:500;
text-align:center;
padding:10px 0;
background:#171c61;
border-radius:6px 0 0 6px;
position:fixed;
right:0;
z-index:10;
}
#bar-01 img, #bar-02 img{
max-width:100%;
margin:0 auto 4px auto;
display:table;
}
#bar-01{
top:180px;
}
#bar-02{
top:290px;
}

#bar-03, #bar-04, #bar-05{
width:80px;
color:#fff;
font-size:1rem;
font-weight:400;
text-align:center;
padding:10px 0;
background:#a08d66;
border-radius:6px 0 0 6px;
position:fixed;
right:0;
z-index:10;
}
#bar-03 span, #bar-04 span, #bar-05 span{
width:100%;
color:#171c61;
font-size:1.4rem;
text-align:center;
display:block;
}

#bar-03{
top:410px;
}
#bar-04{
top:480px;
}
#bar-05{
top:550px;
}

#company-navi-box{
width:940px;
margin:0 auto 100px auto;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}
#company-navi-box a{
width:160px;
color:#fff;
font-size:1.5rem;
font-weight:500;
text-align:center;
padding:20px 10px 20px 40px;
background:#171c61;
border-radius:12px;
position:relative;
}
#company-navi-box a img{
height:34px;
display:table;
position:absolute;
top:50%;
left:10%;
transform:translatey(-50%);
}


#company-box{
width:100%;
color:#333;
padding:0;
margin:0;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}

#company-box div{
width:520px;
font-size:1.5rem;
text-align:left;
margin:auto 0;
display:table;
}
#company-box div span{
width:100%;
text-align:center;
margin:20px 0 0 0;
display:table;
}

#company-box dt{
width:520px;
font-size:1.5rem;
text-align:left;
margin:0px 0;
display:table;
}
#company-box dt img{
width:100%;
margin:0 0 10px 0;
display:table;
}

#price-information-box{
width:100%;
height:500px;
display:table;
}
#price-information-box img{
max-width:100%;
display:table;
}

#price-box{
width:100%;
}
#price-box h5{
font-size:1.8rem;
}
#price-box div{
overflow:auto;
}

#map{
width:100%;
height:500px;
margin-top:60px;
border:0;
display:block;
}

#profile-box{
width:900px;
color:#333;
font-size:1.8rem;
margin:0 auto;
border-collapse:collapse;
display:table;
}

#profile-box th{
width:20%;
font-weight:400;
text-align:center;
vertical-align:top;
padding:10px 0;
}
#profile-box td{
width:78%;
padding:10px 1%;
}


#contact-tel{
color:#333;
font-size:4.6rem;
margin:0px auto 40px auto;
display:table;
}

#contact-box{
width:800px;
margin:60px auto;
display:table;
}
input[type="text"], input[type="email"] {
width:90%;
height:auto;
font-size:1.5rem;
padding:20px 10px;
margin:40px auto 0 auto;
border:1px solid #eee;
border-radius:4px;
}

textarea{
width:90%;
height:auto;
font-size:1.5rem;
padding:20px 10px;
margin:40px auto 0 auto;
border:1px solid #eee;
border-radius:10px;
}

input[type="submit"]{
width:200px;
height:auto;
color:#fff;
font-size:1.5rem;
line-height:3;
text-align:center;
padding:0 20px;
margin:60px auto 0 auto;
background:#0d244e;
border:0px;
border-radius:10px;
display:table;
}

.wpcf7-not-valid-tip{
color:#ff8ca3;
font-size:1.4rem;
font-weight:normal;
display:block;
}


#news-box{
width:100%;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}

#post-box{
width:300px;
padding:0;
margin:0 32px;
}
#post-box dt{
width:100%;
height:210px;
padding:0;
margin:0;
overflow:hidden;
display:table;
box-shadow:6px 6px 12px 0px rgba(0, 0, 0, 0.2);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:relative;
}
#post-box dt img{
width:120%;
max-width:inherit;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#post-box dd{
width:100%;
color:#333;
font-size:1.4rem;
padding:6px 0 30px 0;
margin:0;
}
#post-box dd span{
font-size:1.6rem;
font-weight:400;
line-height:1.5;
display:block;
}
#post-box dd a{
font-size:1.5rem;
border-bottom:1px solid #333;
}

#common-lnk{
color:#fff;
font-size:1.4rem;
line-height:2.4;
padding:0 60px;
margin:60px auto 0 auto;
background:#171c61;
border-radius:6px;
display:table;
}

.pager{
text-align:center;
margin:30px auto;
display:table;
}
.pager a{
color:#a08d66;
text-decoration:none;
}

a.page-numbers,
.pager .current{
font-size:1.4rem;
font-weight:700;
background:#fff;
padding:6px 10px;
margin:0 6px;
border-radius:2px;
}
.pager .current{
color:#fff;
background:#a08d66;
display:inline-block;
}

#navi{
display:none;
}