@charset "UTF-8";

body { margin:0; padding:0; font-size:0.9em; letter-spacing:1px; line-height:1.5em; color:#555; background:#fff url("./images/back.png") top center repeat; }
ul { list-style-type:none; }

@media screen and (min-width:360px) {
	header h1 { padding:1em 0 0 0; }
	header h1 img.logo { width:98%; }
	
	/* ナビ */
	#Nav ul { width:98%; }
	#Nav ul li { width:50%; }

	#Img { margin:0; padding:0 0 19px 0; width:auto; height:auto; text-align:center; display:block; background: url("./images/head_line.gif") bottom center repeat-x; }
	#img img { margin:0 auto; width:100%; height:auto; display:block; }

	/* こんなお客様が利用されます */
	#Are01 { padding:50px 0 0 0; }
	#Are01 h2 { font-size:1.6em; }
	#Are01 h2:before { bottom:-15px; }
	#Are01 ul { margin:50px auto 0 auto; padding:0; width:100%; }
	#Are01 ul li { width:43%; }

	/* イベント情報トピックス */
	#Topics div.cov { padding:1.6em 0; width:100%; display:block; }
	#Topics div.cov div.left { width:95%; }
	#Topics div.cov div.left h2 { margin-bottom:1em; font-size:2em; }
	#Topics div.cov div.left ul.topics-list { margin:2% 0 0 0; padding:0; }
	#Topics div.cov div.left ul.topics-list li { margin:0 0 1.8% 0; padding:0 0 1.8% 2%; box-sizing:border-box; border-bottom:1px solid #f5f5f5; }
	#Topics div.cov div.left ul.topics-list li:last-child { border-bottom:none; }
	#Topics div.cov div.left ul.topics-list li a { font-size:14px; color:#38cffc; }

	#Topics div.cov div.right { margin:0 auto; padding:0; width:95%; }
	#Topics div.cov div.right ul { display: -webkit-flex; display:flex; -webkit-justfy-content:space-between; justify-content:space-between; flex-wrap:wrap; }
	#Topics div.cov div.right ul li { margin:0 auto 1em auto; padding:0; width:50%; font-size:0.85em; line-height:1.3em; text-decoration:none; text-align:center; }
	#Topics div.cov div.right ul li img { width:95%; height:auto; }

	/* スケジュール */
	#Schedule ul.schduleul { width:95%; }
	#Schedule ul.schduleul li { margin:0; width:50%; }
	#Schedule ul.schduleul li a img { width:90%; }
	#Schedule ul.schduleul li a p.catch { margin:0.5em 0; font-size:0.8em; }
	#Schedule ul.schduleul li a p.name { margin:0.5em 0; font-size:1.2em; font-weight:bold; text-align:center; }
	#Schedule ul.schduleul li a p.size { margin:0.5em 0; font-size:0.9em; font-weight:bold; text-align:center; }

	#Schedule ul li div a p.name span { font-size:0.8em; display:inline; }
	
	/* お問い合わせ */
	#Toiawase div.main ul li img { width:97%; }

	/* 広告 */
	#Adare { margin:1% auto; padding:0; }
	#Adare p { margin:0 auto 10px auto; text-align:center; display:block; }
	#Adare p img { margin:0 auto; width:90%; height:auto; display:block; }

	/* フッター */
	#Foot { margin:0; padding:0; background: url("./images/foot_back.png") top center repeat-x; font-family: 'M PLUS 1p', sans-serif; }
	#Foot ul { margin:0 auto; padding:100px 0; width:90%; list-style-type:none; }
	#Foot ul li { margin:0 0 1.5em 0; padding:0 0 1.5em 0; width:100%; border-bottom:1px solid #e8e4c5; text-align:center; }
	#Foot ul li a { font-size:1.4em; color:#ede7ef; letter-spacing:1px; text-decoration:none; }
	#Foot p { margin:0; padding:0; font-size:0.9em; color:#c1bac4; text-align:center; }

	#Page h2 { margin:1em 0; padding:0; font-size:2.3em; font-family: 'M PLUS 1p', sans-serif; color:#5f4274; letter-spacing:2px; text-align:center; }

	/* システムページ */
	#Sys { background: url("./images/system_back.png") top center no-repeat; background-size:cover; }
	#Sys img.sys_tit { width:85%; height:auto; }
	#Sys img.sys_img { width:95%; height:auto; }
	#Sys div { width:95%; }
	#Sys div img { width:100%; }



	/* 求人ページ */
	#Rec { width:95%; }
	#Rec ul li img.rec_tit { width:100%; }
	#Rec ul li.item img { width:50%; }
	#Rec ul li img.rec_com { width:100%; }
	#Rec ul li.item01 { width:100%; }
	#Rec ul li.item01 div { margin:0 auto 1em auto; width:auto; display:block; }
	#Rec ul li.item01 div img.item_img01 { margin:0 auto; padding:0; width:60%; height:auto; display:block; }
	#Rec ul li.item01 div img.item_img01_01 { margin:0 auto; padding:0; width:60%; height:auto; display:block; }
	#Rec ul li.item01 div img.item_img02 { margin:0 auto; padding:0; width:90%; height:auto; display:block; }

	#Rec01 { margin:0 auto 1em auto; padding:50px 0 0 0; }
	#Rec01 img.rec_tit { margin:0 auto 1em auto; width:98%; }
	#Rec01 ul { margin:0 auto; width:100%; }
	#Rec01 ul li { width:50%; }
	#Rec01 ul li img { width:90%; }

	#Rec02 { padding:1.5em 0; }
	#Rec02 img.rec_tit { width:80%; }
	#Rec02 ul { width:100%; }
	#Rec02 ul li { width:50%; }
	#Rec02 ul li img { width:90%; height:auto; }
	#Rec02 p { width:90%; font-size:1em; }

	#Rec03 { padding:1.5em 0; }
	#Rec03 img.rec_tit { margin:0 auto 20px auto; width:98%; }
	#Rec03 ul { width:100%; }
	#Rec03 ul li { width:50%; height:auto; }
	#Rec03 ul li dl dd { padding:2em; height:auto; }

	#Rec04 img.rec_tit { width:98%; }
	#Rec04 ul { width:95%; }
	#Rec04 ul li { display:block; }
	#Rec04 ul li p.recp_l { width:auto; color:#ff2266; }
	#Rec04 ul li p.recp_r { width:90%; }
	

	#Rectel { margin:0 0 50px 0; padding:0; font-family: 'M PLUS 1p', sans-serif; }
	#Rectel table { margin:0 auto; padding:0; border-collapse:  collapse; width:95%; }
	#Rectel th,td { padding:1em; border: solid 3px #f4eef0; }
	#Rectel th { font-weight:bold; color:#000; font-size:1.3em; width:30%; }
	#Rectel td { font-size:1.2em; color:#333; letter-spacing:1px; line-height:1.5em; width:70%; }
	#Rectel td img { margin:0; padding:0; width:50%; height:auto; vertical-align:middle; }

	/* 女の子詳細ページ */
	#Main dl.listdl { width:98%; display:block; }
	#Main dl.listdl dt { width:100%; display:block; }
	#Main dl.listdl dd { width:100%; display:block; }
	#Main dl.listdl dd h2 { font-size:2em; }
	#Main dl.listdl dd h2 small { font-size:0.77em; }
	#Main dl.listdl dd p { font-size:1.1em; }

	/* トピックス一覧 */
	#Main div.comwaku { margin:0 auto; padding:2% 0; width:98%; display:block; }
}






@media screen and (min-width:768px) and ( max-width:1024px) {
	header h1 { padding:0; }
	header h1 img.logo { width:85%; }	

	/* ナビ */
	#Nav ul { width:98%; }
	#Nav ul li { width:25%; }


	#Img { margin:0; padding:0 0 19px 0; width:auto; height:auto; text-align:center; display:block; background: url("./images/head_line.gif") bottom center repeat-x; }
	#Img img { margin:0 auto; width:100%; height:auto; display:block; }

	/* こんなお客様が利用されます */
	#Are01 { padding:50px 0 2em 0; }
	#Are01 h2 { font-size:2em; }
	#Are01 h2:before { bottom:-15px; }
	#Are01 ul { margin:0 auto; padding:3em 0; width:100%; }
	#Are01 ul li { width:43%; }

	/* イベント情報トピックス */
	#Topics div.cov { padding:3em 0; width:100%; display:block; }
	#Topics div.cov div.left { width:95%; }
	#Topics div.cov div.left h2 { margin-bottom:2em; font-size:2.2em; }
	#Topics div.cov div.left ul.topics-list { margin:2% 0 0 0; padding:0; }
	#Topics div.cov div.left ul.topics-list li { margin:0 0 1.8% 0; padding:0 0 1.8% 2%; box-sizing:border-box; border-bottom:1px solid #f5f5f5; }
	#Topics div.cov div.left ul.topics-list li:last-child { border-bottom:none; }
	#Topics div.cov div.left ul.topics-list li a { font-size:14px; color:#38cffc; }

	#Topics div.cov div.right { margin:0 auto; padding:0; width:95%; }
	#Topics div.cov div.right ul { display: -webkit-flex; display:flex; -webkit-justfy-content:space-between; justify-content:space-between; }
	#Topics div.cov div.right ul li { margin:0 auto 1em auto; padding:0; width:45%; font-size:1em; line-height:1.3em; text-decoration:none; text-align:center; }
	#Topics div.cov div.right ul li img { width:95%; height:auto; }
	
	/* スケジュール */
	#Schedule ul.schduleul { width:95%; }
	#Schedule ul.schduleul li { margin:0; width:33%; }
	#Schedule ul.schduleul li a img { width:90%; }
	#Schedule ul.schduleul li a p.catch { margin:0.5em 0; font-size:0.8em; }
	#Schedule ul.schduleul li a p.name { margin:0.5em 0; font-size:1.2em; font-weight:bold; text-align:center; }
	#Schedule ul.schduleul li a p.size { margin:0.5em 0; font-size:0.9em; font-weight:bold; text-align:center; }
	#Schedule ul.schduleul li a p.name span { font-size:0.8em; display:inline; }

	/* お問い合わせ */
	#Toiawase div.main ul li img { width:97%; }

	/* 広告 */
	#Adare { margin:1% auto; padding:0; }
	#Adare p { margin:0 auto 10px auto; text-align:center; display:block; }
	#Adare p img { margin:0 auto; display:block; }

	#Foot { margin:0; padding:0; background: url("./images/foot_back.png") top center repeat-x; font-family: 'M PLUS 1p', sans-serif; }
	#Foot ul { margin:0 auto; padding:100px 0; width:90%; -webkit-flex; display:flex; -webkit-justfy-content:flex-start; justify-content:flex-start; -webkit-flex-wrap:wrap; flex-wrap:wrap; list-style-type:none; }
	#Foot ul li { margin:0; padding:0; width:25%; text-align:center; border-bottom:none; }
	#Foot ul li a { font-size:1.4em; color:#ebe8d6; letter-spacing:1px; text-decoration:none; }
	#Foot p { margin:0; padding:0; font-size:0.9em; color:#cec7d3; text-align:center; }


	#Page h2 { margin:1em 0; padding:0; font-size:2.3em; font-family: 'M PLUS 1p', sans-serif; color:#5f4274; letter-spacing:2px; text-align:center; }

	/* システムページ */
	#Sys { background: url("./images/system_back.png") top center no-repeat; background-size:cover; }
	#Sys img.sys_tit { width:85%; height:auto; }
	#Sys img.sys_img { width:95%; height:auto; }
	#Sys div { width:95%; }
	#Sys div img { width:95%; }

	/* 求人ページ */
	#Rec { width:95%; }
	#Rec ul li img.rec_tit { width:100%; }
	#Rec ul li.item img { width:20%; }
	#Rec ul li img.rec_com { width:90%; }
	#Rec ul li.item01 { width:100%; }
	#Rec ul li.item01 div { margin:0 auto 2em auto; width:95%; -webkit-flex; display:flex; -webkit-justfy-content:flex-start; justify-content:flex-start; -webkit-flex-wrap:wrap; flex-wrap:wrap; align-items:center; }
	#Rec ul li.item01 div img.item_img01 { width:30%; height:auto; }
	#Rec ul li.item01 div img.item_img01_01 { width:30%; height:auto; }
	#Rec ul li.item01 div img.item_img02 { width:70%; height:auto; }

	#Rec01 { margin:0 auto; padding:50px 0 0 0;  }
	#Rec01 img.rec_tit { margin:2em auto 1em auto; width:98%; }
	#Rec01 ul { margin:0 auto 20px auto; width:100%; }
	#Rec01 ul li { width:49%; }
	#Rec01 ul li img { width:100%; }

	#Rec02 { padding:2em 0; }
	#Rec02 img.rec_tit { width:98%; }
	#Rec02 ul { width:100%; }
	#Rec02 ul li { width:48%; }
	#Rec02 ul li img { width:90%; height:auto; }
	#Rec02 p { width:90%; font-size:1.2em; }

	#Rec03 { padding:3em 0; }
	#Rec03 img.rec_tit { margin:0 auto 40px auto; width:98%; }
	#Rec03 ul { width:100%; }
	#Rec03 ul li { width:50%; height:410px; }
	#Rec03 ul li dl dd { padding:2em; height:150px; }

	#Rec04 img.rec_tit { width:98%; }
	#Rec04 ul { width:95%; }
	#Rec04 ul li { display:block; }
	#Rec04 ul li p.recp_l { width:auto; color:#ff2266; }
	#Rec04 ul li p.recp_r { width:90%; }

	#Rectel { margin:0 0 50px 0; padding:0; font-family: 'M PLUS 1p', sans-serif; }
	#Rectel table { margin:0 auto; padding:0; border-collapse:  collapse; width:800px; }
	#Rectel th,td { padding:1.5em; border: solid 3px #f4eef0; }
	#Rectel th { font-weight:bold; color:#000; font-size:1.3em; width:30%; }
	#Rectel td { font-size:1.2em; color:#333; letter-spacing:1px; line-height:1.5em; width:70%; }
	#Rectel td img { margin:0; padding:0; width:50%; height:auto; vertical-align:middle; }


	/* 女の子詳細ページ */
	#Main dl.listdl { width:98%; display:flex; -webkit-justfy-content:flex-start; justify-content:flex-start; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
	#Main dl.listdl dt { width:47%; display:block; }
	#Main dl.listdl dd { width:48%; display:block; }
	#Main dl.listdl dd h2 { font-size:2em; }
	#Main dl.listdl dd h2 small { font-size:0.77em; }
	#Main dl.listdl dd p { font-size:1.1em; }


	/* トピックス一覧 */
	#Main div.comwaku { margin:0 auto; padding:2% 0; width:95%; display:block; }
}






@media screen and (min-width:1024px) {
	/* ヘッダー */
	header h1 { padding:0; }
	header h1 img.logo { width:873px; }

	/* ナビ */
	#Nav ul { width:1000px; }
	#Nav ul li { width:25%; }


	#Img { margin:0; padding:0 0 19px 0; width:auto; height:auto; text-align:center; display:block; background: url("./images/head_line.gif") bottom center repeat-x; }
	#Img img { margin:0 auto; width:100%; height:auto; display:block; }

	/* こんなお客様が利用されます */
	#Are01 { padding:80px 0 2em 0; }
	#Are01 h2 { font-size:2.2em; }
	#Are01 h2:before { bottom:-23px; }
	#Are01 ul { margin:0 auto; padding:3em 0; width:1000px; }
	#Are01 ul li { width:30%; }
	
	/* イベント情報トピックス */
	#Topics div.cov { padding:3em 0; width:1000px; -webkit-flex; display:flex; -webkit-justfy-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
	#Topics div.cov div.left { width:740px; }
	#Topics div.cov div.left h2 { margin-bottom:2em; font-size:2.2em; }
	#Topics div.cov div.left ul.topics-list { margin:2% 0 0 0; padding:0; }
	#Topics div.cov div.left ul.topics-list li { margin:0 0 1.8% 0; padding:0 0 1.8% 2%; box-sizing:border-box; border-bottom:1px solid #f5f5f5; }
	#Topics div.cov div.left ul.topics-list li:last-child { border-bottom:none; }
	#Topics div.cov div.left ul.topics-list li a { font-size:14px; color:#38cffc; }
	
	#Topics div.cov div.right { margin:0; padding:110px 0 0 0; width:230px; display:block; }
	#Topics div.cov div.right ul { display:block; }
	#Topics div.cov div.right ul li { margin:0 0 1em 0; padding:0; font-size:0.7em; line-height:1.3em; text-decoration:none; width:230px; display:block; text-align:center; }
	#Topics div.cov div.right ul li img { width:220px; height:96px; }

	/* イベント情報トピックス */
	#Schedule ul.schduleul { width:90%; }
	#Schedule ul.schduleul li { margin:0 0 2em 0; width:25%; }
	#Schedule ul.schduleul li a img { width:85%; }
	#Schedule ul.schduleul li a p.catch { margin:0 0 0.2em 0; font-size:1em; }
	#Schedule ul.schduleul li a p.name { margin:0.3em 0; font-size:1.3em; }
	#Schedule ul.schduleul li a p.size { margin:0; font-size:1em; }
	
	/* お問い合わせ */
	#Toiawase div.main ul li img { width:980px; height:240px; }


	#Page h2 { margin:2em 0; padding:0; font-size:2.3em; font-family: 'M PLUS 1p', sans-serif; color:#5f4274; letter-spacing:2px; text-align:center; }

	/* システムページ */
	#Sys { background: url("./images/system_back.png") top center no-repeat; }
	#Sys img.sys_tit { width:800px; height:auto; }
	#Sys img.sys_img { width:1000px; height:auto; }
	#Sys div { width:1000px; }

	/* 求人ページ */
	#Rec { width:1000px; }
	#Rec ul li img.rec_tit { width:95%; }
	#Rec ul li.item img { width:20%; }
	#Rec ul li img.rec_com { width:90%; }
	#Rec ul li.item01 { width:auto; }
	#Rec ul li.item01 div { margin:0 auto 2em auto; width:95%; -webkit-flex; display:flex; -webkit-justfy-content:flex-start; justify-content:flex-start; -webkit-flex-wrap:wrap; flex-wrap:wrap; align-items:center; }
	#Rec ul li.item01 div img.item_img01 { width:288px; height:180px; }
	#Rec ul li.item01 div img.item_img01_01 { width:288px; height:190px; }
	#Rec ul li.item01 div img.item_img02 { width:647px; height:auto; }

	#Rec01 { margin:0 auto; padding:100px 0 0 0; }
	#Rec01 img.rec_tit { margin:0 auto; width:1000px; height:auto; }
	#Rec01 ul { margin:0 auto 20px auto; width:1000px; }
	#Rec01 ul li { width:33.3%; }

	#Rec02 { padding:3em 0; }
	#Rec02 img.rec_tit { width:1000px; }
	#Rec02 ul { width:1000px; }
	#Rec02 ul li { width:25%; }
	#Rec02 ul li img { width:232px; height:369px; }
	#Rec02 p { width:75%; font-size:1.1em; }

	#Rec03 { padding:3em 0; }
	#Rec03 img.rec_tit { margin:0 auto 40px auto; width:1000px; }
	#Rec03 ul { width:1000px; }
	#Rec03 ul li { width:33%; height:410px; }
	#Rec03 ul li dl dd { padding:3em 2em; height:140px; }

	#Rec04 img.rec_tit { width:1000px; }
	#Rec04 ul { width:980px; }
	#Rec04 ul li { -webkit-flex; display:flex; -webkit-justfy-content:flex-start; justify-content:flex-start; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
	#Rec04 ul li p.recp_l { width:200px;color:#333; }
	#Rec04 ul li p.recp_r { width:750px; }

	#Rectel { margin:0 0 50px 0; padding:0; font-family: 'M PLUS 1p', sans-serif; }
	#Rectel table { margin:0 auto; padding:0; border-collapse:  collapse; width:800px; }
	#Rectel th,td { padding:1.5em; border: solid 3px #f4eef0; }
	#Rectel th { font-weight:bold; color:#000; font-size:1.3em; width:30%; }
	#Rectel td { font-size:1.2em; color:#333; letter-spacing:1px; line-height:1.5em; width:70%; }
	#Rectel td img { margin:0; padding:0; width:50%; height:auto; vertical-align:middle; }

	/* 女の子詳細ページ */
	#Main dl.listdl { width:1000px; display:flex; -webkit-justfy-content:flex-start; justify-content:flex-start; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
	#Main dl.listdl dt { width:48%; display:block; }
	#Main dl.listdl dd { width:48%; display:block; }
	#Main dl.listdl dd h2 { font-size:2em; }
	#Main dl.listdl dd h2 small { font-size:0.77em; }
	#Main dl.listdl dd p { font-size:1.1em; }

	/* トピックス一覧 */
	#Main h2 { margin:0 auto; padding:0; width:80%;  }
	#Main div.comwaku { margin:0 auto; padding:2% 0; width:80%; line-height:150%; letter-spacing:2px; display:block; }

	/* 広告 */
	#Adare { margin:1% auto; padding:0; }
	#Adare p { margin:0 auto 10px auto; text-align:center; display:block; }
	#Adare p img { margin:0 auto; width:auto; height:auto; display:block; }

	#Foot { margin:100px 0 0 0; padding:0; background: url("./images/foot_back.png") top center repeat-x; font-family: 'M PLUS 1p', sans-serif; }
	#Foot ul { margin:40px auto; padding:100px 0; width:980px; -webkit-flex; display:flex; -webkit-justfy-content:flex-start; justify-content:flex-start; -webkit-flex-wrap:wrap; flex-wrap:wrap; list-style-type:none; }
	#Foot ul li { margin:0; padding:0; width:25%; text-align:center; border-bottom:none; }
	#Foot ul li a { font-size:1.4em; color:#ebe8d6; letter-spacing:1px; text-decoration:none; }
	#Foot p { margin:0; padding:0; font-size:0.9em; color:#cec7d3; text-align:center; }
}






#Main { margin:0 auto; padding:30px 0; width:98%; display:block; }
#Main dl { margin:0 auto 50px auto; padding:0; font-family: 'M PLUS 1p', sans-serif; }
#Main dl.listdl dt img { margin:0 auto; padding:0; width:98%; border-radius:5px; display:block; }
#Main dl.listdl dd h2 { margin:0 0 1em 0; padding:0.5em 0; border-bottom:2px solid #e3d9e6; display:block; }
#Main dl.listdl dd h2 small { display:inline; }
#Main dl.listdl dd p { margin:0 0 1em 0; padding:0 0 1em 0; border-bottom:1px solid #eae6eb; display:block; }


/* ヘッダー */
header { margin:0; padding:1em 0; width:100%; height:auto; display:block; }
header h1 { margin:0 auto; text-align:center; }
header h1 img.logo { margin:0 auto 0.5em auto; padding:0; height:auto; display:block; }

/* ハンバーガーナビ */
nav.NavMenu{ position:fixed; z-index:2; top:0; left:0; background: url("./images/nav_back.png") repeat; color:#ada8b0; text-align:center; width:100%; transform: translateY(-100%); transition: all 0.6s; font-family: 'M PLUS 1p', sans-serif; }
nav.NavMenu ul{ width:70%; margin:0 auto; padding:0; }
nav.NavMenu ul li{ font-size:1.4em; list-style-type:none; padding:0; width:100%; border-bottom:1px dotted #eadcdc; }
nav.NavMenu ul li:last-child{ padding-bottom:0; border-bottom: none; }
nav.NavMenu ul li a { display:block; color:#896839; padding:1.5em 0; text-decoration:none; }
nav.NavMenu.active{ transform: translateY(0%); }
.Toggle { padding:40px 0 0 0; display:block; position: fixed; right:13px; top:28px; width:50px; height:50px; cursor:pointer; z-index:3; text-align:center; font-size:0.7em; letter-spacing:2px; color:#74667c; }
.Toggle span { display: block; position: absolute; width: 40px; border-bottom: solid 3px #74667c; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out; left: 6px; }
.Toggle span:nth-child(1) { top: 9px; }
.Toggle span:nth-child(2) { top: 22px; }
.Toggle span:nth-child(3) { top: 35px; }
.Toggle.active span:nth-child(1) { top: 18px; left: 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) { top: 18px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }

/* ナビ */
#Nav { margin:0 auto; padding:0; width:auto; display:block; }
#Nav ul { margin:0 auto; padding:0; -webkit-flex; display:flex; -webkit-justfy-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap; list-style-type:none; }
#Nav ul li { margin:0 auto 1em auto; padding:0; display:block; }
#Nav ul li a { margin:0 auto; padding:0; width:95%; color:#333; text-align:center; font-size:1.3em; font-family: 'M PLUS 1p', sans-serif; letter-spacing:2px; text-decoration:none; display:block; }
#Nav ul li a span {  font-size:0.6em; font-weight:normal; color:#b0a1b2; letter-spacing:2px; display:block; }

/* こんなお客様が利用されます */
#Are01 { margin:0 auto; font-family: 'M PLUS 1p', sans-serif; }
#Are01 h2 { position: relative; display: inline-block; margin-bottom: 1em; color:#5f4274; display:block; letter-spacing:1px; font-weight:normal; text-align:center; text-shadow: 2px 2px 0 #fff; }
#Are01 h2:before { content: ''; position: absolute; display: inline-block; width: 100px; height: 5px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color:#5f4274; border-radius: 2px; }
#Are01 ul { -webkit-flex; display:flex; -webkit-justfy-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap; list-style-type:none; }
#Are01 ul li { position:relative; margin:0 auto 2em auto; padding:0.5em; }
#Are01 ul li span { position:absolute; width:108px; height:105px; top:5px; right:5px; z-index:100; }
#Are01 ul li h3 { margin:0; padding:1.5em 0; background:#f0e9f5; text-align:center; color:#5a3239; font-weight:bold; border-radius:5px; }
#Are01 ul li h3 img { margin:0 auto 5px auto; padding:0; display:block; }
#Are01 ul li p { margin:0; padding:1.5em 1em; width:auto; height:auto; background:#fff; color:#333; font-size:1em; line-height:1.5em; display:block; }

/* イベント情報トピックス */
#Topics { margin:0; padding:0; width:100%; height:auto; background: url("./images/topics_back.png") top center repeat-x; font-family: 'M PLUS 1p', sans-serif; }
#Topics div.cov { margin:0 auto; height:auto; list-style-type:none; }
#Topics div.cov div.left { margin:0; padding:0; }
#Topics div.cov div.left h2 { position:relative; display: inline-block; color:#5f4274; display:block; letter-spacing:1px; font-weight:normal; text-align:center; text-shadow: 2px 2px 0 #fff; }
#Topics div.cov div.left h2:before { content: ''; position: absolute; bottom: -23px; display: inline-block; width: 100px; height: 5px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color:#5f4274; border-radius: 2px; }
#Topics div.cov div.left div.com { margin:0; background:#fff; line-height:2em; border-radius:5px; }
#Topics div.cov div.left div.com span.time { margin:0; padding:0; color:#666; letter-spacing:2px; font-size:0.8em; }
#Topics div.cov div.left div.com h3 { padding:0; font-size:1.8em; color:#7d26ba; line-height:1.5em; text-align:center; display:block; }
#Topics div.cov div.left div.com img { margin:0 auto; padding:0; width:100%; border-radius:5px; display:block; }
#Topics div.cov div.left div.com p { margin:0 auto; padding:0; display:block; }
#Topics div.cov div.right ul { margin:0; padding:0; list-style-type:none; }
#Topics div.cov div.right ul li a { text-decoration:none; }
#Topics div.cov div.right ul li img { margin:0 auto 0.3em auto; padding:0; border-radius:5px; display:block; }

/* スケジュール */
#Schedule { margin:0; padding:3em 0; background: url("./images/grd_line.png") top center repeat-x; font-family: 'M PLUS 1p', sans-serif; }
#Schedule h2 { position:relative; display: inline-block; margin-bottom:2em; color:#5f4274; display:block; font-size:2.2em; letter-spacing:1px; font-weight:normal; text-align:center; text-shadow: 2px 2px 0 #fff; }
#Schedule h2:before { content: ''; position: absolute; bottom: -23px; display: inline-block; width: 100px; height: 5px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color:#5f4274; border-radius: 2px; }
#Schedule p.day { margin:0 auto 1em auto 0; padding:0; font-size:1.5em; color:#9d929e; width:95%; text-align:right; display:block; }
#Schedule ul.schduleul { margin:0 auto; padding:0; height:auto;　display:-webkit-flex; display:flex; flex-wrap:wrap; }
#Schedule ul.schduleul li { position:relative; padding:0; text-align:center; display:block; }
#Schedule ul.schduleul li div.icondiv { position:absolute; top:40px; left:0; width:40px; height:auto; border:none; display:block; }
#Schedule ul.schduleul li a { text-decoration:none; display:block; }
#Schedule ul.schduleul li a img { margin:0 auto; padding:0; border-radius:5px; display:block; }
#Schedule ul.schduleul li a p.catch { padding:0; color:#826b8e; text-align:center; text-decoration:none; }
#Schedule ul.schduleul li a p.name { padding:0; color:#734b78; }
#Schedule ul.schduleul li a p.name span { font-size:0.8em; display:inline; }
#Schedule ul.schduleul li a p.size { padding:0; color:#8d8288; width:90%; letter-spacing:1px; border-bottom:1px dotted #ccc; }
#Schedule ul.schduleul li a p.time { margin:0 auto; padding:0.3em 0; width:80%; color:#ff008a; background:#fff; font-size:1.1em; letter-spacing:3px; border-radius:7px; display:block; }
#Schedule ul.schduleul li div.icondiv span.new_on { margin:0 auto; padding:0; width:40px; height:40px; background: url("./images/new.png") top center no-repeat; display:block; }
#Schedule ul.schduleul li div.icondiv span.new_off { display:none; }
#Schedule ul.schduleul li div.icondiv span.gakusei { margin:0 auto 0.1em auto; padding:0; width:40px; height:40px; background: url("./images/gakusei.png") top center no-repeat; display:block; }
#Schedule ul.schduleul li div.icondiv span.free { margin:0 auto 0.1em auto; padding:0; width:40px; height:40px; background: url("./images/free.png") top center no-repeat; display:block; }
#Schedule ul.schduleul li div.icondiv span.ol { margin:0 auto 0.1em auto; padding:0; width:40px; height:40px; background: url("./images/ol.png") top center no-repeat; display:block; }
#Schedule ul.schduleul li div.icondiv span.shufu { margin:0 auto 0.1em auto; padding:0; width:40px; height:40px; background: url("./images/shufu.png") top center no-repeat; display:block; }

/* お問い合わせ */
#Toiawase { margin:0; padding:0; background:#fff; font-family: 'M PLUS 1p', sans-serif; }
#Toiawase div.main { margin:0; padding:3em 0 0 0; width:auto; height:auto; display:block; }
#Toiawase div.main h2 { position:relative; display:inline-block; margin-top:0; margin-bottom:2em; color:#5f4274; display:block; font-size:2.2em; letter-spacing:1px; font-weight:normal; text-align:center; text-shadow: 2px 2px 0 #fff; }
#Toiawase div.main h2:before { content: ''; position: absolute; bottom: -23px; display: inline-block; width: 100px; height: 5px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color:#5f4274; border-radius: 2px; }
#Toiawase div.main ul { margin:0 auto; padding:0; width:auto; display:block; list-style-type:none; }
#Toiawase div.main ul li { padding:0; text-align:center; }
#Toiawase div.main ul li img { margin:0 auto; display:block; }



#Page { margin:0; padding:0; width:auto; }
/* システムページ */
#Sys { margin:0 auto; padding:0; width:100%; height:auto; }
#Sys img.sys_tit { margin:0 auto; padding:0; display:block; }
#Sys p.pcom01 { margin:0 auto; padding:0; text-align:center; font-size:1.1em; line-height:2.5em; display:block; }
#Sys img.sys_img { margin:0 auto; border-radius:10px; display:block; }
#Sys p { margin:0; padding:0; }
#Sys div { margin:0 auto; padding:3em 0; }
#Sys div img { margin:0 auto; padding:0; display:block; }
#Sys div img.sysimg02 { width:100%; }
#Sys ul { margin:0 auto 100px auto; padding:0; width:85%; display:block; }
/* 求人ページ */
#Rec { margin:0 auto; padding:0; height:auto; }
#Rec ul { margin:0; padding:0; list-style-type:none; }
#Rec ul li { margin:0; padding:0; }
#Rec ul li img.rec_tit { margin:0 auto; padding:0; height:auto; }
#Rec ul li.item { margin:0 0 50px 0; padding:0; -webkit-flex; display:flex; -webkit-justfy-content:flex-start; justify-content:flex-start; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
#Rec ul li.item img { margin:0; padding:0; height:auto; }
#Rec ul li img.rec_com { margin:0 auto 1em auto; padding:0; height:auto; display:block; }
#Rec ul li.item01 { margin:0 auto 50px auto; padding:0; height:auto; display:block; }
#Rec ul li.item01 div { padding:0; background:#fff; height:auto; border:6px solid #dfd8e4; }

#Rec01 { width:auto; height:auto; display:block; background: url("./images/topics_back00.png") top center repeat-x; }
#Rec01 img.rec_tit { padding:0; height:auto; display:block; }
#Rec01 ul { padding:0; height:auto; list-style-type:none; -webkit-flex; display:flex; -webkit-justfy-content:flex-start; justify-content:flex-start; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
#Rec01 ul li { margin:0 auto 1em auto; padding:0; height:auto; text-align:center; }
#Rec01 ul li img { margin:0 auto;height:auto; }
#Rec01 ul li h3 { margin:0 auto; padding:1em; width:83%; border:1px solid #eee; border-radius:3px; font-size:1.4em; line-height:1.7em; text-align:left; font-family: 'M PLUS 1p', sans-serif; display:block; }

#Rec02 { margin:0; background: url("./images/topics_back00.png") top center repeat-x; font-family: 'M PLUS 1p', sans-serif; }
#Rec02 img.rec_tit { margin:0 auto 20px auto; padding:0; height:auto; display:block; }
#Rec02 ul { margin:0 auto 20px auto; padding:0; height:auto; display:block; list-style-type:none; -webkit-flex; display:flex; -webkit-justfy-content:flex-start; justify-content:flex-start; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
#Rec02 ul li { margin:0 auto 1em auto; padding:0; height:auto; text-align:center; }
#Rec02 ul li img { margin:0 auto; padding:0; display:block; }
#Rec02 p { margin:0 auto; padding:0; line-height:1.5em; letter-spacing:1px; color:#333; }

#Rec03 { margin:0; background: url("./images/topics_back00.png") top center repeat-x; font-family: 'M PLUS 1p', sans-serif; }
#Rec03 img.rec_tit { padding:0; height:auto; display:block; }
#Rec03 ul { margin:0 auto; padding:0; -webkit-flex; display:flex; -webkit-justfy-content:flex-start; justify-content:flex-start; -webkit-flex-wrap:wrap; flex-wrap:wrap; list-style-type:none; }
#Rec03 ul li { margin:0 0 1em 0; padding:0; }
#Rec03 ul li dl { margin:0 auto; padding:0; width:90%; }
#Rec03 ul li dl dt { margin:0; padding:1.7em 0 1.8em 0; background:#ff0060; color:#fff; text-align:center; }
#Rec03 ul li dl dt strong { margin:0 auto; padding:0; font-size:1.4em; width:50%; display:block; }
#Rec03 ul li dl dt h3 { margin:0 auto; padding:0; width:80%; font-size:120%; }
#Rec03 ul li dl dd { margin:0; background:#f8f8f8; }

#Rec04 { margin:0; padding:3em 0; background: url("./images/topics_back00.png") top center repeat-x; font-family: 'M PLUS 1p', sans-serif; }
#Rec04 img.rec_tit { margin:0 auto 40px auto; padding:0; height:auto; display:block; }
#Rec04 ul { margin:0 auto; padding:0; list-style-type:none; }
#Rec04 ul li { margin:0 0 2em 0; padding:0 0 2em 0; border-bottom:2px solid #333; }
#Rec04 ul li p.recp_l { margin:0; padding:0 0 0 1.5em; font-weight:bold; font-size:1.2em; color:#333; }
#Rec04 ul li p.recp_r { margin:0; padding:0; font-size:1.1em; letter-spacing:1px; line-height:1.5em; }



/* パンくずリスト */
p.bnav { margin:0 auto; padding:0.7em; width:95%; border-bottom:1px solid #e7e0cf; font-size:1em; color:#555; font-family: 'M PLUS 1p', sans-serif; }
p.bnav a { text-decoration:none; color:#aa9865; }

/* トップへ戻る */
.pagetop { display: none; position: fixed; right: 15px; bottom: 60px; }
.pagetop a { display: block; font-size: 0; width: 50px; height: 50px; text-align: center; background: #988ba0; line-height: 50px; text-decoration:none; }
.pagetop a i { font-size: 20px; color:#fff; line-height: 50px; text-decoration:none; }