@charset "UTF-8";
/* CSS Document */

/*スマホ用の可変指示*/

@media (max-width: 800px){

.haku{
	width: 80%;
}
	
.logo{
	width: 200px;
}
	
.gnavi ul{
	height: 90px;
	width: 420px;
}
	
.gnavi li a {
    padding:  0 10px;
    font-size: 15px;
}
	
	
#kv{
	top:130px;
}
	
/*======1=======*/	
.greet h2{
	font-size: 1.2rem;
}

/*======3=======*/
	
.text3{
	width: 50%;
	line-height: 2rem;
	font-size: 13px;
}
	
.rink_1p {
	text-align: center;
	font-size: 1.2rem;
}	
	
	
	
	
/*======サービス========*/
	
.service{
	margin-top: 30px;
	padding: 0 10px;
}
.no {
	display: block;
}	
	
	
	
/*======概要=========*/
	
.company{
	padding: 0 10px
}

	
table th{
	width: 250px;
}	

.map{
	padding: 0 10px;
	box-sizing: border-box;
}
	
/*===========プライバシー===========*/

.contact3{
	padding: 0 10px;

}	
	

/*======icon=========*/

.rink2{
		width: 100%
	}
}

/*----------------600px-----------------*/

	@media (max-width: 600px){
		
	.gnavi{
		display: none;
		}
		
		
		.pho_nv{
			width: 260px;
			height: auto;
			margin-left: 5px;
			margin-top: 3px
		}
		.pho_nv img{
			width: 150px;
		}
		
/*-----ハンバーガーメニュー--------*/

#nav-drawer {
  	position: fixed;
    width: 100%;
    height: 55px;
    cursor: pointer;
    text-align: center;
	display: block;
	z-index: 9999;
	background-color: white;
}
		
.pho_nv{
	float: left;
	height: 55px;
		}		


.nav-unshown {
  display:none;
}


#nav-open {
    display: inline-block;
    width: 55px;
	height: 55px;
	cursor: pointer;
	float: right;
}


#nav-open span, #nav-open span:before, #nav-open span:after{
    position: absolute;
    width: 30px;
	height: 4px;
    border-radius: 3px;
    background: rgba(140,209,245,1.00);
    display: block;
    cursor: pointer;
	content: '';
	top:12px;
	right: 15px;
}
#nav-open span:before {
    top: 13px;
	margin-right:-15px;
}
#nav-open span:after {
    top: 25px;
	margin-right:-15px;
}


#nav-close {
    display: none;
    position: fixed;
    z-index: 90;
    top: 370px;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
}

/*中身*/
		
#nav-content {
    overflow: auto;
    position: fixed;
    top: -5px;
    right: 0;
    z-index: 99;
    width: 100%;
    background:rgba(255,255,255,1.80);
    transition: .3s ease-in-out;
    -webkit-transform: translatey(100%);
    transform: translatey(-100%);
	height: 350px;
}
	
#nav-content ul li{
    border-bottom: 1px dotted rgba(139,210,245,1.00);
	}
	
#nav-content ul li a{
    display: block;
    color: rgba(139,210,245,1.00);
    padding: 15px 0;
    text-decoration: none;
    width: 100%;
	}
	
#nav-content ul li a:hover {
    background: rgba(223,243,255,1.00);
	color: blue;
	}
		
		
		
.top_s{
	display: flex;
	justify-content: space-around;
	}		

.tel_s, .mail_s	{
	margin-top: 35px;
	font-size: 1.6rem;
	}

.tel_s a, .mail_s a{
	color: rgba(139,210,245,1.00);
	text-decoration: none;
	padding: 10px ;
	}
	
.tel_s a:hover, .mail_s a:hover{
	background: white;
	color: blue;
	border-radius: 8px;
	}



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

#nav-input:checked ~ #nav-content {
    -webkit-transform: translatey(17%);
    transform: translatey(17%);
}

	
/*======全体基本=========*/

#kv{
	top:80px;
}		
		#column1,#column3{
			height: 400px;
		}
		
		
		#dai{
			padding-top: 55px;
		}
/*======1=======*/


.greet h1{
	width: 100%;
	text-align: center;
}

.img{
	width: 100%;
	text-align: center;
}
.img img{
	width: 70%;
	margin: auto;
}

.greet h2{
	margin: 30px auto 10px;
	width: 100%;
}
	
.slick-prev,.slick-next{
	display: none!important;
	}
		
		
		
		
/*======３=======*/

.img3{
	width: 100%;
}

.img3 img{
	width: 100%;
	margin: auto;
}
		
.d3{
 	font-size: 13px;
}
		
.sp{
	display: block!important;
}
		
.pc{
	display: none!important;
		}

.text3{
	text-align: center;
	width: 100%;
	font-size: 11px;
	line-height: 1.7rem;
}
		
.flex{
	display: block;
	width: 90%;
	margin: auto
}
		
.rink_1p{
	margin-top: 20px
}
.rink_1p br{
	display: block;
}		

		
/*======サービス=========*/			
		
.s_img2{
	display: none;
}		

.service2{
	padding: 0 10px
}	
		
.service2_p{
	padding-left: 0px;
	font-size: 1rem;
}
		
		
		
/*======求人=========*/
.r_topics{
	font-size: 1.7rem;
}	
	
		
		
.ric2 table th{
	width: 100%;
	display: block;
  color: white;
	padding: 20px 0;
}

.ric2 table th:after{
  display: none;
}		
.ric2 table td{
	width: 100%;
	display: block;
  text-align: center;
padding: 30px 5px 30px 5px;
}		
		
/*======概要=========*/
		
.company{
	margin: 30px 0;
}
		
	
.company2 table th{
	display: block;
	width: 100%;
	padding: 20px 0;
}
		
.company2 table th:after{
	display: none;
}
		
.company2 table td{
	display: block;
	width: 100%;
	text-align: center;
	padding: 30px 5px 30px 5px;
}		
		
		
		
		
/*======form=========*/	
.c_tel a{
	width: 90%;
	margin: 80px auto 0;
	padding: 20px 10px;
}		
		
.formTable{
	width: 90%;
}
		

		
/*======icon=======*/
		
.top_c{
	font-size: 2rem;
}
.tel{
	width: 80px;
	height: 80px;
}

.top_c a{
	width: 80px;
	height: 80px;
}		
				
		
	
	
	
}




/*----------------420px-----------------*/

@media (max-width: 420px){
	
#kv{
	height: 65%;
}	
	
	
#column1,#column2,#column3{
height: 300px;
}

		
/*======1=======*/
	
.greet{
	padding-top: 0px;
	}
	
.greet h1{
	letter-spacing: 5px;
}	

.greet h2{
	width: 100%;
	font-size: 1rem;
}
	
/*======2=======*/	
	
	.rink{
		margin-top:30px; 
	}	
	
.rink_1 p{
	font-size: 1rem;
}	

/*======３=======*/
	
.img3 img{
	width: 100%;
	margin: auto;
}

.d3{
	width: 100%;
	font-size: 10px;
}
	
.rink_1p {
	font-size: 1rem;
}

	
/*======サービス=========*/	
	
.s_img img{
	width: 100%
}
	
.s_p{
	font-size: 1.1rem!important;
}	
.no{
	display: none;
}
	
	.service2_after{
		font-size: 1.2rem;
		text-align: left;
	}	

	
/*======求人=========*/
.r_topics{
	font-size: 1.4rem;
}		
	
	
	
/*======form=========*/	
.c_tel a{
	font-size: 2.2rem;
	padding: 20px 5px;
}	
	
/*======icon=======*/	
	
.top_c{
	font-size: 1.7rem;
}
.tel{
	width: 60px;
	height: 60px;
}

.top_c a{
	width: 60px;
	height: 60px;
}		

footer p{
	padding:10px;
}		
	
}