@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&family=Hina+Mincho&family=M+PLUS+1p&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

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

body{
width:100%;
color:#333;
font-size:1.5rem;
margin:0;
background:#ffffff;
}

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

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

h1{
color:#9980d6;
font-family: "Fredericka the Great", serif;
font-size:6rem;
font-weight:100;
line-height:1.5;
margin:0;
display:block;
}

h2{
font-family: "M PLUS 1p", sans-serif;
font-size:2.2rem;
font-weight:900;
line-height:1.5;
margin:0;
display:block;
}

h3{
font-family: "M PLUS 1p", sans-serif;
font-size:2.2rem;
font-weight:900;
line-height:1.5;
text-align:center;
margin:100px auto 60px auto;
display:block;
}

h4{
color:#b73f4f;
font-size:2rem;
font-weight:500;
margin:60px 0 20px 0;
}

p{
font-size:1.6rem;
line-height:1.8;
margin:0;
display:block;
}

p a{
color:#b73f4f;
border-bottom:1px solid #b73f4f;
}

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

.inv-a{
display:table;
}

.inv-b{
display:none;
}

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

a:hover{
text-decoration:none;
opacity:1;
transition:1s;
}

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

#content{
width:100%;
}

.home-sec{
width:80%;
min-width:1000px;
max-width:1200px;
height:auto;
padding:80px 0;
margin:0 auto;
}
#head-contents-sec{
width:90%;
min-width:1000px;
max-width:1200px;
height:auto;
padding:80px 0 140px 0;
margin:0 auto;
position:relative;
}
.common-sec{
width:80%;
min-width:1000px;
max-width:1200px;
height:auto;
padding:80px 0;
margin:0 auto;
}

#grobal-navi-box-back{
width:100%;
height:68px;
background:#b73f4f;
position:fixed;
top:0;
left:0;
z-index:2;
}
#grobal-navi-box{
width:94%;
padding:10px 3%;
display:flex;
justify-content:space-between;
position:fixed;
top:0;
left:0;
z-index:3;
}
#head-logo{
padding-top:10px;
}
#navi-box{
width:max-content;
display:flex;
}
.navi-lnk{
color:#fff;
font-size:1.4rem;
line-height:1.2rem;
padding:0 10px;
margin:auto;
display:table;
border-left:1px solid #fff;
}
#navi-lnk-facebook{
padding-left:10px;
margin:auto;
display:table;
}

#home-mv-box{
width:100%;
height:100vh;
margin-top:-1px;
position:relative;
overflow:hidden;
z-index:2;
}
#home-mv-box dl{
width:90%;
color:#fff;
font-family: "Hina Mincho", serif;
font-size:4rem;
line-height:1;
text-align:center;
padding:0;
margin:0;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#home-mv-box dl span{
font-size:7rem;
display:inline;
}
#home-mv-box dl dt{
font-size:5rem;
font-weight:400;
text-align:center;
padding:0;
margin:20px 0 0 0;
display:block;
}
#top-flow{
width:fit-content;
position:absolute;
bottom:8%;
left:50%;
transform:translatex(-50%);
}
#home-mv-box video{
width:177.77777778vh;
min-height:100%;
min-width:100%;
display:table;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:-1;
}

.headline-home{
width:100%;
color:#fff;
display:flex;
justify-content:space-between;
}
.headline-home img{
width:400px;
height:auto;
margin:auto 0;
display:table;
}
.headline-home div{
font-size:1.8rem;
line-height:1;
text-align:center;
display:table;
}
.headline-home div span{
font-family: "Fredericka the Great", serif;
font-size:7rem;
line-height:1;
margin-bottom:10px;
display:table;
}

#home-contents-box{
width:1100px;
display:flex;
flex-flow:wrap;
justify-content:space-between;
position:absolute;
bottom:-100px;
left:50%;
transform:translatex(-50%);
}
#home-contents-box a, #common-contents-box a{
width:170px;
}
#common-contents-box{
width:1100px;
display:flex;
flex-flow:wrap;
justify-content:space-between;
position:absolute;
bottom:-100px;
left:50%;
transform:translatex(-50%);
}



.home-content-image-box{
width:100%;
margin-top:100px;
}
.home-content-box{
width:95%;
padding:0;
margin:-140px auto 0 auto;
display:flex;
justify-content:center;
}
.home-content-box dt{
width:auto;
padding:0;
margin:auto 40px 0 0;
}
.home-content-box dd{
width:auto;
padding:0;
margin:auto auto 0 0;
}
.home-content-box div{
width:auto;
padding:0;
margin:auto 0 0 auto;
}
.home-content-box div img{
margin:auto 0 0 auto;
display:block;
}
.home-content-comment{
width:95%;
font-size:1.8rem;
line-height:1.8;
margin:40px auto 0 auto;
}

.home-content-block{
width:100%;
margin:80px auto 0 auto;
display:flex;
justify-content:flex-start;
}
.home-content-block-image-left{
flex-flow:wrap;
}
.home-content-block-image-left dt{
padding:0 4% 0 0;
}
.home-content-block-image-right{
flex-flow:row-reverse;
}
.home-content-block-image-right dt{
padding:0 0 0 4%;
}
.home-content-block dt{
width:46%;
margin:auto;
display:table;
}
.home-content-block dt img{
width:auto;
max-width:100%;
margin:0 auto;
display:block;
}
.home-content-block dd{
width:50%;
font-size:1.65rem;
line-height:1.8;
padding:0;
margin:auto;
display:table;
}
.home-content-block dd img{
width:auto;
max-width:100%;
margin-bottom:20px;
display:block;
}


#footer-image{
width:90%;
max-width:fit-content;
margin:20px auto;
display:table;
}

#footer-box{
width:100%;
color:#fff;
font-size:1rem;
line-height:1.8;
text-align:center;
padding:60px 0;
background:#b73f4f;
}
#footer-box span{
font-family: "M PLUS 1p", sans-serif;
font-size:2.4rem;
margin:0 auto;
display:table;
}
#footer-box a{
color:#fff;
font-size:2.4rem;
margin:10px auto 0 auto;
display:table;
}
#footer-box a:before{
content:'〉';
}
#footer-box img{
margin:10px auto;
}
#footer-box div{
font-size:1rem;
margin:0 auto;
dsiplay:block;
}

.common-head-img{
margin:80px auto 0 auto;
display:block;
}


.contents-box{
width:100%;
height:800px;
padding:0;
margin:120px 0 0 0;
position:relative;
}
.contents-box dl{
width:90%;
padding:0;
margin:0;
display:flex;
position:absolute;
bottom:30px;
left:50%;
transform:translatex(-50%);
}
.contents-box-image-left{
flex-flow:wrap;
}
.contents-box-image-right{
flex-flow:row-reverse;
}
.contents-box dl dt{
width:470px;
padding:0;
margin:auto 0 0 0;
display:block;
}
.contents-box dl dd{
width:calc(94% - 470px);
color:#fff;
font-size:1.6rem;
line-height:1.5;
padding:4% 3%;
margin:0;
display:block;
}
.contents-box dl dd span{
width:fit-content;
font-family: "Hina Mincho", serif;
font-size:2.2rem;
margin-bottom:20px;
display:block;
}
.contents-box dl dd div{
width:100%;
font-size:1.2rem;
margin-top:20px;
}


#company-head-box{
width:fit-content;
margin:80px auto;
display:flex;
justify-content:center;
}
#company-head-box img{
width:auto;
height:auto;
max-width:100%;
margin:auto;
display:table;
}

#company-img-box{
width:100%;
margin:60px auto;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}
#company-img-box img{
width:24%;
height:auto;
margin:0.5%;
display:table;
}

#company-tbl{
width:80%;
font-size:1.6rem;
font-weight:400;
line-height:1.5;
margin:0 auto;
border-collapse:collapse;
}
#company-tbl th{
width:20%;
font-weight:400;
text-align:center;
padding:15px 0;
border-bottom:1px solid #ddd;
}
#company-tbl td{
width:80%;
padding:15px 1%;
border-bottom:1px solid #ddd;
}


#maps{
width:100%;
height:450px;
border:0;
}


#contact-form-block{
width:90%;
margin:60px auto 0 auto;
border-collapse:collapse;
}
#contact-form-block th{
width:25%;
font-size:1.5rem;
font-weight:normal;
text-align:center;
padding:20px 0;
border-bottom:1px solid #eee;
}
#contact-form-block th span{
color:#fff;
font-size:1rem;
padding:2px 6px;
margin-left:6px;
background:#e6002d;
display:inline-block;
}

#contact-form-block td{
width:75%;
font-size:1.5rem;
padding:20px 0;
border-bottom:1px solid #eee;
}


input[name='namae'], input[name='company'], input[name='denwa'], input[name="text-934"]{
width:220px;
font-size:1.6rem;
padding:10px;
border:1px solid #333;
}

input[name='pure-to']{
width:300px;
font-size:1.6rem;
padding:10px;
border:1px solid #333;
}

input[type="email"]{
width:320px;
font-size:1.6rem;
padding:10px;
border:1px solid #333;
}

input[name='jusho']{
width:80%;
font-size:1.6rem;
padding:10px;
border:1px solid #333;
}

textarea[name='naiyou']{
width:80%;
font-size:1.6rem;
font-family:'Noto Sans JP', sans-serif;
font-weight:normal;
height:120px;
padding:2%;
border:1px solid #333;
}

input[type="submit"]{
width:300px;
color:#fff;
text-align:center;
padding:20px 0;
margin:30px auto 0 auto;
background:#9980d6;
display:table;
border:0;
}

.page-lnk{
padding-top:80px;
margin-top:-80px;
}

#post-box-home, #post-box-common{
width:900px;
padding:0;
margin:60px auto 0 auto;
display:flex;
}
#post-box-home dt{
width:50%;
aspect-ratio:16/9;
padding:0;
margin:auto 0;
display:table;
position:relative;
overflow:hidden;
}
#post-box-home dt div{
width:90px;
height:90px;
background:#ffd708;
border-radius:50%;
transform:rotate(-30deg);
position:relative;
top:10px;
left:10px;
z-index:1;
}
#post-box-home dt div span{
width:95%;
color:#b73f4f;
font-size:1.4rem;
line-height:1.2;
text-align:center;
display:block;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#post-box-home dt img{
width:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:0;
}

#post-box-home dd{
width:47%;
color:#fff;
font-size:1.6rem;
line-height:1.5;
padding:0 0 0 3%;
margin:auto 0;
display:table;
}
#post-box-home dd span{
font-size:1.2rem;
display:block;
}
#post-box-home dd div{
width:100%;
font-size:2.4rem;
line-height:1.5;
margin-bottom:20px;
display:block;
}
#post-box-home dd a{
color:#fff;
font-size:1.3rem;
margin-top:16px;
display:table;
}

#post-box-common{
width:90%;
padding:0;
margin:60px auto 0 auto;
display:flex;
flex-flow:wrap;
}

#post-box-common dl{
width:30%;
margin:30px 1.5%;
}
#post-box-common dl dt{
background:#fff;
width:100%;
aspect-ratio:4/3;
height:auto;
padding:0;
margin:0;
position:relative;
}
#post-box-common dl dt div{
width:90px;
height:90px;
background:#ffd708;
border-radius:50%;
transform:rotate(-30deg);
position:relative;
top:10px;
left:10px;
z-index:1;
}
#post-box-common dl dt div span{
width:95%;
color:#b73f4f;
font-size:1.4rem;
line-height:1.2;
text-align:center;
display:block;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#post-box-common dl dt img{
width:110%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:0;
}
#post-box-common dl dd{
width:100%;
color:#fff;
font-size:1.6rem;
line-height:1.5;
padding:0;
margin:0;
}
#post-box-common dl dd span{
font-size:1rem;
display:block;
}
#post-box-common dl dd div{
font-size:2rem;
line-height:1.5;
margin:10px 0;
display:block;
}
#post-box-common dl dd a{
color:#fff;
font-size:1.2rem;
margin-top:10px;
display:table;
}


#calendar{
width:100%;
height:600px;
margin:20px auto 0 auto;
border:0;
}

#home-lnk{
width:fit-content;
color:#b73f4f;
font-size:1.5rem;
font-weight:700;
line-height:1;
padding:16px 40px;
margin:30px auto 0 auto;
background:#fff;
display:table;
}

#post-single-box{
width:100%;
padding:0;
margin:0;
}
#post-single-box dt{
width:100%;
position:relative;
}

#post-single-box dl dt img{
width:100%;
}

#post-single-box dd{
width:100%;
color:#fff;
font-size:1.7rem;
line-height:1.5;
padding:0;
margin:60px 0 0 0;
}
#post-single-box dd span{
font-size:1.4rem;
text-align:right;
display:block;
}
#post-single-box dd div{
font-size:3rem;
line-height:1.5;
margin:30px 0;
display:block;
}

.pager{
width:100%;
text-align:center;
margin:80px auto 0px auto;
display:table;
}
.pager a{
color:#fff;
background:#b73f4f;
text-decoration:none;
}

a.page-numbers,
a.post-page-numbers,
.pager .current{
font-size:1.4rem;
font-weight:390;
line-height:1.6;
padding:8px 10px;
margin:0 6px;
}
.pager .current{
color:#666;
display:inline-block;
}


#top-bnr01{
position:absolute;
bottom:220px;
right:0;
}
#top-bnr02{
position:absolute;
bottom:80px;
right:0;
}


#navi{
display:none;
}