@charset "utf-8";

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

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

h1{
color:#ce71a3;
font-size:2.2rem;
font-weight:360;
line-height:2;
margin:0 0 60px 0;
display:table;
}

h2{
width:fit-content;
color:#b3d24c;
font-size:3rem;
font-weight:360;
line-height:2.5;
padding:0 0 20px 0;
margin:60px auto;
border-bottom:2px solid #b3d24c;
display:table;
}

h3{
width:calc(90% - 20px);
color:#fff;
font-size:2.4rem;
font-weight:360;
line-height:2.5;
padding:0 5%;
margin:0 0 80px 0;
background:#b3d24c;
border-left:20px solid #62b752;
display:table;
}

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;
}


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

.inv-a{
display:table;
}

.inv-b{
display:none;
}

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

p{
font-size:1.7rem;
font-weight:360;
line-height:2;
margin:0;
}

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

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

#content{
width:100%;
}

#sec-common{
width:1100px;
height:auto;
padding:100px 0;
margin:0 auto;
display:block;
}

#head-box{
width:90%;
height:160px;
padding:0 5%;
display:flex;
justify-content:space-between;
background-repeat:no-repeat;
background-position:center bottom;
background-size:cover;
}
#head-logo{
width:600px;
margin:auto 0;
display:table;
}
#head-contact{
width:fit-content;
color:#fff;
font-size:1.5rem;
line-height:2;
padding:0 40px;
margin:0 0 auto 0;
background:#e50012;
}

#navi-box{
width:100%;
background:#f0a3d0;
display:flex;
justify-content:center;
}
#navi-box a{
width:fit-content;
color:#fff;
font-size:1.6rem;
line-height:3;
padding:0 30px;
background:#f0a3d0;
transition:0.3;
}
#navi-box a:hover{
background:#b3d24c;
opacity:1;
transition:0.3;
}


#home-box{
width:100%;
margin:0 0 60px 0;
display:flex;
justify-content:space-between;
}

#home-box div{
width:calc(100% - 540px);
display:flex;
flex-flow:wrap;
justify-content:space-between;
}
#home-box div a{
width:48%;
min-width:260px;
max-width:460px;
margin:0 0 30px 0;
display:table;
}

#home-box iframe{
width:500px;
height:460px;
margin:0 0 0 40px;
border:none;
overflow:hidden;
}

#footer-bnr{
width:90%;
max-width:100%;
text-align:center;
margin:0 auto;
}

#footer-box{
width:fit-content;
font-size:1.6rem;
line-height:2;
text-align:center;
margin:60px auto 30px auto;
display:table;
}
#footer-box a{
color:#da6dba;
border-bottom:1px solid #da6dba;
}

#footer-image{
width:100%;
margin:0;
display:block;
}

#breadcrumb-box{
width:80%;
font-size:1.5rem;
margin:30px auto 0 auto;
}
#breadcrumb-box a{
color:#b3d24c;
border-bottom:1px solid #b3d24c;
}

#table-common{
width:100%;
font-size:1.7rem;
margin:60px auto 0 auto;
border-collapse:collapse;
}
#table-common th{
width:25%;
color:#f0a3d0;
font-weight:360;
padding:10px 0;
}
#table-common td{
width:75%;
color:#b3d24c;
font-weight:360;
padding:10px 0;
}

#flow-box{
width:100%;
font-size:1.6rem;
line-height:2;
margin-top:60px;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}
#flow-box div{
width:100%;
color:#f0a3d0;
font-size:3rem;
font-weight:500;
line-height:1;
margin:0 0 30px 0;
display:table;
}
#flow-box dt{
width:70%;
padding:0;
margin:20px 0;
display:table;
}
#flow-box dt span{
width:fit-content;
color:#62b752;
font-size:1.8rem;
margin:20px 0;
border-bottom:1px solid #62b752;
display:table;
}
#flow-box dd{
width:30%;
padding:0;
margin:0;
display:table;
}
#flow-box dd img{
width:100%;
max-width:100%;
margin:0 auto 20px auto;
display:table;
}


.pager{
width:100%;
text-align:center;
margin:80px auto 0px auto;
display:table;
}
.pager a{
color:#fff;
background:#b3d24c;
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 14px;
margin:0 6px;
border-radius:50%;
}
.pager .current{
color:#666;
display:inline-block;
}

#navi{
display:none;
}