@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');


body{
font-family: 'Noto Sans JP', sans-serif;
font-size:4.3vw;
color:#333;
margin:0;
}

li{
    	list-style-type: none;
}

header 
{
padding-bottom:; 
position:absolute; 
width:100%;
height:50vw;
top:0;
left:0; 
border-bottom:0.5vw;
background:rgba(255,255,255,0.9);
z-index:100;
} 



header, .wrap
{
height: 28vw;
}

.blind-smart{
    display:none;
}

#copyright{
    position:relative;
    text-align: center;
    top:5vw;
    color:#eee;
    font-size:3vw;
}

.top-font{
   	position:relative;
    text-align: center;
    padding-top:30vw;
    padding-bottom:15vw;
    letter-spacing:1vw;
    font-size:6vw;
    font:#ddd;
    font-family:'Noto Serif JP', sans-serif;
}

.midashi{
    border-left:1.5vw solid #8098ff;
    border-bottom:0.3vw solid #2b3356;
    padding-left:1vw;
    width:50vw;
    left:vw;
    position:relative;
    font-size:5vw;
    font-family:'Noto Serif JP', sans-serif;
}

.midashi2{
    border-left:1.5vw solid #ffd5f4;
    border-bottom:0.3vw dotted #2b3356;
    padding-left:vw;
    width:50vw;
    padding-left:1vw;
    position:relative;
    font-size:5vw;
    font-family:'Noto Serif JP', sans-serif;
}

.midashi3{
				border-left:1.5vw solid #ffd5f4;
				border-bottom:0.3vw dotted #2b3356;
				top:;
				padding-left:1vw;
				width:50vw;
				left:vw;
				position:relative;
				font-size:5vw;
}

.invisible
{
    display:none;
}

.pc-image{
    display:none;
}

.hide{
    display:none;
}

.top-img-wrap{
    position:relative;
    height:100vw;
}

.gaikan{
    position:relative;
    display:flex;
    justify-content:center;
    top:10vw;
}
.gaikan img{
    margin:2.5vw;
    position:relative;
    width:22vw;
    border:0.1vw solid #555;
}

.top-img{
    position:relative;
    background-image:url(wall.jpg);
    background-size:100%;
    opacity:0.5;
    height:100vw;
    width:100%;
    z-index:-5;
}

.top-img-gaikan ul{
    top:-40vw;
    padding-left:0;
    position:relative;
    display: flex;
    justify-content: center;
}

.img-g{
    position:relative;
    top:-100vw;
    left:;
}

.img-g img{
    position:absolute;
    width:80vw;
    left:vw;
    border:#fff;
    border-radius:3vw;
    transition: .4s;
    opacity:0;
}


#img-1,#img-2,#img-3,#img-4{
    display:none;
}

#img-1:checked ~ .img-g img:nth-child(1)
{
    opacity:1	
}

#img-2:checked ~ .img-g img:nth-child(2)
{
    opacity:1	
}

#img-3:checked ~ .img-g img:nth-child(3)
{
    opacity:1	
}

#img-4:checked ~ .img-g img:nth-child(4)
{
    opacity:1	
}


.gaikan img:nth-child(1){}

.wrap-cont{
 position:relative;
 height:135vw;
 padding-top:5vw;
 padding-left:2vw;
 padding-right:2vw;
    background-image:url(wall.jpg);
    background-size:100%;
/*background: linear-gradient(rgba(111,111,111,0.2), #ded);
background: -moz-linear-gradient(#f3f3f3, #FCFF00);
  background: -webkit-linear-gradient(#fffff3, #FCFF33);*/
}

.inner-cont{
    position:relatvie;
    height:vw;
    background:#fff;
    border-radius:2vw;
    padding:2vw;
}

.inner-cont-small{
    font-size:1.5vw;
}

.inner-cont img{
    position;relative;
    display:flex;
    justify-content:center;    
    margin:auto;
    width:80vw;
}

.inner-cont ul {
    position:relative;
    margin:;
    padding-left:3vw;
    font-size:3.5vw;
    font-family:'Noto Serif JP', sans-serif;
}

.inner-cont ul li {
  position: relative;
  padding-left:;
}

.inner-cont ul li:before {
  color: #3cd;
  content: "・";
  font-size: 8vw;
  position: absolute;
  top: -3.5vw;
  left: -7vw;
}

.inner-block{
}


.wrap-cont3{
 position:relative;
 height:vw;
 padding-top:5vw;
 padding-left:2vw;
 padding-right:2vw;
    padding-bottom:10vw;
    background-image:url(wall.jpg);
    background-size:100%;
/*background: linear-gradient(rgba(111,111,111,0.2), #ded);
background: -moz-linear-gradient(#f3f3f3, #FCFF00);
  background: -webkit-linear-gradient(#fffff3, #FCFF33);*/
}

.inner-cont3{
    position:relatvie;
    height:vw;
    background:#fff;
    border-radius:2vw;
    padding:2vw;
}

.resize
{
position:relative;
width:50vw;
border-radius:10vw;
height:auto;
margin:auto;
}

.room1{
    text-align: center;
}

.room1 img{
border-radius:3vw;
width:80vw;
}

.room2{
    text-align: center;
}

.room2 img{
border-radius:3vw;
width:50vw;
}

.wrap-cont2{
 position:relative;
 height:vw;
 padding-top:5vw;
 padding-left:2vw;
 padding-right:2vw;
    padding-bottom:10vw;
    background-image:url(wall.jpg);
    background-size:100%;
/*background: linear-gradient(rgba(111,111,111,0.2), #ded);
background: -moz-linear-gradient(#f3f3f3, #FCFF00);
  background: -webkit-linear-gradient(#fffff3, #FCFF33);*/
}

.inner-cont2{
    position:relatvie;
    height:vw;
    background:#fff;
    border-radius:2vw;
    padding:2vw;
}

.inner-cont2 img{
    position:relatvie;
    width:80vw;
    background:#fff;
    border-radius:2vw;
    padding:2vw;
}

.equip{
    position:relative;
    text-align:center;
    margin:auto;
}

.equip img{
    position:relative;
    width:50vw;
    padding:;
    bottom:0;
}


.equip2{
    position:relative;
    text-align:center;
    margin:auto;
}

.equip2 img{
    position:relative;
    width:30vw;
    padding:;
    bottom:0;
}

.equip3{
    position:relative;
    text-align:center;
    margin:auto;
}

.equip3 img{
    position:relative;
    width:70vw;
    padding:;
    bottom:0;
}

.equip4{
    position:relative;
    text-align:center;
    margin:auto;
}

.equip4 img{
    position:relative;
    width:50vw;
    left:-6vw;
    bottom:0;
}

.equip5{
    position:relative;
    text-align:center;
    margin:auto;
}

.equip5 img{
    position:relative;
    width:50vw;
    left:;
    bottom:0;
}


.sentence{
    position:relative;
    font-size:3vw;
}


html, body, .wrap2{
height: 29vw;
}



/*::-webkit-scrollbar
{ 
				width: 0.5vw; 
				} 
				
::-webkit-scrollbar-track
{ 
				background: #dfffff; 
				border: none; 
				border-radius: 10px; 
				box-shadow: inset 0 0 2px #777; 
				} 
				
::-webkit-scrollbar-thumb
{ 
				background: #68d1e5; 
				border-radius: 10px; 
				box-shadow: none; 
				}

*/


			
.header
{
				position:relative;
				height:6vw;
				}

.header2
{
				position:relative;
				height:18vw;
				}					

.header3
{
				position:relative;
				height:18vw;
				}

a{
text-decoration: none;		
}








#wrap4{
				position:relative;
				padding:0px;
				left:0;
				width:100%;
    height:315vw;
				}							

#footer
{ 
    position:relative;
    display:flex;
    justify-content: center;
    top:-12vw;
    width:100%; 
    margin:0px;
    height:326vw;
    background:#85CBCD;
    opacity:1; 
    color:#333;
    font-family:'Noto Serif JP', sans-serif;
				}

#footer a {
	text-decoration:none;
}

#footer_wrap{
    position:relative;
    background:#fff;
    margin-top:10vw;
    width:85vw;
    height:294vw;
    border-radius:3vw;
}

#footer_img_wrap{
    position:relative;
    display: flex;
    justify-content: center;
    top:1.5vw;
}

#footer_img_wrap img:first-child{
    position:relative;
    width:13vw;
    top:0.5vw;
}

#footer_img_wrap img:nth-child(2){
    position:relative;
    top:3.5vw;
    width:35vw;
    height:10vw;
}

.footer_tel{
    position:relative;
    left:5vw;
}

.footer_tel a{
    text-decoration:none;
	color:green;
}

.footer_tel a img{
      position:relative;
    top:2.5vw;
    width:4vw;
}


#footer_table{
    position:relative;
    width:80vw;
    margin-top:5vw;
    text-align:center;
    left:2vw;
}

#footer_table a{
    font-size:2.8vw;
    color:cornflowerblue;
    
}

#footer_table table{
    font-size:3.5vw;
    border-spacing: 0;
    white-space: nowrap;
}

#footer_table th {
    font-weight:100;
    padding: 1.5vw;
    border-bottom:1px solid #333;
}

#footer_table td {
    padding:1vw;
    font-size: 3vw;
    text-align: center;
    border-bottom:1px solid #333;
}

#footer_wrap .credit
{
    text-align:center;
    font-size:3vw;
    padding:4vw;
}

#footer_wrap .credit img
{
    position:relative;
    width:60vw;
    background-color:#fff;
    padding:10px;
    border-radius:10px;
 
}

.anicom
{
    position:relative;
    display:flex;
    justify-content: center;
    flex-flow:;
    align-items:center;    
}

.anicom a{
    width:;
    padding-top:;
    padding-left:5vw;
    padding-right:5vw;
}

.anicom a img{
    width:20vw;
}
.invisible-mobile-anicom{
    display:none;
}

.invisible-pc-anicom{   
}



#gmap {
top:4vw;
position: relative;
width:70vw;
height:50vw;
margin:auto;
padding:0;
}

#gmap iframe{
position:absolute;
width:70vw; 
height: 50vw;
margin:auto;
border-radius:3vw;
}

#menu{
}

#center{
    position:relative;
    display:flex;
    justify-content: center;
    top:5vw;
    left:
}


#menu ul{
    position:relative;
    padding:0;
    width:100%;
}

#menu li{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-top:1vw;
    margin-bottom:1vw;
    font-weight:100;
    font-size:3vw;
    background: #eee;
    width:60vw;
    border-radius:2vw;
    padding:1vw;
    opacity:0.9;
}


#menu a {
	text-decoration:none;
	color:#333;
}

#menu a.active {
	color: #;
	background-color: #0d6990;
}

#menu a:hover:not(.active) {
	color: #; 
	opacity:0.5;
	background-color: #fff;
}

.arrow{
    position:absolute;
    border: 0;
    border-top: solid 0.6vw #28A1A3;
    border-right: solid 0.6vw #28A1A3;
    display:inline-block;
    transform: rotate(45deg);
    top:2.3vw;
    left:57vw;
    width: 1.5vw;
    height: 1.5vw;
}

.p1{
    position:relative;
    text-align:left;
    font-size:3.5vw;
    padding-left:2vw;
    top:2vw;
}

.p2{
    position:relative;
    text-align:left;
    font-size:2.5vw;
    left:-0.5vw;
    bottom:0;
}


.p3{
    top:4vw;
    position:relative;
    text-align:center;
    font-size:2.5vw;
    left:-0.5vw;
    bottom:0;
}

.p4{
    text-align: center;
    background: #eee;
    width:70vw;
}


.p5{
    font-family:'Noto Serif JP', sans-serif;
    
}

.p6{
    font-size:3vw;
}

.p8{
    font-size:3vw;
    text-align: center;
}

.invisible-mobile{
      display:none;
}


.tel{
    font-size:3vw;
    position:fixed;
    bottom:0;
    left:0;
    width:33.3vw;
    height:13vw;
    padding:;
 	border-radius:;
    background:#888;
    border-radius:;
    text-align: center;
    z-index:500;
}

.tel a
{
				color:#fff;
}

.tel img{
    position:absolute;
    top:0.5vw;
    width:5vw;
    left:13.5vw;
    
    
}

.tel p{
    position:relative;
    text-align: center;
    font-size:2.5vw;
    top:3.8vw;
}

.tizu{
    font-size:3vw;
    position:fixed;
    bottom:0;
    right:0;
    width:33.3vw;
    height:13vw;
    padding:;
 	border-radius:;
    background:#3EB4B6;
    border-radius:;
    text-align: center;
    z-index:500;

}

.tizu a
{
				color:#fff;
}

.tizu img{
    position:absolute;
    top:1.3vw;
    width:5vw;
    left:13.5vw;    
}


.tizu p{
    position:relative;
    text-align: center;
    font-size:2.5vw;
    top:3.8vw; 
}



.time{
    font-size:3vw;
    position:fixed;
    bottom:0;
    left:33.3vw;
    width:33.7vw;
    height:13vw;
    background:#28A1A3;
    border-radius:;
    text-align: center;
    z-index:500;
}

.time a
{
				color:#fff;
}


.time img{
    position:absolute;
    top:1vw;
    width:5vw;
    left:14vw;    
}


.time p{
    position:relative;
    text-align: center;
    font-size:2.5vw;
    top:3.8vw; 
}

#nav-button{
position:fixed;
 top: 1vw;
 right:1vw;
 padding: 3vw;
 width:		6.5vw;	
 height:		6vw;	
 display:	block;
 	border:		0vw solid #00999f;	
 	/*box-shadow:	1px 1px 1px #007182;*/	
 	border-radius:	4px;
 	background-color:rgba(133,203,205,0.8);
 	/*background-color:#90CE9C;*/
 	text-align:	center;
 	z-index:220;
}
 	
#nav-button p{
 				position:absolute;
 				left:2vw;
 				top:4.6vw;
 				font-size:0.7em;
 				color:#fff;
 				z-index:200;
 					}
 
 
.nav-unshown { 
				display:none; 
				}
				
#nav-open { 
display: inline-block;
width: 7vw; 
height: 6vw;
vertical-align: middle;
z-index:200;
}

#before{
position:absolute; 
top:4vw;
     left:1.3vw;
height: 1vw;
width: 10vw;
border-radius: 0.5vw; 
background: #fff; 
display: block; 
cursor: pointer;
z-index:200;
 } 
 
#after{
position:absolute; 
top:4vw;
left:1.3vw;
height: 1.2vw;
width: 10vw;
border-radius: 0.5vw; 
background: #fff; 
display: block; 
cursor: pointer;
z-index:200;
 } 

#before2{
position:absolute; 
top:1.5vw;
     left:1.3vw;
height: 1.2vw;
width: 10vw;
border-radius: 0.5vw; 
background: #fff; 
display: block; 
cursor: pointer;
z-index:200;
 } 
 
#after2{
position:absolute; 
top:6.3vw;
     left:1.3vw;
height: 1.2vw;
width: 10vw;
border-radius: 0.5vw; 
background: #fff; 
display: block; 
cursor: pointer;
z-index:200;
 } 



#nav-input:checked ~ #before
{
			transform: rotate(45deg);
 	transition: .3s ease-in-out;		
				}
				
#nav-input:checked ~ #before2
{
			display:none;
				}

#nav-input:checked ~ #after
{
			transform: rotate(-45deg);
 	transition: .3s ease-in-out;		
				}

#nav-input:checked ~ #after2
{
			display:none;
				}

#nav-close {
display: none;
position: fixed; 
z-index: 80;
top: 13vw;
left: 0; 
width: 100%;
height: 100%; 
background: #000000;
opacity: 0;
 } 

#nav-top-close{
				position:fixed;
				display:block;
				top:0;
				left:0; 
				height:14vw;
				width:50vw;
				background:#28A1A3;/*#2ec6ff;*/
				z-index:100;
				-webkit-transform: translateX(-105%);
				transform: translateX(-105%);
}

#nav-content {
position: fixed;
display:block;
top: 0; 
left: 0; 
z-index:80;
width: 50vw;
max-width: 100vw;
height: 100%; 
background: #ffffff;
box-shadow:0 0 5px #000000;
-webkit-transform: translateX(-105%); transform: translateX(-105%);
} 

#nav-input:checked ~ #nav-close
{
				display: block;
				} 

#nav-input:checked ~ #nav-top-close
{
				-webkit-transform: translateX(0%); 
				transform: translateX(0%);
				transition: .2s ease-in-out;
				} 

#nav-input:checked ~ #nav-content { 
-webkit-transform: translateX(0%); 
transform: translateX(0%);
transition: .2s ease-in-out;
}


#ul {
	width: 50vw;
	font-size:4.5vw;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color:#28A1A3;/*#2ec6ff;*/
    font-family:'Noto Serif JP', sans-serif;
	opacity:1;
	z-index:85;
}

#ul li a {
	display: block;
		border-top: 0.5vw dotted #ffffff
	;
	padding: 1vw 6vw;
	text-decoration: none;
	color: #fff;
}

#ul li {
	text-align: center;
}

#ul li img{
    display:none;
}

#ul li:first-child{
border:none;
height:14vw;
}


#ul li:nth-child(6){
border:none;
height:vw;
font-size:vw;
padding-left:;
padding-right:;
}

#ul li:last-child {
border-bottom: 0.5vw dotted #ffffff
}

#ul li a.active {
	color: #ffffff;
	background-color: #0d6990;
}
#ul li a:hover:not(.active) {
	color: #ffffff; 
	opacity:0.5;
	background-color: #0d6990;
}







#footer-wrap{
				position:relative;
				bottom:0;
}

.logo{
				position:absolute;
		 	font-size:6.6vw;
				/*color:#fafad2;*/
				text-align:left;
				top:6vw;
				left:28vw;
				z-index:5;
				text-shadow:
0 0 0.5vw #000,
0 0 0.5vw #000,
0 0 1vw #000;
}

.logo img{
    width:55vw;
}
.logo span:nth-child(1){
color:#dff;
}

.logo span:nth-child(3){
color:#fafad2;
}

.logo2
{
				position:absolute;
				left:2vw;
				top:1.5vw;
				width:auto;
				height:26vw;
    z-index:100;
}