@charset "UTF-8";

@media (max-width: 1439px) and (min-width: 768px) {

body{
	color: #333333;
	margin: 0 auto;
	padding: 0px;
	line-height: 1;
	/*font-family : "ヒラギノ角ゴ ProN" , sans-serif !important;*/
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
	
* {font-family : 'M PLUS Rounded 1c' , sans-serif;}

}

@media screen and (max-width: 768px) {
	
	body{
		color: #333333;
		margin: 0 auto;
		padding: 0px;
		line-height: 1;
		/*font-family : "ヒラギノ角ゴ ProN" , sans-serif !important;*/
		font-family: 'M PLUS Rounded 1c', sans-serif;
	}
	
	* {font-family : 'M PLUS Rounded 1c' , sans-serif;}

	img{
		max-width: 100%;
		vertical-align: bottom;
		height: auto !important;
	}
	
	.modaal-noscroll #js-popout,
	.modaal-noscroll .sp-footer-btn{
		display: none !important;
	}

	a[href^="tel:"] {
		pointer-events: inherit;
	}

	.pc{
		display: none;
	}

	.sp{
		display: block;
	}

	.menu-trigger{
		display: inherit;
	}

	.inner {
		width: 100%;
		padding: 0 2em;
		box-sizing: border-box;
		margin: 0 auto;
	}

	.side-bar {display: none;}
	.t-center {text-align: left;}
	
	.pc-txt {display: none;}
	
	.mouse-icon img {width: auto;}
	
	/*----------------------------sp-header----------------------------*/

	.sp-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 70px;
		background-color: #fff;
		z-index: 999999;
		align-content: center;
	}
	.sp-header .sp-header-logo {
		width: 275px;
		padding: 0 1em;
		box-sizing: border-box;
	}
	
	.sp-header .sp-header-logo img {width: 100%;}

	.main-sp .close {
		background: url("../image/common/close.jpg") #86c272;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100%;
	}

	.main-sp .menu1 {
		background: url("../image/common/menu.jpg") #86c272;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100%;
	}
	
	.main-sp .menu1,
	.main-sp .close {
		width: 70px;
		height: 70px;
	}

	.main-sp .panel-inner {
		background-color: #FDFBF2;
		margin-top: 70px;
		
	}
	
	.main-sp .l-nav {
		padding: 5em;
		border: solid 5px #86c272;
		box-sizing: border-box;
		text-align: left;
		bottom: 0;
		width: 100%;
		height: 92vh;
		padding-bottom: 0vw;
		overflow-y: scroll !important;
	}
		
	.main-sp  .nav-item a {
		font: normal normal normal 16px/50px DNP ShueiMGoStd;
		letter-spacing: 0px;
		color: #5B4023 !important;
		text-align: left;
		border-bottom: dashed 1px #DDDDDD;
	}
	
	.main-sp li + li {
    	padding-top: 1em !important;
	}
	
	.main-sp ul.nav-btn {
		width: 100%;
		margin: 4em auto 0;
		text-align: center;
	}	
	
	.main-sp ul.nav-btn li a {
		border: solid 1px #86C272;
		color: #86C272 !important;
		border-radius: 20px;
		background-color: #fff;
	}
	
	.main-sp ul.nav-btn li a:hover {
		color: #fff !important;
		background-color: #86C272;
	}
	
	.main-sp ul.nav-btn li span {
		position: absolute;
		right: 10%;
	}	
	
	 ul.accordion {width: 100%;}
	  ul.accordion a {}
	  ul.accordion span {}
	  ul.accordion ul {
		display: none;
	  }
	
	ul.nav-btn {display: inherit !important;}
	ul.accordion li {width: 100%;}

	 ul.accordion li p {
		font: normal normal normal 16px/50px DNP ShueiMGoStd;
		letter-spacing: 0px;
		color: #5B4023 !important;
		text-align: left;
		border-bottom: dashed 1px #DDDDDD;
		position: relative;
	 }
	
	 ul.accordion li p span {
		position: absolute;
		top: 10%;
		right: 0;
		font-weight: bold;
		padding-right: 10%;
		width: 30px;
		height: 30px;
	 }

	  ul.accordion > li > p > span,
	  ul.accordion > li > ul > li > p > span {
		background-image: url(../image/common/sp_menu.png);
		background-repeat: no-repeat;
		background-position: center right;
		background-size: 40%;
	  }

	  ul.accordion > li > p > span.open,
	  ul.accordion > li > ul > li > p > span.open {
		background-image: url(../image/common/sp_close.png);
		background-size: 40%;
	  }

	  ul.accordion > li > ul > li {}
	  ul.accordion > li > ul > li > p {
		  background: #999;
	  }

	  ul.accordion > li > ul > li > a {
		  display: block;
		  width: 100%;
		  font: normal normal normal 15px/19px DNP ShueiMGoStd;
		  letter-spacing: 0px;
		  color: #5B4023 !important;
		  text-decoration: none;
		  padding-top: 1em;
		  text-indent: 1em;
	  }

	  ul.accordion > li > a {
		  display: block;
		  width: 100%;
		  font: normal normal normal 16px/50px DNP ShueiMGoStd;
		  letter-spacing: 0px;
		  color: #5B4023 !important;
		  text-align: left;
		  text-decoration: none;
		  border-bottom: dashed 1px #DDDDDD;
	  }

	  .sp_nav a,
	   ul.accordion a,
	   ul.accordion li p{
		  font-weight: normal !important;
	   }	

		ul.nav-sp .accordion span {
			display: block;
			padding: 10px;
			background-position: 100% center;
			background-repeat: no-repeat;
			background-size: 3%;
		}
		
		.guide-arrow{
			width: 8%;
		}
		
		.form-area td select{
			width: 240px;
		}

		.form-area th,
		.form-area td{
			display: block;
			width: 100%;
		}
		
		.form-area th{
			border: none;
			padding-top: 20px;
			padding-bottom: 0px;
		}
		
		.form-area td{
			padding: 10px 0px 20px 0px;
		}
		
		.form-area th span{
			top: 24px;
			font-size: 12px;
			line-height: 24px;
		}
		
		.form-area td input.ltls{
			width: 100px;
		}
		
		.form-area td textarea{
			height: 150px;
		}
		
		p#pp_link{
			font-size: 14px;
		}
		
		.tab_box li{
			width: 94% !important;
			display: block !important;
			margin: 0px auto 10px;
		}

	/*----------------------------header----------------------------*/

	header {display: none !important;}	

	#main-ttl,#guide-ttl {
		padding: 5em 0;
		margin-top: 70px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}	
	#main-ttl h1 {font-size: 2.4rem;}
	h2.ttl{
		font-size: 2rem;
	}
		
	#pan {
		font-size: 1.4rem;
		padding: 1em;
		box-sizing: border-box;
	}	
	
	/*----------------------------top----------------------------*/
	#mv-area {
		background: linear-gradient(rgba(0,0,0,.28), rgba(0,0,0,.28)), url(../image/top/main-bg-sp.jpg) no-repeat;
		background-size: cover;
		padding: 20em 0 5em;
		margin-bottom: 5em;
	}
	
	#mv-area h2 {
		font-size: 3.6rem;
		line-height: 1.4;
		letter-spacing: 0px;
		font-family:  "Kaisei Decol" !important;
	}	
	
	#mv-area p {
		font-size: 1.6rem;
		letter-spacing: 1.28px;
		text-shadow: 3px 3px 10px #00000029;
		opacity: 1;
	}
	
	#mv-area p br {display: none;}
	
	.scroll {display: none;}
	
	.top-area {
		margin-top: 0px;
		padding-bottom: 5em;
	}
	.top-area p {
		font-size: 1.4rem;
		letter-spacing: 0;
		margin-bottom: 3em;
	}
	
	.more-btn {
		margin: 0 auto !important;
		width: 80% !important;
	}
	
	.top-bg {
		background: url(../image/top/left-icon.png), url(../image/top/right-icon.png);
		background-repeat: no-repeat;
		background-size: 14% , 14%;
		background-position: left 4% top , right 4% bottom 15%;
	}

	ul.kodomoen-list {
		padding: 0 2em;
		box-sizing: border-box;
	}
	ul.kodomoen-list li {
		display: inline-block;
		margin: 0 0 2em;
	}
	
	.contact-area p.p-txt {
		font-size: 1.4rem;
		padding: 0 2em;
		box-sizing: border-box;
		margin-bottom: 2em;
	}
	.contact-btn {width: 70% !important;}

	/*----------------------------footer----------------------------*/
	
	.footer-logo {
		width: 80%;
		margin: 0 auto 10%;
	}
	
	ul.footer-tel li {
		width: 90%;
		margin: 0 auto;
		padding: 3em;
	}
	
	ul.footer-tel li + li {margin-top: 3em;}
	.copyright {font-size: 12px;}
	
	ul.sp-footer-btn {
		display: flex !important;
		width: 100%;
		position: fixed;
		left: 0;
		bottom: -.5px;
		z-index: 9999;
		vertical-align: bottom;
	}
	
	ul.sp-footer-btn li {
		width: 50%;
		text-align: center;
	}
	
	ul.sp-footer-btn li a {
		display: block;
		padding: 1.2em 0;
		font: bold normal normal 14px/19px DNP ShueiMGoStd;
		letter-spacing: 0px;
		color: #FFFFFF;
		background-color: #F27D60;
		text-decoration: none;
	}
	
	ul.sp-footer-btn li:last-child a {background-color: #3C8CB8;}
	
	footer {padding-bottom: 20vw;}
	
	/*----------------------------info----------------------------*/

	.info-inner {
		width: 90%;
		padding: 2em;
	}

	.info-lead {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		font-size: 1.4rem;
		text-align: center !important;
	}

	.pc-br {
		display: none;
	}
	
	ul.info-list li a {
		font-size: 1.4rem;
	}
	
	.news-btn {width: 80%;}	
	
	/*----------------------------about----------------------------*/

	.about-inner {
		width: 96%;
		margin: 0 auto;
		padding: 4em 0 0;
	}

	.about-info {
		width: 100%;
		padding: 2em;
	}
	
	table.about-table th,
	table.about-table td {
		width: 100%;
		display: block;
	}
	
	.about-img {
		width: 80%;
		margin: 0 auto;
	}

	.google-map {
		position: inherit;
		height: inherit;
		overflow: inherit;
	}
	.google-map iframe {
		width: 100%;
		height: 400px;
		position: inherit;
		top: 0px;
		left: 0;
	}

	.map-access {
		width: 100%;
		position: inherit;
		top: 0;
		left: 0;
		border: 10px solid #DFE8C2;
		border-radius: 0px;
	}

	.map-access ul li {
		border-bottom: dashed 1px #DDDDDD;
		padding-bottom: 2em;
	}
	
	/*----------------------------recruit----------------------------*/
	
	h2.ttl-guide {font-size: 2rem;}
	h2.ttl-guide span {
		display: block;
		margin-left: 0em;
	}
	
	table.guide-table th {
		font-size: 1.2rem;
		width: 30%;
	}
	
	table.guide-table td {font-size: 1.4rem;}	
	.guide-txt {padding-left: 0em;}

	.recruit-info-inner {
		width: 96%;
		margin: 0 auto;
	}	
	
	table.recruit-info-table th, 
	table.recruit-info-table td	{
		width: 100%;
		display: block;
	}
	.out-link{
		display: block;
	}
	.out-link__item{
		margin-right:0;
	}
	.out-link__item:first-of-type{
		margin-bottom:40px;
	}
	
	.sp_nav {position: relative;}
	.menu1,
	.close{
		width: 70px;
		height: 70px;
	}
	
	.tab, .tab01 {
		width: 96%;
		height: 50px;
		overflow-y: scroll;
		margin: 0 auto;
		flex-wrap: wrap;
	}
	
	.tab li, .tab01 li {
		width: 100%;
		color: #333;
		font-size: 14px;
		border-radius: 0;
		margin-bottom: 1em;
	}
	
	.tab li, .tab01 li,
	.tab li.active, .tab01 li.active{
		border: none !important;
		background-color: #fff !important;
	}
	
	.tab li {display: block;}	
	
	ul.p-list li {
		width: 100%;
		margin: 0 0 5em;
	}
	
	ul.p-list li:last-child { margin-bottom: 0;}
	ul.lunch-img li img {padding: 1em;}	
	
	ul.lunch-img li {
		width: 50%;
		padding: .5em;
		box-sizing: border-box;
	}
	
	ul.safety-list li {
		width: 100%;
		margin-bottom: 3em;
	}
	
	table.price-table {width: 100%;}
	table.price-table th,
	table.price-table td {
		display: table-cell;
	}

	table.price-table th {width: 20%;}
	table.price-table td {width: 10%;}	
	
	.modaal-container {padding: 3em;}	
	
	.modaal-close {
		position: absolute !important;
		right: -30px !important;
		top: -30px !important;
	}
	ol.event-img li {
		width: 50%;
		padding: 1em;
		box-sizing: border-box;
	}
	.slick-img img {
		width: 100%;
		height: auto;
		max-width: inherit;
		opacity: .3;
		transform: scale(.9);
		padding: 0;
		transition: opacity .5s, transform .5s;
	}

	.slider .slick-center img {
		opacity: 1;
		height: auto;
		transform: scale(1);
		padding: 1em;
		box-sizing: border-box;
	}

/*--タブレット--*/
@media screen and (min-width: 600px){

	.sp-header {min-height: 70px;}
	.sp-header .sp-header-logo {
		width: 275px;
		padding: 0 3em;
		box-sizing: border-box;
	}

	.main-sp .menu1,
	.main-sp .close {
		width: 70px;
		height: 70px;
	}
	
	.main-sp .panel-inner {margin-top: 140px;}
	ul.accordion li p {
		font-size: 2.4rem;
		line-height: 4;
	}
	
	ul.accordion > li > ul > li > a {
		font-size: 2.4rem;
		line-height: 2;
	}
	
	ul.accordion li p span {
		width: 40px;
		height: 40px;
	 }
	
	.main-sp ul.nav-btn li a {
		font-size: 3rem;
		padding: .6em 0;
	}

	/*--top--*/
	#mv-area {
		background: linear-gradient(rgba(0,0,0,.28), rgba(0,0,0,.28)), url(../image/top/main-bg-tablet.jpg) no-repeat;
		background-size: cover;
		padding: 30em 7em;
		color: #FFFFFF;
	}
	
	#mv-area h2 {
		font-size: 4.6rem;
		line-height: 2;
		letter-spacing: 0px;
		font-family:  "Kaisei Decol" !important;
	}	
	
	#mv-area p {
		font-size: 1.6rem;
		letter-spacing: 1.28px;
		line-height: 2;
		text-shadow: 3px 3px 10px #00000029;
		opacity: 1;
	}
	
	#mv-area p br {display: inherit;}
	.scroll {
		display: inherit;
		bottom: 140px;
	}
	.top-bg {
		background: url(../image/top/left-icon.png), url(../image/top/right-icon.png);
		background-repeat: no-repeat;
		background-size: 14% , 14%;
		background-position: left 4% top , right 4% bottom 15%;
	}
	.top-area {margin-top: -130px;}
	.top-area h3 {
		font-size: 2.4rem;
		margin-bottom: 0em;
	}
	.top-area p {
		font-size: 2.4rem;
		line-height: 2.4;
	}
	
	h2.ttl {font-size: 2rem;}
	
	.contact-area p.p-txt {
		font-size: 2.6rem;
		padding: 0 2em;
		box-sizing: border-box;
		margin-bottom: 2em;
		line-height: 2;
	}
	#main-ttl {padding: 10em 0;}
	#main-ttl h1 {font-size: 4rem;}	
	ul.footer-tel li {
		width: 60%;
	}
	
	ul.sp-footer-btn li a {
		font-size: 2rem;
	}
	
	footer {padding-bottom: 12vw;}
	
	.news-btn a {
		font-size: 3rem;
		padding: 1em 0;
	}
	
	.news-btn:after {font-size: 3rem;}

	/*--about--*/
	table.about-table th,
	table.about-table td {
		font-size: 2.4rem;
		line-height: 2;
	}
	.kodomoen-btn a,
	.kodomoen-btn01 a{
		font-size: 2.4rem;
		padding: 1em 0;
	}	
	
	.kodomoen-btn:after,
	.kodomoen-btn01:after{
		font-size: 2.4rem;
	}	
	
	.map-access ul li h3 {font-size: 3rem;}
	.map-access ul li p,.map-access ul li p span {
    	font-size: 2.4rem;
		line-height: 1.6;
	}
	
	/*--guide--*/
	h2.ttl-guide {font-size: 3rem;}
	h2.ttl-guide span {
		display: block;
		margin-left: 0em;
	}	
	table.guide-table th {
		font-size: 2rem;
		width: 30%;
	}
	
	table.guide-table td {font-size: 2rem;}	
	table.recruit-info-table th, 
	table.recruit-info-table td	{
		width: 100%;
		display: block;
		font-size: 2.4rem;
		line-height: 2;
	}
	h2.ttl {
    	font-size: 5rem;
		line-height: 2;
	}
	
	ul.p-list li h4 {
		font-size: 3rem;
		padding: .5em 0;
	}
	
	ul.p-list li p {
		font-size: 2.6rem;
		line-height: 2;
		margin-bottom: 1em;
	}
	ul.p-list li dl + dl {margin-top: 3em;}
	ul.p-list li dl dt,
	ul.p-list li dl dd{
		font-size: 2.6rem;
	}
	
	.slick-img img {
		width: 100%;
		height: auto;
		max-width: 600px;
		opacity: .3;
		transform: scale(.9);
		padding: 0;
		transition: opacity .5s, transform .5s;
	}

	.slider .slick-center img {
		opacity: 1;
		height: auto;
		transform: scale(1);
		padding: 1em;
		box-sizing: border-box !important;
	}	
	
	.slider {overflow-x: hidden;}
	.slick-dots {
		position: inherit !important;
		bottom: 0 !important;
		overflow: inherit !important;
	}
	
	.tab li, .tab01 li,ul.tab01 li span {font-size: 2.4rem;}

	table.event-table th {width: 10%;}
	table.event-table td {
		font-size: 3rem;
		line-height: 2;
	}
	
	.menu1, .close {
		width: 100px;
		height: 100px;
	}
	
	.nav-item a {
		line-height: 2.4;
		font-size: 2.6rem;
	}
	
	ul.nav-btn {
		width: 80%;
		margin: 1em auto 0;
		text-align: center;
	}
	ul.nav-btn li a {
		padding: 1em 0;
		font-size: 2rem;
	}

}
}