@charset "UTF-8";

@media screen and (max-width: 999px){
img{
max-width: 100%;
height: auto;
width /***/:auto;
}

.pc{display:none !important;}
.sp{display:block !important;}


/****************************************

	ヘッダー

*****************************************/
header{}
#header{
	background: rgba(255, 255, 255, 0.8);
	position: fixed;
	right: 0;
	left: 0;
	z-index: 999;
}
#header section{
	width: 100%;
}

.header-contents{}
.header-contents h1{
	margin: 10px 50px 10px 10px;
}
.header-contents h1 img{
	height: 32px;
	width: auto;
}
.header-contents > ul{
	display: none;
}
.header-contact{
	display: none;
}



/*ヘッダー(SP)メニュー部分*/
#sp_gnavi{
	display: none;
	position: absolute;
	top: 52px;
	width: 100%;
	background: rgba(255, 255, 255, 0.8);
	left: 0;
	z-index: 200;
}
#sp_gnavi ul{
	display: block;
	margin: 0 15px;
}
#sp_gnavi ul li{
	border-bottom: 1px solid #999;
	font-size: 14px;
	font-weight: 700;
	position: relative;
}
#sp_gnavi ul li:last-child{
	border: none;
}
#sp_gnavi ul li a{
	display: block;
	color: #333;
	text-decoration: none;
	padding: 10px 0;
}
#sp_gnavi ul li a:hover{
	color: #009171;
}
#sp_gnavi ul li a::after{
	font-size: 14px;
	line-height: 1.2;
	font-family: "Font Awesome 5 Pro";
	content:' \f105';
	color: #333;
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -7px;
}

/*ヘッダー(SP)開閉ボタン*/
#nav_toggle{
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 100;
	float: right;
}
#nav_toggle p {}



/****************************************

	フッター

*****************************************/
#pagetop{
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	z-index: 9999;
}
#pagetop a{
	background-image: url("../pagetop.png");
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 40px;
	height: 40px;
	background-size: 40px;
}


footer{}
.footer-wrapper{
	margin: 0 15px;
}

.footer-address{}
.footer-btn{}
.footer-produce{}

.footer-address p.address01{
	text-align: center;
	color: #000;
	font-size: 12px;
	line-height: 1.2;
	padding: 20px 0 5px 0;
}
.footer-address p.address02{
	text-align: center;
	color: #000;
	font-size: 22px;
	line-height: 1.2;
	padding: 0 0 5px 0;
	letter-spacing: 2.5px;
}
.footer-address p.address03{
	text-align: center;
	color: #000;
	font-size: 12px;
	line-height: 1.2;
	padding: 0 0 15px 0;
}

.footer-btn p{
	text-align: center;
	padding: 0 0 15px 0;
}

.footer-produce p.copyright{
	text-align: center;
	color: #000;
	font-size: 12px;
	line-height: 1.2;
	padding: 0 0 20px 0;
}
.footer-produce p.produce{
	display: none;
}
.footer-produce p.produce a{
	color: #000;
	text-decoration: underline;
}
.footer-produce p.produce a:hover{
	color: #000;
	text-decoration: none;
}



/****************************************

	home

*****************************************/
#visual{
	min-width: 100%;
}
#visual h2 > img{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}



#introduction{
	margin: 0 15px;
}
#introduction h2{
	padding: 30px 30px 25px 30px;
	text-align: center;
}

.introduction-box{}

.introduction-image01{}
.introduction-image01 p{
	padding: 0 30px 25px 30px;
	text-align: center;
}
.introduction-contents01{
	margin: 0 0 30px 0;
}
.introduction-contents01 p.introduction-ttl{
	padding: 0 0 10px 0;
}
.introduction-contents01 p.introduction-ttl img{
	height: 50px;
	width: auto;
}
.introduction-contents01 p.introduction-txt{
	color: #000;
	font-size: 14px;
	line-height: 1.7;
}

.introduction-image02{}
.introduction-image02 p{
	padding: 0 30px 25px 30px;
	text-align: center;
}
.introduction-contents02{
	margin: 0 0 30px 0;
}
.introduction-contents02 p.introduction-ttl{
	padding: 0 0 10px 0;
}
.introduction-contents02 p.introduction-ttl img{
	height: 50px;
	width: auto;
}
.introduction-contents02 p.introduction-txt{
	color: #000;
	font-size: 14px;
	line-height: 1.7;
}



#experience{
	background: #F6F6E5;
}
#experience-inner{
	margin: 0 15px;
}
#experience-inner h2{
	padding: 30px 30px 25px 30px;
	text-align: center;
}
#experience-inner p.experience-catch{
	padding: 0 0 25px 0;
	text-align: center;
}
#experience-inner p.experience-txt01{
	color: #000;
	font-size: 14px;
	line-height: 1.7;
	margin: 0 0 20px 0;
}
#experience-inner p.experience-join{
	padding: 0 0 20px 0;
	text-align: center;
}
#experience-inner p.experience-txt02{
	text-align: center;
	color: #000;
	font-size: 14px;
	line-height: 1.7;
	margin: 0 0 20px 0;
}
#experience-inner p.experience-entry{
	text-align: center;
	padding: 0 0 25px 0;
}

#experience-inner ul{
	margin: 0 0 25px 0;
}
#experience-inner ul li{
	width: 48%;
	margin: 0 4% 0 0;
	float: left;
}
#experience-inner ul li:last-child{
	margin: 0;
}



#recruit{
	margin: 0 15px;
}
#recruit h2{
	padding: 30px 30px 25px 30px;
	text-align: center;
}
#recruit p.recruit-txt01{
	color: #000;
	font-size: 14px;
	line-height: 1.7;
	margin: 0 0 20px 0;
}

#recruit ul{
	margin: 0 0 25px 0;
}
#recruit ul li{
	text-align: center;
	margin: 0 0 20px 0;
}
#recruit ul li:last-child{
	margin: 0;
}
#recruit ul li p.recruit-catch{
	text-align: center;
	margin: 0 40px 20px 40px;
}
#recruit ul li p.recruit-catch-txt{
	color: #000;
	font-size: 14px;
	line-height: 1.7;
}

#recruit-visual p > img{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}



#entry{
	background: #F6F6E5;
	padding: 0 0 20px 0;
}
#entry-inner{
	margin: 0 15px;

}
#entry-inner h2{
	padding: 30px 30px 25px 30px;
	text-align: center;
}

.entry-guidance{
	color: #000;
	font-size: 14px;
	line-height: 1.7;
	padding: 0 0 25px 0;
}
.entry-guidance span{
	color: #FF6699;
}


#entry-inner table{
	width: 100%;
	margin: 0 auto 25px auto;
	border-collapse: collapse;
}
#entry-inner table th{
	margin: -1px 0 0 0;
	border: 1px solid #CCCCCC;
	padding: 15px;
	background: #FFF9FC;
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
	color: #000;
	font-size: 13px;
	width: auto;
	display: block;
}
#entry-inner table th span{
	color: #FF6699;
}
#entry-inner table td{
	margin: -1px 0 0 0;
	border: 1px solid #CCCCCC;
	padding: 15px;
	background: #FFF;
	text-align: left;
	vertical-align: middle;
	color: #000;
	font-size: 13px;
	width: auto;
	display: block;
}

#entry-inner table td input[name="entry-name"],
#entry-inner table td input[name="entry-kana"],
#entry-inner table td input[name="entry-school"],
#entry-inner table td input[name="entry-schoolyear"],
#entry-inner table td input[name="entry-tel"],
#entry-inner table td input[name="entry-mail"] {
	width: 100%;
	padding: 10px 15px;
	color: #333;
	background-color: #FFF;
	border: 1px solid #CCCCCC;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#entry-inner table td textarea[name="entry-address"],
#entry-inner table td textarea[name="entry-note"] {
	width: 100%;
  padding: 10px 15px;
	color: #333;
	background-color: #FFF;
	border: 1px solid #CCCCCC;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#entry-inner .entry-btn{
	padding: 0 0 35px 0;
}
#entry-inner .entry-btn input[type="submit"]{
	-webkit-appearance: none;
	display: block;
	outline: 0;
	cursor: pointer;
	border: none;
	color: #FFF;
	background: #FF6699;
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
	width: 180px;
	margin: 0 auto;
	padding: 15px;
	transition: 0.3s;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#entry-inner .entry-btn input[type="submit"]:hover {
	background: rgba(255, 102, 153, 0.6);
	color: #FFF;
}



#entry-inner .entry-tel-box{
	border-top: 1px solid #753842;
	border-bottom: 1px solid #753842;
	padding: 20px 0 20px 0;
}
#entry-inner .entry-tel-box .entry-tel-txt01{
	text-align: center;
	color: #743841;
	font-size: 14px;
	line-height: 1.2;
	padding: 0 0 20px 0;
}
#entry-inner .entry-tel-box .entry-tel-txt02{
	text-align: center;
	color: #743841;
	font-size: 28px;
	line-height: 1.2;
	font-weight: 700;
}
#entry-inner .entry-tel-box .entry-tel-txt02 a{
	color: #743841;
	text-decoration: none;
}
#entry-inner .entry-tel-box .entry-tel-txt02 a:hover{
	color: rgba(116, 56, 65, 0.6);
	text-decoration: none;
}



/****************************************

	以下レスポンシブ　記述終了用　削除禁止

*****************************************/
}