@charset "utf-8"; 

html {
overflow-y: scroll;
background:none;
}
@font-face { font-family: "Ionicons"; src: url("../font/ionicons.eot?v=2.0.0"); src: url("../font/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("../font/ionicons.ttf?v=2.0.0") format("truetype"), url("../font/ionicons.woff?v=2.0.0") format("woff"), url("../font/ionicons.svg?v=2.0.0#Ionicons") format("svg"); font-weight: normal; font-style: normal; }
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,th,td {
color: #000;
margin:0;
padding:0;
line-height:1.8;
font-weight: normal;
font-feature-settings: "palt";
font-family: 'M PLUS Rounded 1c', sans-serif;
letter-spacing: 0.064em;
}
th {
font-weight: normal;
}
li {
list-style: none;
}
em{
font-style:normal;
}
section img{
border: 0;
vertical-align: bottom;
max-width: 100%;
height: auto;
min-height: auto;
width /***/:auto;
-webkit-transition: 0.3s ease-in-out;　　/*パララックスが変になる*/
-moz-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
body {
font-size:16px;
}
table {
border-collapse: collapse;
width:100%;
}
table.graf{
width:100%;
}
table.graf tr:nth-child(2n+1){
background:rgba(230,230,230,0.4);
}
table.graf th,
table.graf td{
text-align: center;
font-size: 0.9em;
vertical-align:middle;
}
table.graf th.tt{
background:rgba(146,206,200,1);
color:rgba(255,255,255,1);
}
table.graf th.blanc{
background:rgba(255,255,255,1);
border-top:1px solid rgba(255,255,255,1);
border-left:1px solid rgba(255,255,255,1);
}
table.graf th{
vertical-align:middle;
}
table.graf th.empty{
background:none;
border-top:none;
border-left:none;
}
table.graf em{
display:block;
font-size:80%;
line-height:1.5;
}
table.graf strong.tt{
display:block;
font-size:84%;
font-weight:normal;
line-height:1.5;
background:rgba(146,206,200,1);
color:rgba(255,255,255,0.8);
border-radius:4px;
padding:2px 4px;
}
table.graf{
margin-bottom:1.5rem;
}
table.graf th,
table.graf td{
letter-spacing:0;
border:1px solid rgba(220,220,220,1);
padding:10px;
}
table.graf th{
background:rgba(146,206,200,0.075);
}
table.graf td strong{
color:rgba(204,51,51,1);
}
a {
color:rgba(0,0,0,1);
text-decoration:none;
-webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
a:hover{
color:rgba(146,206,200,1);
}
a:focus{
outline: none;
}
* html body {
text-align: center; /* IE6.0 */
}
.clear {
clear: both;
}
.clearfix {
zoom:1;/* for IE 5.5-7 */
}
.clearfix:after{/* for modern browser */
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
section h2{
font-size:2rem;
letter-spacing:0.3rem;
text-indent:0.3rem;
text-align:center;
font-weight:500;
margin-bottom:3rem;
max-width:800px !important;

position: relative;

padding:0.75rem;
text-align: center;
z-index: 2;
}
section h2 span{
background: rgb(146,206,200);
background: linear-gradient(0deg, rgba(146,206,200,1) 0%, rgba(8,153,189,1) 50%, rgba(146,206,200,1) 100%);
-webkit-background-clip: text;
color: transparent;
/*padding-bottom:.5rem;
border-bottom:4px solid rgba(146,206,200);*/
}
section h2 em{
font-size:.7rem;
display:block;
font-weight:700;
color:rgba(216,131,219,1);
}
section h2 em:after{
content: "";
position: absolute;
display: block;
bottom: 0;
left: 50%;
margin-left: -3rem;
width: 6rem;
height:7px;
background: url(../images/bg8.svg) center/cover no-repeat;
}
/*section h2:after {
position: absolute;
content: '';
top: -172%;
left: 50%;
width:563px;
height:234px;
background:url(../images/bg5.svg) no-repeat;
z-index:0;
}*/
section h2:before {
position: absolute;
z-index: -1;
content: "";
width: 78px;
height: 75px;
background: url(../images/bg7.svg) center/cover no-repeat;
left: 24%;
top: 20%;
}
section h2:after {
position: absolute;
z-index: -1;
content: "";
width: 117px;
height: 131px;
background: url(../images/bg6.svg) center/cover no-repeat;
top: -40%;
right: 20%;
}
a img:hover {
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}
.center {
text-align:center;
}


#contact {
text-align:center;
}
#contact.container{
padding-bottom:4rem;
}
#contact .row,
#contact .row .col-md-10{
padding-right: calc(var(--bs-gutter-x)/ 4);
padding-left: calc(var(--bs-gutter-x)/ 4);
}
#contact .col-md-10{
border-radius: 12px;
border:6px solid rgba(146,206,200,1);
background:rgba(255,255,255,0.85);
}
#contact .col-md-10 h2{
margin-left:auto;
margin-right:auto;
}
.form-group {
margin-top:1rem;
}
.form-control {
padding: 7px 12px;
display: inline-block;
height: 50px;
background: rgba(255,255,255,0.8);
border: 1px solid rgba(146,206,200,0.75);
border-radius: 8px;
margin-bottom:0.5rem;
box-sizing: inherit;
max-width:100%;
}
textarea.form-control {
height: auto;
}
.btn-primary {
color: #fff;
padding:0.7rem;
background: #000;
border: 2px solid rgba(146,206,200,1);
letter-spacing:1rem;
text-indent:1rem;
border-radius: 8px;
}
.btn-primary:hover {
background-color: #999;
color:#000;
border: 2px solid #555;
}


footer {
padding:15rem 0 0 0;
text-align:center;
background:url(../images/bg1.png);
background-position:top;
background-repeat:repeat-x;
}
footer .footer-container{
padding:3rem;
}
footer p{
font-size:10px;
letter-spacing:3px;
color:rgba(255,255,255,0.7);
}



button:focus {
outline: none;
}
.nav-button {
text-transform: uppercase;
}
.nav-wrapper {
border:20px solid rgba(146,206,200,1);
background-color: rgba(255,255,255,0.95);
height: 100svh;
-webkit-perspective: 100%;
perspective: 100%;
position: fixed;
top:0;
right:0;
left:0;
bottom:0;
opacity:0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1ch;
transition: all 0.4s;
visibility: hidden;
z-index:99;
}
.nav-visible .nav-wrapper {
opacity:1;
visibility: visible;
top:0;
right:0;
left:0;
bottom:0;
}
.nav-visible .nav-wrapper h2 img{
width:240px;
margin-bottom:1rem;
-webkit-transition: 0.3s ease-in-out;　　/*パララックスが変になる*/
-moz-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.nav {
transition: all 0.4s;
}
/*.nav-visible .nav-wrapper h2{
width:110px;
max-height:154px;
}
.nav-visible .nav-wrapper h2 img{
width:110px;
max-height:154px;
}*/
.nav-visible .nav-wrapper li{
text-align:center;
width:100vw;
font-size:1.15rem;
}
.nav-visible .nav-wrapper li.active a {
background-color:rgba(146,206,200,1);
}
.nav-visible .nav-wrapper li a {
text-decoration:none;
display: inline-block;
padding:9px 1.5em;
text-transform: uppercase;
}
.nav-visible .nav-wrapper li a i {
padding-left:5px;
}
.nav-visible .nav-wrapper li a:focus,
.nav-visible .nav-wrapper li a:hover {
transform: rotateX(360deg);
text-decoration:none;
}
.nav-visible .nav-wrapper p{
text-align:center;
}

.nav-marker {
background-color: currentColor;
height: 2.8rem;
position: absolute;
right: 0;
top: 80px;
width: 3px;
}
.nav-marker:before {
border: 5px solid transparent;
border-right-color: inherit;
content: "";
height: 0;
position: absolute;
right: 3px;
top: 50%;
width: 0;
}
.button-lines {
/*background:url(../images/nikukyu.png) no-repeat;*/
background:none;
position: fixed;
top:0;
right:0;
border: none;
cursor: pointer;
display: inline-block;
-webkit-user-select: none;
 -moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
z-index: 999;
cursor: pointer;
}
.lines {
position:relative;
z-index:1;
}
.button-lines img{
position: absolute;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}


.close {
opacity:1;
}

.lines span {
display : block;
position: absolute;
width : 30px;
height: 4px ;
left: 6px;
border-radius:30%;
background : #000;
-webkit-transition: 0.5s ease-in-out;
-moz-transition : 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.button-lines:hover .lines span{
background : rgba(146,206,200,1);
}
.lines span:nth-child(1) {
top: 12px;
}
.lines span:nth-child(2) {
top: 22px;
}
.lines span:nth-child(3) {
top: 32px;
}
.nav-visible .lines span:nth-child(1) {
top : 18px;
left: 6px;
-webkit-transform: rotate(315deg);
-moz-transform : rotate(315deg);
transform: rotate(315deg);
}

.nav-visible .lines span:nth-child(2),
.nav-visible .lines span:nth-child(3) {
top: 18px;
-webkit-transform: rotate(-315deg);
-moz-transform : rotate(-315deg);
transform: rotate(-315deg);
}

a.btn {
margin:0.5rem;
padding:10px 20px;
background: none;
border: none;
position: relative;
text-transform: uppercase;
color:rgba(0,0,0,1);
}
a.btn:after,
a.btn:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius:8px;
border: 2px solid rgba(146,206,200,1);
transition: transform 0.3s;
}
a.btn:after {
transform: translate(3px, 3px);
background:rgba(146,206,200,0.3);
}
a.btn:before {
transform: translate(-3px, -3px);
}
a.btn:hover:after,
a.btn:hover:before {
transform: translate(0, 0);
}
p.banner-area{
margin-top:2rem !important;
}
p.banner-area a{
	display:inline-block;
padding:.5rem .5rem 0 .5rem;
}


#next{
padding-top:6rem;
padding-bottom:3rem;
background:url(../images/bg3.svg) center center no-repeat;
background-size:cover;
}
#next .card{
background:rgba(245,245,245,1);
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
border-radius:1rem;
border:3px solid rgba(146,206,200,0.75);
}
#next .card:hover{
cursor:pointer;
background:rgba(146,206,200,0.55);
}
#next .card em {
line-height:1.5;
text-indent:0.3rem;
letter-spacing:0.3rem;
font-size:11px;
color:rgba(97,174,166,1);
margin-top:0.75rem;
font-weight:500;
}
#next .card-title {
line-height:1.3;
font-size:1.1rem;
margin-top:0.6rem;
}
#next .card-text {
text-align:justify;
font-size:.85rem;
line-height:1.5;
}
#next .card img{
border-radius:1rem;
border:1px solid rgba(146,206,200,0.5);
}

.facility-area-begin{
border-top:14px solid rgba(146,206,200,1);
padding-top:5rem;
}
.facility-area-end{
border-bottom:14px solid rgba(146,206,200,1);
padding-top:4rem;
padding-bottom:3rem;
}
.facility-area-end .col-md-6{
padding:2rem;
text-align:center;
}
.facility-area-end .col-md-6 h3{
font-size:1.4rem;
color:rgba(204,102,51,1);
text-align:center;
margin-bottom:1rem;
font-weight: 500;
}
.facility-area-end p{
margin-top:0.5rem;
}
.facility-area-end iframe{
border:2px solid rgba(146,206,200,1) !important;
}
.facility-area{
border-left:2px solid rgba(255,255,255,1);
border-right:2px solid rgba(255,255,255,1);
}
.facility-area .col-2,
.facility-area .col-4,
.facility-area .col-lg-2,
.facility-area .col-lg-4{
/*padding-right: calc(var(--bs-gutter-x)/ 0);
padding-left: calc(var(--bs-gutter-x)/ 0);*/
padding-right:0;
padding-left:0;
border:2px solid rgba(255,255,255,1);
overflow: hidden;
}
.facility-area .col-2 a,
.facility-area .col-4 a,
.facility-area .col-lg-2 a,
.facility-area .col-lg-4 a{
height: 100%;
display:block;
width: 100%;
position:relative;
}
.facility-area .col-2 em,
.facility-area .col-4 em,
.facility-area .col-lg-2 em,
.facility-area .col-lg-4 em{
height: 100%;
width: 100%;
top:0;
left:0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position:absolute;
color:rgba(255,255,255,1);
opacity:0;
text-align:center;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
font-size:1.2rem;
text-shadow: #000 1px 0 5px;
/*background:rgba(0,0,0,0.3);*/
}
.facility-area .col-2:hover em,
.facility-area .col-4:hover em,
.facility-area .col-lg-2:hover em,
.facility-area .col-lg-4:hover em{
opacity:1;
}
.facility-area .col-2 img,
.facility-area .col-4 img,
.facility-area .col-lg-2 img,
.facility-area .col-lg-4 img{
width:100%;
height:100%;
}
.facility-area .col-2:hover img,
.facility-area .col-4:hover img,
.facility-area .col-lg-2:hover img,
.facility-area .col-lg-4:hover img{
border-radius:50%;
opacity:1;
}
.facility-area .circle img{
border-radius:50%;
}
.facility-area .circle:hover img{
border-radius:0;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
border-radius:50%;
}
.wpcf7 span.wpcf7-not-valid-tip {
	display:none;
}
.wpcf7-validation-errors{
	color:#fff;
	background:rgba(222,140,140,1);
	text-align:center;
	line-height:2;
	border:none !important;
	border-radius:8px;
font-size:12px;
}
.wpcf7-mail-sent-ok{
	background:#398f14;
	color:#FFF;
	text-align:center;
	line-height:2;
	border-radius:8px;
}
.wpcf7 .wpcf7-not-valid {
    background:rgba(222,190,190,0.9);
}
.wpcf7 .ajax-loader,
.wpcf7 .wpcf7-spinner {
    display: none!important;
}
.recaptcha {
    width: 304px;
    margin: 0 auto;
	margin-bottom:1rem;
    display: inline-block;
}

/* ======================================================= pc */
@media screen and (min-width: 768px){
.sp{
display:none;
}
.pc{
display:block;
}
.button-lines {
height:130px;
width:130px;
}
.button-lines img{
top:-20px;
right:-18px;
z-index:0;
width:130px;
}
.button-lines:hover img {
cursor: pointer;
top:0;
right:0;
}
.lines {
margin-top: -12px;
margin-left: 24px;
}
.top-banner .menu-toggle {
display: none;
}
#wrapper #main {

}
#next{
padding-left:1.5rem;
padding-right:1.5rem;
}
#next .card{
padding:1rem;
}
#contact .row,
#contact .row .col-md-10{
padding:4rem 2rem 2rem 2rem;
}
}


/* ======================================================= sp */
@media screen and (max-width: 767px) {
.sp{
display:block;
}
.pc{
display:none;
}
.button-lines {
height:68px;
width:85px;
}
.button-lines img{
position: absolute;
top:-60px;
right:-60px;
z-index:0;
}
.nav-visible .button-lines img{
top:0;
right:0;
}
.lines {
margin-top: -30px;
margin-left: 22px;
}
#contact .row,
#contact .row .col-md-10{
padding:3rem 0.5rem 1rem 0.5rem;
}
.slick-list{
height:100% !important;
}
#next .container-fluid{
padding-left:4px;
padding-right:4px;
}
#next .col-6{
padding-left:2px;
padding-right:2px;
}
#next .card{
padding:0.5rem;
}
#next .card-title {
font-size:1rem;
}
.container {
margin: 0 auto;
width: 98%;
}

section h2:before {
left:3%;
top: 20%;
}
section h2:after {
top: -40%;
right:0;
}

}

/* =Custom Pagination
-------------------------------------------------------------- */
.custom-pagenavi {
    text-align: center;
    margin: 50px 0;
    padding: 30px 0;
}

.pagination-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    align-items: center;
}

.pagination-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pagination-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 12px;
    background: #fff;
    border: 1px solid #111;
    color: #111;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.pagination-link:hover {
    background: #111;
    color: #fff;
}

.pagination-current-page {
    background: #111;
    color: #fff;
    border-color: #111;
    cursor: default;
}

.pagination-dots .pagination-link {
    border: none;
    background: transparent;
    color: #ccc;
    cursor: default;
}