@charset "UTF-8";

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

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

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500&display=swap');


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

li{
    	list-style-type: none;
}

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


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

a:hover:not(.active) {
    text-decoration: none;
    color:#333
}


.invisible
{
    display:none;
}

/*::-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;
				}				

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

#spacer_bottom{
    height:5vw;
}

#footer
{ 
    position:relative;
    display:flex;
    justify-content: center;
    top:vw;
    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;
}



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

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


.invisible-mobile{
      display:none;
}

/*　フッターここまで-------------------------------------------------------------------------*/

/*メニューアイコンここから----------------------------------------------------*/

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

/*メニューアイコンここまで----------------------------------------------------*/



/*メニューアイコンここまで----------------------------------------------------*/

/*　ヘッダーアイコン類ここまで-----------------------------------------------------------*/


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


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

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

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

/*　ヘッダーアイコン類ココマデ-----------------------------------------------------------*/


.pad{
    position:relative;
    width:10vw;
    margin:auto;
}

.pad img{
    width:10vw;
}



.news_intro{
    position:relative;
    width:100%;
    height:auto;
    margin:auto;
}

.news_intro ul{
    padding:3vw;
}

.news_intro ul p{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:500;
    font-size:4vw;
}

.news_intro li{
    font-family: 'Noto Sans JP', sans-serif;
    font-size:3vw;
    font-weight:300;

}

.box_kyusin
{
    position:relative;
    text-align: center;
    border-radius:1vw;
    width:20vw;
    color:#fff;
    background-color: rgba(255,143,0,1);
}

.box_sirase{
    position:relative;
    text-align: center;
    border-radius:1vw;
    width:20vw;
    color:#fff;
    background-color: rgba(255,80,190,1);
}

.box_kyujin{
    position:relative;
    text-align: center;
    border-radius:1vw;
    width:20vw;
    color:#fff;
    background-color: rgba(50,190,200,1);
}


.box_news{ 
    background: #ffffff;
    position:relative;
    font-weight: 300;
    width:90vw;
    top:-1.8vh;
    height:50vw;
    overflow:auto;
    border-radius:4px;
    opacity:0.95;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
				} 

.box_img{
    position:relative;
    width:100%;
    height:;
    margin:auto;
}

.box_img img{
    width:100%;
    height:auto;
    opacity:0.8;
}


.border{
    position:relative;
    width:90vw;
    margin:auto;
    border:solid 1px #666;
    opacity:0.5;
}


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

.pad{
    position:relative;
    padding-top:30vw;
    padding-bottom:;
    width:10vw;
    margin:auto;
}

.pad img{
    width:10vw;
}


.pc-image{
    display:none;
}