@charset "UTF-8";

/*================================================

 *  CSSリセット

 ================================================*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================

 *  追加分

 ================================================*/

@media screen and (max-width: 767px){
 .pan_list{
 margin:5px auto!important;
 width: 100%!important;
 }
}

.pan_list{
 margin:0 auto;
 width: 1000px;
}

.pan_list ul{
 font-size:0;
 padding-left:10px;
}

.pan_list ul li{
 font-size:0;
 font-size:11px;
 display:inline-block;
}

.pan_list ul li:first-child:before{
 content: none;
 padding: 0;
}

.pan_list ul li:before{
 content: "»";
 padding: 0 8px;
}

.pan_list ul li a{
 font-size:11px;
 text-decoration: none !important;
}

.copyright a{
 text-decoration: none !important;
 color:#fff;
}

/*================================================

 *  web font

 ================================================*/

@font-face {
 font-family: 'Smart Font UI';
 src: local('03スマートフォントUI');
}

/* @font-face定義 */

@font-face {
 font-family: 'JKゴシックM';
 src: url('../font/JKG-M_3.ttf') format('truetype');
}

/* class指定 */

.jkg-M{
 font-family: 'JKゴシックM';
}

/*================================================

 *  一般・共通設定

 ================================================*/

body {
	font-size:14px;
	color:#333;
	font-family:"03スマートフォントUI","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.5;
	background:#fff;
	-webkit-text-size-adjust: 100%;
 margin: 0 !important;
}

.inner {
	box-sizing:border-box;
	position:relative;
	width:1000px;
	margin:0 auto;
}

nav:after {
	content:'';
	display:block;
	clear:both;
}

#sidemenu {
	position:relative;
	width:1200px;
	margin:0 auto;
}

#contents {
	overflow:hidden;
	width:1000px;
	margin:0 auto;
	padding:0px 20px 0;
	background:#fff;
}

#main {
	box-sizing:border-box;
	overflow:hidden;
	width:800px;
	margin:0 auto;
}

#sub {
	box-sizing:border-box;
	overflow:hidden;
	float:right;
	width:28%;
}

section {
	overflow:hidden;
	box-sizing:border-box;
	margin:0;
 padding:0;
}

section.js-ac {
	overflow:hidden;
	box-sizing:border-box;
	margin:0 0 30px;
 padding:0;
}

section.js-ac p {
	overflow:hidden;
}

footer {
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
}

a {
	color:#ff3399;
	text-decoration:underline;
}

a:hover {
	color:#ff3399;
	text-decoration:none;
}

h2.basic {
 position: relative;
 margin:0 0 10px;
 padding-bottom:5px;
 font-size:18px;
 font-weight:bold;
 line-height:1.8;
}

h2.basic:after {
 content: "";
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 5px;
 background: -webkit-repeating-linear-gradient(-45deg, #ffbdde, #ffbdde 8px, #fff 8px, #fff 10px);
 background: repeating-linear-gradient(-45deg, #ffbdde, #ffbdde 8px, #fff 8px, #fff 10px);
}

h2.ac {
 position: relative;
 margin:0 0 10px;
 padding-bottom:5px;
 font-size:18px;
 font-weight:bold;
 line-height:1.8;
}

h2.ac:after {
 content: "";
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 5px;
 background: -webkit-repeating-linear-gradient(-45deg, #ffbdde, #ffbdde 8px, #fff 8px, #fff 10px);
 background: repeating-linear-gradient(-45deg, #ffbdde, #ffbdde 8px, #fff 8px, #fff 10px);
}

h2.list {
 position: relative;
 margin:0 0 10px;
 padding-bottom:5px;
 font-size:18px;
 font-weight:bold;
 line-height:1.8;
}

h2.list:after {
 content: "";
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 5px;
 background: -webkit-repeating-linear-gradient(-45deg, #ffbdde, #ffbdde 8px, #fff 8px, #fff 10px);
 background: repeating-linear-gradient(-45deg, #ffbdde, #ffbdde 8px, #fff 8px, #fff 10px);
}

span.list {
 float: right;
 font-size:15px;
 margin:3px 0 0;
}

/* --- 2018-10-17 修正・追加 ここから --- */

.heading {
 margin-bottom: 0.5em;
 padding: 4px 0;
 border-bottom: 1px #bfb4ab solid;
}

/* --- 2018-10-17 修正・追加 ここまで --- */

.heading h3 {
 margin: 0;
 padding: 3px 3px 2px 5px;
 border-left: 5px #bfb4ab solid;
 font-size: 16px;
 line-height: 1.0;
}

h3.arrow {
 margin-bottom:10px;
 padding:0 0 0 15px;
 color:#333;
 font-size:16px;
 font-weight:bold;
 border-bottom: 1px solid #ccc;
 background:url(../img/arrow.png) 0 center no-repeat;
}

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

h3.arrow a:hover {
 color:#ff3399;
}

img {
 vertical-align:bottom;
}

em {
 font-weight:bold;
}

strong {
	font-weight:bold;
}

pre {
	margin:1em 0;
	padding:1em;
}


table {
 width:100%;
 margin-bottom:1em;
 border-collapse:collapse;
 border-top:1px solid #bfb4ab;
 border-bottom:1px solid #bfb4ab;
 background:#fff;
}

th {
	width:24%;
	padding:10px;
	vertical-align:middle;
	border-top:1px solid #bfb4ab;
	border-bottom:1px solid #fff;
	background:#f69;
	color:#fff;
	text-align:left;
}

th.lastName {
	width:18%;
	border-top:1px solid #bfb4ab;
	border-bottom:1px solid #bfb4ab;
	background:#ece8e6;
	color:#333;
}

th.firstName {
	width:18%;
	border-top:1px solid #bfb4ab;
	border-bottom:1px solid #fff;
	background:#ece8e6;
	color:#333;
}

td {
	padding:10px;
	border-top:1px solid #bfb4ab;
	border-bottom:1px solid #bfb4ab;
	vertical-align: middle;
}

table tr:last-child th{
	border-bottom:1px solid #bfb4ab;
}

/*================================================

 *  ヘッダー

 ================================================*/

.topBer {
	overflow:hidden;
	margin:0;
	padding:0;
	background:#bfb4ab;
}

h1 {
 margin:0;
 padding:3px 0 2px;
 font-size:11px;
 color:#fff;
}

.logo {
	margin:10px 0 10px 100px;
	padding:0;
}

/* サイトロゴ */

.logo img {
 width: 100%;
 max-width: 324px;
}

/*================================================

 *  トップイメージ

 ================================================*/

.topImage {
 overflow:hidden;
 width: 1000px;
 margin:0 auto;
 padding:0;
}

.topImage img {
	margin:0;
	padding:0;
}

/*================================================

 *  追従サイドメニュー

 ================================================*/

#spFloatMenu {
 display:none;
}

#floatMenu {
 position: absolute;
 top:-90px;
 left:0;
 width:140px;
 background:url(../img/fm_bg.png) top center no-repeat;
 padding: 15px;
 border:5px solid #eee;
 border-radius: 10px;        /* CSS3草案 */  
 -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 10px;   /* Firefox用 */ 
 box-shadow: 6px 6px 6px rgba(0,0,0,0.3);
 z-index:5;
}

#floatMenu ul {
	margin:0;
	padding:0;
}

#floatMenu li {
	margin:0 0 20px;
	padding:0;
	list-style:none;
}

#floatMenu li:last-child {
	margin:0 0 0;
	padding:0;
	list-style:none;
}

#floatMenu li a {
 width:140px;
 display: inline-block;
 text-decoration: none;
 text-align:center;
 line-height:1.4;
 background: #ff6699;
 color: #fff;
 border-radius: 4px;
 box-shadow: 0px 0px 0px 5px #ff6699;
 border: dashed 1px #fff;
}

#floatMenu li:first-child a {
 padding: 16px 0;
}

#floatMenu li:nth-of-type(2) a{
 padding: 16px 0;
}

#floatMenu li:nth-of-type(3) a{
 padding: 16px 0;
}

#floatMenu li:nth-of-type(4) a{
 padding: 6px 0;
}

#floatMenu li:last-child a {
 padding: 6px 0;
}

#floatMenu li a:hover {
 border: dotted 1px #fff;
}

/*================================================

 *  グローバルナビゲーション

 ================================================*/

@media print, screen and (min-width:768px) {

	nav {
  background:#fff;
  z-index:3;
	}

	/* 共通 */
	nav ul {
  margin:15px 0 0 96px;
  padding:0;
  height: 100%;
	}

	nav ul li {
  position:relative;
  margin:0;
  padding:0;
  list-style:none;
	}

	nav ul li a {
  display:block;
  margin:0;
  padding:16px 0;
  background:#fff;
  color:#333;
  font-size:13px;
  font-weight:bold;
  line-height:1;
  text-decoration:none;
 }

	nav li:before {
  content:"";
  margin-top:-14px;
  position:absolute;
  top:50%;
  left:0;
  width:1px;
  height:30px;
  background:#999;
	}

	nav li:last-child:after {
		content:"";
		margin-top:-14px;
		position:absolute;
		top:50%;
		right:0;
		width:1px;
		height:30px;
		background:#999;
	}

	nav li:hover:before,
	nav li:hover + li:before, 
	nav li:last-child:hover:after,
	nav li li:before,
	nav li li:after {
		display:none;
	}

	nav li:last-child li {
		left:-50%;
	}

	nav ul li:hover > a {
		color:#333;
		background:#ffcce5;
	}

	/* 1段目 */
 
 nav ul.gnav{
  height: 100%;
  display: block;
 }
 

	nav ul.gnav > li {
		position:relative;
		float:left;
		margin:0;
		padding:0;
		text-align:center;
		list-style:none;
	}

	nav ul.gnav > li:first-child {
		width:23.2%;
	}

	nav ul.gnav > li:nth-child(2) {
		width:10.6%;
	}

	nav ul.gnav > li:nth-child(3) {
		width:11.4%;
	}

	nav ul.gnav > li:nth-child(4) {
		width:6.4%;
	}

	nav ul.gnav > li:nth-child(5) {
		width:18.8%;
	}

	nav ul.gnav > li:nth-child(6) {
		width:18.6%;
	}

	nav ul.gnav > li:last-child {
		width:11%;
 }

	nav ul.gnav > li.subnav a {
		padding-right:20px;
	}
 
	nav ul.gnav > li.subnav > a:after {
		position:absolute;
		content:"";
		top:20px;
		width:0;
		height:0;
		margin-left:10px;
		border:5px solid transparent;
		border-top-color:#333;
	}

	/* 2段目 */

	nav ul li ul {
		position:absolute;
		z-index:3;
		top:100%;
		left:0;
		width:100%;
		margin:0;
		padding:0;
	}

	nav ul li ul li {
		overflow:hidden;
		width:240%;
		height:0;
		color:#333;
		transition:.2s;
	}

	nav ul li ul li a {
		padding:13px 15px;
		text-align:left;
		background:#ff99cc;
		font-weight:normal;
	}

	nav ul li:hover > ul > li {
		overflow:visible;
		height:39px;
		border-bottom:1px solid #fff;
	}

	nav ul li:hover ul li:last-child {
		border-bottom:none;
	}

	nav ul.gnav > li:last-child > ul {
		left:-30%;
	}

	nav ul li ul li ul:before {
		position:absolute;
		content:"";
		top:13px;
		left:-20px;
		width:0;
		height:0;
		border:5px solid transparent;
		border-left-color:#fff;
	}

	nav ul.gnav > li:last-child ul li ul:before {
		position:absolute;
		content:"";
		top:13px;
		left:200%;
		margin-left:-20px;
		border:5px solid transparent;
		border-right-color:#fff;
	}

	/* 3段目 */

	nav ul li ul li ul {
		top:0;
		left:100%;
	}

	nav ul li ul li ul li {
		width:100%;
	}

	nav ul li ul li:hover > ul > li {
		border-bottom:1px solid #6d0c0c;
	}

	nav ul.gnav > li:last-child > ul li ul {
		left:-100%;
	}

	nav ul li ul li ul li a {
		background:#590000;
	}

	nav ul li ul li ul li a:hover {
		background:#420404;
	}

	.gnav {
		display:block !important;
	}

	#spMenu {
		display:none;
	}

	.pc {
		display:block !important;
	}

	.sp {
		display:none;
	}
 
 .home #spMenu {
  display: none;
 }
 
}


/*================================================

 *  トピックパス（パンくずリスト）

 ================================================*/

#topicpath {
	font-size:12px;
	margin-bottom:20px;
	padding:2px;
	background:#fff;
}

/*================================================

 *  サブコンテンツ

 ================================================*/ 

.submenu li {
	margin:0;
	padding:0;
	list-style:none;
}

.submenu li a:before {
	content:"\0025a0";
	color:#000;
}

.submenu li a {
	display:block;
	padding:10px 2px;
	color:#000;
	border-bottom:1px dotted #ddd;
	text-decoration:none;
}

.submenu li a:hover {
	background:#eee;
}

.bnr {
	overflow:hidden;
}

.bnr ul {
	overflow:hidden;
}

.bnr li {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}

.bnr li a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

.bnr img {
	width:100%;
}

/*================================================

 *  フッター

 ================================================*/

footer {
	clear:both;
 background:#f7f7f4;
}

#footerMenu {
 overflow:hidden;
 width:1000px;
 margin:0 auto;
 padding:40px 0 0;
}

.menuBox {
 overflow:hidden;
 width:100%;
 margin:0;
}

.footmenu { 
 float:left;
 color:#333;
 margin:0;
 padding:0;
 display:inline;
}

.footmenu ul {
 margin:0 -28px 1.5em 0;
 padding:0;
 list-style-type:none;
 left:auto;
 overflow: auto; 
}

.footmenu li {
 margin:0 28px 5px 0;
 padding-left:10px;
 list-style-type:none;
 float:left;
 display:inline;
 background:none;
 position:relative;
 font-size:12px;
 font-weight:bold;
 border-left:1px solid #ccc;
 z-index:4;
}

.footmenu ul li ul {
 margin:5px 0 5px 0;
}

.footmenu ul ul li {
 float:none;
 padding:0;
 margin:0 0 2px 0;
 font-size:10px;
 font-weight:normal;
 display:block;
 width:auto;
 border:0;
}

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

.footmenu li a:hover {
 text-decoration: underline;
 color:#333;
}

.footmenu ul ul li a {
 text-decoration: none;
 color:#4c4c80;
}

.footmenu ul ul li a:hover {
 text-decoration: underline;
 color:#7878cc;
}

.footLogo {
 margin:0;
 padding:0;
}

.adBnr {
 float:left;
 margin:10px 0 0;
 padding:0;
}

.footerLogo {
 float:right;
 margin:0 0 30px;
 padding:0;
}

.copyright {
	clear:both;
	padding:20px 0;
	font-size:11px;
	text-align:center;
	color:#fff;
	background:#333;
}

/*================================================

 *  ページトップへの戻り

 ================================================*/

.totop {
	position:fixed;
	bottom:15px;
	right:15px;
	z-index:5;
}

.totop a {
	display:block;
	text-decoration:none;
}

.totop a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

/*================================================

 *  クラス

 ================================================*/

/* --- clearfix --- */

.clearFix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearFix {
 min-height: 1px;
}

.imgL {
	float:left;
	margin:0 1em 1em 0;
}

.imgR {
	float:right;
	margin:0 0 0 1em;
}

.textL {
	text-align:left;
}

.textR {
	text-align:right;
}

.mb5 {
	margin-bottom:5px;
}

.mb10 {
	margin-bottom:10px;
}

.mb15 {
	margin-bottom:15px;
}

.mb20 {
	margin-bottom:20px;
}

.mb25 {
	margin-bottom:25px;
}

.mb30 {
	margin-bottom:30px;
}

.mb40 {
	margin-bottom:40px;
}

.mb50 {
	margin-bottom:50px;
}

.mt10 {
	margin-top:10px;
}

.mt20 {
	margin-top:20px;
}

/* --- お知らせ（新着情報） --- */

.update {
	overflow:auto;
	width:100%;
	height:150px;
	margin:0 0 30px;
	padding:0;
	border:1px solid #ccc;
	background:#fdfdf5;
}

.update dl {
 margin: 0;
 padding:0 10px 10px;
}

.update dt {
 width: 6.7em;
 float: left;
 padding: 10px 0 8px 3px;
 line-height: 1.2;
}

.update dd {
 margin: 0;
 padding: 10px 3px 8px 6.7em;
 border-bottom: 1px #c0c0c0 dotted;
 line-height: 1.2;
}

.twoColBtn {
	overflow:hidden;
	margin-bottom:30px;
}

.twoColBtnInner {
	overflow:hidden;
	margin:0 -2% -2% 0;
}

.twoColBtnInner div {
	width:48%;
	float:left;
	margin:0 2% 2% 0;
}

.twoColBtnInner div:nth-child(2n+1) {
	clear:both;
}

.twoColBtnInner div a {
 display:block;
 padding:15px 0;
 font-size:18px;
 text-align:center;
 text-decoration: none;
 background:url(http://minnano-chat.jp/wp-content/themes/twentyseventeen/img/bg_stripe.png) 0 center repeat-x;
 border: 1px solid #ff99cc;
 border-radius:5px;
}

.twoColBtnInner div a:hover {
	color:#fff;
	background:#ff99cc;
}

.col_two_one {
	overflow:hidden;
}

.col_two_one ul {
	overflow:hidden;
	margin:0 -2% 0 0;
}

.col_two_one li {
	list-style:none;
	float:left;
	width:48%;
	margin:0 2% 1% 0;
}

.col_two_one li:nth-child(2n+1) {
	clear:both;
}

.col_two_one li a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

.col_two_one li img {
	width:100%;
	margin-bottom:2.5%;
}

.bnrSet {
	overflow:hidden;
}

.bnrSetInner {
	overflow:hidden;
	margin-right:-3%;
}

.bnrSetInner div {
	width:31%;
	float:left;
	margin-right:2%;
}

.bnrSetInner div:nth-child(3n+1) {
	clear:both;
}

.bnrSetInner a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

.bnrSetInner img {
	width:100%;
	margin:0;
	border-radius:5px;
}

.threeCol {
	overflow:hidden;
	margin-bottom:20px;
}

.threeColInner {
	overflow:hidden;
	margin-right:-3%;
}

.threeColInner div {
	width:31%;
	float:left;
	margin-right:2%;
}

.threeColInner div:nth-child(3n+1) {
	clear:both;
}

.threeColInner img {
	width:100%;
	margin-bottom:0.5em;
	border-radius:5px;
}

.threeBnr {
	overflow:hidden;
}

.threeDescription {
 overflow:hidden;
 margin: 0 0 10px;
 background:#ec6184;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}

.threeDescription a {
 display:block;
 padding:15px 0;
 color:#fff;
 text-align:center;
}

.twoCol {
 overflow:hidden;
 width:540px;
 margin: 0 auto 20px;
}

.twoColInner {
	overflow:hidden;
	margin-right:-3%;
}

.twoColInner div {
	width:48%;
	float:left;
	margin-right:2%;
}

.twoColInner a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

.twoColBnr {
 overflow:hidden;
 margin: 0 0 10px;
}

.twoColBnr img {
	width:100%;
	max-width:260px;
}

.twoColBnr a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

/* --- アコーディオン開閉（PC） --- */

.js-ac-img img {
 float:left;
 width:100%;
 max-width:300px;
 margin:0 1em 1em 0;
}

.area {
 margin: 0 0 30px;
 padding:20px;
 background:#fdf7ee;
}

.areaInner {
 overflow:hidden;
 margin: 0 0 2%;
 padding: 2% 2% 1%;
 background:#fff;
 border-radius: 10px;        /* CSS3草案 */
 -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 10px;   /* Firefox用 */
}

.branch {
	overflow:hidden;
	margin:10px 0 0;
}

.branchInner {
	overflow:hidden;
	margin-right:-1.95%;
}

.branchInner div {
  width:30.9%;
  float:left;
  margin-right:1.95%;
  border:1px solid #d30260;
  border-radius: 5px;        /* CSS3草案 */
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
  box-shadow: 2px 2px 4px gray;
 }

.branchInner div a {
  display:block;
  padding:10px 0;
  font-weight:bold;
  color:#fff;
  text-align:center;
  text-decoration:none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff5db1+0,d30260+100 */
  background: #ff5db1; /* Old browsers */
  background: -moz-linear-gradient(top,  #ff5db1 0%, #d30260 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ff5db1 0%,#d30260 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ff5db1 0%,#d30260 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#d30260',GradientType=0 ); /* IE6-9 */
 }

.branchInner div:nth-child(3n+1) {
	clear:both;
}

.branchInner div a:hover {
	color:#ef017c;
	background:#fff;
}

.branchBtn {
	overflow:hidden;
	margin:0 0 10px;
}

.titleChar {
 position:relative;
 margin:0;
 padding:32px 0 0;
}

.titleChar img {
 position:absolute;
 top:0;
 left:0;
}

h2.charR {
 margin:0;
 padding:5px 5px 5px 50px;
 background: #f00;
 font-size:16px;
 font-weight:bold;
 line-height: 1.2;
 color:#fff;
}

.boxRed {
 width:99%;
 margin:0 0 10px;
 padding:0;
 border:1px solid #f00;
 background:#fff;
 box-shadow: 2px 2px 4px #999;
}

.boxRed p {
 margin:0;
 padding:15px;
}

h2.charP {
 margin:0;
 padding:5px 5px 5px 50px;
 background: #f06;
 font-size:16px;
 font-weight:bold;
 line-height: 1.2;
 color:#fff;
}

.boxPink {
 width:99%;
 margin:0 0 10px;
 padding:0;
 border:1px solid #f06;
 background:#fff;
 box-shadow: 2px 2px 4px #999;
}

.boxPink p {
 margin:0;
 padding:15px;
}

.boxPink ol {
 margin:0;
 padding:15px 15px 15px 2.5em;
 list-style-type:decimal;
}

h2.charB {
 margin:0;
 padding:5px 5px 5px 50px;
 background: #06f;
 font-size:16px;
 font-weight:bold;
 line-height: 1.2;
 color:#fff;
}

.boxBlue {
 width:99%;
 margin:0 0 10px;
 padding:0;
 border:1px solid #06f;
 background:#fff;
 box-shadow: 2px 2px 4px #999;
}

.boxBlue ol {
 margin:0;
 padding:15px 15px 15px 2.5em;
 list-style-type:decimal;
}

.area2 {
	overflow:hidden;
	margin:0;
}

.area2Inner {
 overflow:hidden;
 margin: 0 0 2%;
}

.area2Inner div {
 margin:0;
 padding: 2%;
 background:#fff;
 border-radius: 10px;        /* CSS3草案 */
 -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 10px;   /* Firefox用 */
}

.area3 {
	overflow:hidden;
	margin:0;
}

.area3Inner {
 overflow:hidden;
 margin:0;
}

.area3Inner div {
 margin:0;
 padding: 2%;
 background:#fff;
 border-radius: 10px;        /* CSS3草案 */
 -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 10px;   /* Firefox用 */
}

.method {
	overflow:hidden;
	margin:0 0 30px;
	padding:10px;
	border:1px solid #ccc;
	background:#fff;
}

.beginners {
	overflow:hidden;
	margin:0 0 50px;
	padding:0;
	text-align:center;
}

.beginners img {
	width:100%;
	margin:0;
	padding:0;
}

.beginners a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

/* --- 初めての方へ --- */

.beginner img {
	max-width:350px;
	margin:0;
	padding:0;
}

.partTime {
 clear:both;
 overflow:hidden;
 margin: 0;
 padding:0;
}

.partTime img {
 width:100%;
 margin: 20px 0 30px;
}

.twoShot {
 width:150px;
 position: relative;
 display: inline-block;
 margin:5px 0 8px 15px;
 padding: 0.25em 0.5em;
 text-align:center;
 color: #fff;
 background: #06f;
 border-radius: 4px;
 box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
 font-weight: bold;
 border: solid 2px #03c;
}

.party {
 width:150px;
 position: relative;
 display: inline-block;
 margin:5px 0 8px 15px;
 padding: 0.25em 0.5em;
 text-align:center;
 color: #fff;
 background: #f06;
 border-radius: 4px;
 box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
 font-weight: bold;
 border: solid 2px #c06;
}

.chatBox1 {
 width:300px;
 overflow:hidden;
 margin:10px 0 15px 15px;
 padding:0;
 text-align:center;
 border:1px solid #ec6184;
 box-shadow: 2px 2px 4px #999;
}

.chatBox1 p {
 padding:5px 0;
 color: #f06;
 font-size:20px;
 font-weight:bold;
 text-shadow: 1px 1px 1px gray;
}

.chatBox1 p.title {
 margin:0;
 padding:5px 0;
 color: #fff;
 font-size:14px;
 background: #f06;
 text-shadow: none;
}

.chatBox2 {
 width:300px;
 overflow:hidden;
 margin:0 0 15px 15px;
 padding:0;
 text-align:center;
 border:1px solid #939;
 box-shadow: 2px 2px 4px #999;
}

.chatBox2 p {
 padding:5px 0;
 color: #f06;
 font-size:20px;
 font-weight:bold;
 text-shadow: 1px 1px 1px gray;
}

.chatBox2 p.title {
 margin:0;
 padding:5px 0;
 color: #fff;
 font-size:14px;
 background: #939;
 text-shadow: none;
}

.topPage a {
 overflow:hidden;
 display:block;
 margin:0 0 30px;
 padding:15px 0;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fad9e1+100 */
 background: #ffffff; /* Old browsers */
 background: -moz-linear-gradient(top,  #ffffff 0%, #fad9e1 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  #ffffff 0%,#fad9e1 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  #ffffff 0%,#fad9e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fad9e1',GradientType=0 ); /* IE6-9 */
 border:1px solid #ec6184;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 color:#ec6184;
 font-size:20px;
 text-align:center;
 text-decoration:none;
}

.topPage a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

/* --- ページネーション --- */

.search_results {
 overflow:hidden;
 margin:0 0 15px;
 padding:10px;
 border:1px solid #ccc;
}

.pager {
 overflow: hidden;
 margin:0 0 30px;
}

.pager ul {
 list-style: none;
 position: relative;
 left: 50%;
 float: left;
}

.pager ul li {
 margin: 0 1px;
 position: relative;
 left: -50%;
 float: left;
}

.pager ul li span,
.pager ul li a {
 display: block;
 font-size: 14px;
 padding: 0.4em 0.8em;
 border-radius: 3px;
}

.pager ul li a {
 background: #eee;
 color: #333;
 text-decoration: none;
}

.pager ul li a:hover {
 background: #ff6699;
 color: #fff;
}

/* --- ブログ（記事） --- */

.blog {
	/* ---　overflow:hidden;　--- */
 margin:0 0 10px;
 padding:0;
 border-top: 1px #666 dotted;
}

article {
 overflow:hidden;
 margin:15px 0;
 padding:0 0 15px;
 border-bottom: 1px #666 dotted;
}

article h3 {
 margin:0 0 5px;
 padding:0;
 color: #f69;
 font-size:16px;
 font-weight:bold;
}

article p {
	overflow:hidden;
}

article p.date {
	font-size:12px;
	font-weight:bold;
}

.blogImg {
	float:left;
	margin:0 1em 0 0;
}

.ellipsis:before, .ellipsis:after {
	position: absolute;
	background: #fff;
}

.ellipsis:before {
	content: "･･･";
	bottom: 0;
	right: 0;
}

.ellipsis:after {
	content: "";
	width: 100%;
	height: 100%;
}

/* --- 通勤エリア検索 --- */

.areaMap {
	overflow:hidden;
	margin:0;
	padding:0;
	text-align:center;
}

.areaMap img {
	width:100%;
	max-width:608px;
	margin:0 0 40px;
}

/* --- 通勤エリア（都道府県） --- */

.areaBtn {
	overflow:hidden;
}

.areaBtn ul {
	overflow:hidden;
	margin:1% -1% 0 0;
}

.areaBtn li a {
 display: block;
 list-style:none;
 float:left;
 width:15.4%;
 margin:0 1% 1% 0;
 padding:10px 0;
 font-size: 18px;
 text-align:center;
 text-decoration:none;
 color:#fff;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff5db1+0,d30260+100 */
 background: #ff5db1; /* Old browsers */
 background: -moz-linear-gradient(top,  #ff5db1 0%, #d30260 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  #ff5db1 0%,#d30260 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  #ff5db1 0%,#d30260 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#d30260',GradientType=0 ); /* IE6-9 */
 border-radius: 8px;        /* CSS3草案 */
 -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 8px;   /* Firefox用 */
 border:1px solid #d30260;
 box-shadow: 2px 2px 3px gray;
}

.areaBtn li a:hover,
.areaBtn li.active a {
	color:#ef017c;
	background:#fff;
}

.textBox {
 overflow:hidden;
 margin:0 0 20px;
 padding:15px;
 background: #fdfdf5;
 border:1px solid #ccc;
}

.tenpo {
	overflow:hidden;
	margin:20px 0;
	padding:15px;
	border:1px solid #bfb4ab;
	background:#fbfaf5;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}

.tenpo p.tenpoName {
 margin:0 0 10px;
 padding:0;
 font-size: 18px;
 border-bottom:2px solid #bfb4ab;
}

.tenpo div.detail {
	overflow:hidden;
	margin:0;
	padding:15px;
	border:1px solid #bfb4ab;
	background:#fff;
}

.tenpo img {
 width:100%;
 max-width:375px;
 height:auto;
 margin:0 0 5px;
}

.tenpoImg {
	float:left;
	margin:0 1em 0 0;
}

p.midashi {
	width:100px;
	margin:0 0 10px;
	padding:3px 0;
	border:1px solid #bfb4ab;
	background:#fff;
	color:#ec6184;
	text-align:center;
}

p.booth {
	margin:0 0 15px;
	padding:0 0 10px;
	border-bottom:1px solid #bfb4ab;
}

.btnSet {
	overflow:hidden;
}

.btnSetInner {
	overflow:hidden;
	margin-right:-2%;
}

.btnSetInner div {
 width:48%;
 float:left;
 margin-right:2%;
 text-align:center;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}

.btnSetInner div:nth-child(2n+1) {
	clear:both;
}

.btnSetInner div a {
 display: block;
 padding:10px 0;
 color:#fff;
}

.btnSetInner div a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

.btnSetInner div.application {
	background:#ec6184;
}

.btnSetInner div.viewDetails {
	background:#bfb4ab;
}

.treatmentIco {
 overflow:hidden;
 width:375px;
 height:auto;
 margin:0;
}

.treatmentIco ul {
	overflow:hidden;
	margin:1.492% -1.492% -1.492% 0;
}

.treatmentIco li {
	list-style:none;
	float:left;
	width:18.507%;
	margin:0 1.492% 1.492% 0;
	padding:3px 0;
	background:#f6a3c3;
 font-size: 10px;
	color:#fff;
	text-align:center;
}

/* --- 店舗詳細 --- */

.tenpoDetail {
 overflow:hidden;
 margin:0 0 20px;
 padding:15px;
 border:1px solid #ccc;
 background:#fff;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}

.tenpoDetail p.tenpoName {
 margin:0 0 10px;
 padding:0;
 font-size: 18px;
 border-bottom:2px solid #bfb4ab;
}

.tenpoDetail div.detail {
	overflow:hidden;
	margin:0;
	padding:0;
}

.tenpoDetail img {
 width:100%;
 max-width:375px;
 height:auto;
 margin:0 0 5px;
}

.thumbnail {
	overflow:hidden;
}

.thumbnail ul {
	overflow:hidden;
	margin:0 -2% 0 0;
}

.thumbnail li {
	list-style:none;
	float:left;
	width:23%;
	margin:0 2% 2% 0;
}

.thumbnail li img {
	width:100%;
}

.treatment {
	overflow:hidden;
	margin:0;
}

.treatment ul {
	overflow:hidden;
	margin:0 -1.492% 1.492% 0;
}

.treatment li {
	list-style:none;
	float:left;
	width:18.507%;
	margin:0 1.492% 1.492% 0;
	padding:10px 0;
	background:#f6a3c3;
	color:#fff;
	text-align:center;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}

.staffMessage {
	overflow:hidden;
	margin:10px 0 0;
	padding:0 10px;
}

.staffMessage p {
	overflow:hidden;
	margin:0;
	padding:15px;
	border:1px solid #6666cc;
	background:#fff;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}

.staffMessage img {
	width:100%;
	max-width:120px;
}

.chatladyVoice {
	overflow:hidden;
	margin:10px 0 0;
	padding:0 10px;
}

.chatladyVoice p {
	overflow:hidden;
	margin:0;
	padding:15px;
	border:1px solid #ec6184;
	background:#fff;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}

.chatladyVoice img {
	width:100%;
	max-width:120px;
}

.areaInfo {
	overflow:hidden;
	margin:0 0 20px;
}

.areaInfo ul {
	overflow:hidden;
	margin:0 -2% 0 0;
}

.areaInfo li {
	list-style:none;
	float:left;
	width:23%;
	margin:0 2% 2% 0;
}

.areaInfo li img {
	width:100%;
}

.areaInfo p {
	padding:5px;
	text-align:center;
	border:1px solid #ccc;
}

/* --- 2018-10-17 修正・追加 ここから --- */

.indent {
	margin:0 0 2em;
	padding:0 10px;
}

.indent p {
	margin:0;
	padding:0;
}

.kiyakuNote {
	margin:0 0 0.5em;
	padding:0 10px;
}

.kiyakuNote p {
	margin:0;
	padding:0;
}

/* --- 2018-10-17 修正・追加 ここまで --- */

.detailBtnSet {
	overflow:hidden;
	width:580px;
	margin:0 auto;
}

.detailBtnSet div.apply a {
	overflow:hidden;
 display: block;
	margin:0 0 10px;
	padding:15px;
	background:#ec6184;
	font-size:16px;
	color:#fff;
	text-align:center;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}

.detailBtnSetInner {
	overflow:hidden;
	margin:0 -2% 0 0;
}

/* --- 入力内容を修正／応募する --- */

.detailBtnSetInner div.revise {
	width:38%;
	float:left;
	margin:0 2% 2% 0;
	text-align:center;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}

.detailBtnSetInner div.apply {
	width:58%;
	float:left;
	margin:0 2% 2% 0;
	text-align:center;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}

/* --- この店舗に直接電話する／この店舗にLINEで応募する --- */

.detailBtnSetInner div {
	width:48%;
	float:left;
	margin:0 2% 2% 0;
	text-align:center;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}

.detailBtnSetInner div:nth-child(2n+1) {
	clear:both;
}

.detailBtnSetInner div a {
 display: block;
 padding:10px;
 font-size:15px;
 color:#fff;
}

.detailBtnSetInner div.tel {
	background:#7295c3;
}

.detailBtnSetInner div.line {
	background:#01b901;
}

.returnPage a {
 overflow:hidden;
 display:block;
 margin:0 0 15px;
 padding:10px 0;
 background: #f69;
 border:1px solid #ec6184;
 border-radius: 10px;        /* CSS3草案 */
 -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 10px;   /* Firefox用 */
 color:#fff;
 font-size:18px;
 text-align:center;
 text-decoration:none;
}

.returnPage a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

/* --- 通勤・在宅でのお仕事 --- */

.type {
	overflow:hidden;
	margin:0;
	padding:0;
}

.type img {
	width:100%;
	max-width:260px;
	margin:0 0 5px;
}

.type h3 {
 position: relative;
 margin:0 0 10px;
 padding:0.25em 1em 0.15em;
 display: inline-block;
 top:0;
 font-size:16px;
 font-weight:bold;
 line-height: 1.4;
 color:#ec6184;
}

.type h3:before,.type h3:after{ 
 position: absolute;
 top: 0;
 content:'';
 width: 8px;
 height: 100%;
 display: inline-block;
}

.type h3:before{
 border-left: solid 1px #999;
 border-top: solid 1px #999;
 border-bottom: solid 1px #999;
 left: 0;
}

.type h3:after{
 content: '';
 border-top: solid 1px #999;
 border-right: solid 1px #999;
 border-bottom: solid 1px #999;
 right: 0;
}

h3.merit {
 position: relative;
 padding: 0 0.5em 0.2em 2em;
 font-size:16px;
 font-weight:bold;
 line-height:1.8;
}

h3.merit::before,
h3.merit::after {
 position: absolute;
 content: '';
 border-radius: 100%;
}

h3.merit::before {
 top: 0.2em;
 left: 0.2em;
 z-index: 2;
 width: 18px;
 height: 18px;
 background: rgba(0, 0, 255, 0.4);
}

h3.merit::after {
 top: .7em;
 left: .7em;
 width: 13px;
 height: 13px;
 background: rgba(0, 0, 255, 0.2);
}

h3.demerit {
 position: relative;
 padding: 0 .5em 0.2em 2em;
 font-size:16px;
 font-weight:bold;
 line-height:1.8;
}

h3.demerit::before,
h3.demerit::after {
 position: absolute;
 content: '';
 border-radius: 100%;
}

h3.demerit::before {
 top: 0.2em;
 left: 0.2em;
 z-index: 2;
 width: 18px;
 height: 18px;
 background: rgba(255, 0, 0, 0.4);
}

h3.demerit::after {
 top: 0.7em;
 left: 0.7em;
 width: 13px;
 height: 13px;
 background: rgba(255, 0, 0, 0.2);
}

.voice {
	overflow:hidden;
	margin:0 0 40px;
	padding:0;
}

.voice h3 {
 position: relative;
 margin:0 0 15px;
 padding:0.25em 1em 0.15em;
 display: inline-block;
 top:0;
 font-size:16px;
 font-weight:bold;
 line-height: 1.4;
 color:#ec6184;
}

.voice h3:before,.voice h3:after{ 
 position: absolute;
 top: 0;
 content:'';
 width: 8px;
 height: 100%;
 display: inline-block;
}

.voice h3:before{
 border-left: solid 1px #999;
 border-top: solid 1px #999;
 border-bottom: solid 1px #999;
 left: 0;
}

.voice h3:after{
 content: '';
 border-top: solid 1px #999;
 border-right: solid 1px #999;
 border-bottom: solid 1px #999;
 right: 0;
}

.voice p.name {
 font-size:16px;
 font-weight:bold;
 color: #f69;
}

.voice img {
 max-width: 120px;
 margin:0;
 padding:0;
}

hr.section-line {
 margin:0 0 25px;
 border: 0;
 height: 3px;
 background: #f69;
 background-image: -webkit-linear-gradient(left, #ffd9e5, #f69, #ffd9e5);
 background-image: -moz-linear-gradient(left, #ffd9e5, #f69, #ffd9e5);
 background-image: -ms-linear-gradient(left, #ffd9e5, #f69, #ffd9e5);
 background-image: -o-linear-gradient(left, #ffd9e5, #f69, #ffd9e5);
}

/* --- 基本的なお仕事の流れ --- */

.basicWork {
	overflow:hidden;
	margin:0 0 40px;
	padding:0;
}

.basicWork p.arrow {
 width: 220px;
 margin:15px auto;
}

.workFlow {
 position: relative;
 overflow:hidden;
 margin:0;
 padding:15px;
 border: solid 2px #ffbdde;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}

.workFlow div.imgL {
	overflow:hidden;
	margin:0 1em 0 0;
	padding:0;
}

.workFlow div.imgL img {
 max-width: 280px;
 margin:0;
 padding:0;
}

.workFlow h3 {
 overflow:hidden;
 margin:0 0 10px;
 padding: 0.3em 0.5em;
 background: -webkit-linear-gradient(top, #ff9bbd 0%, #f69 100%);
 background: linear-gradient(to bottom, #ff9bbd 0%, #f69 100%);
 font-size:16px;
 color: #fff;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
 border-radius: 3px;        /* CSS3草案 */
 -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 3px;   /* Firefox用 */
}

.workFlow p {
	overflow:hidden;
	margin:0;
	padding:0;
}

.workFlow p.mb10 {
	margin:0 0 10px;
}

.tag {
 position:absolute;
 top:5px;
 left:5px;
}

/* --- 在宅紹介ページ --- */

.syoukai {
	overflow:hidden;
	margin:0 0 40px;
	padding:0;
}

ol.meritDemerit {
 list-style-type: decimal;
 list-style-position: inside;
}

ol.meritDemerit li {
 padding: 0 0 0 10px;
}

/* --- お仕事開始までの流れ --- */

.flow {
	overflow:hidden;
	margin:0;
	padding:0;
}

.flow h3.flowHeding {
 position: relative;
 margin:0 0 20px;
 padding: 0.4em 15px 0.3em;
 font-size:16px;
 font-weight: bold;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe8f0+0,ff99cc+100 */
 background: #ffe8f0; /* Old browsers */
 background: -moz-linear-gradient(top,  #ffe8f0 0%, #ff99cc 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  #ffe8f0 0%,#ff99cc 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  #ffe8f0 0%,#ff99cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe8f0', endColorstr='#ff99cc',GradientType=0 ); /* IE6-9 */
 border: 1px solid #f69;
 border-radius: 5px;
}

.flow h3.flowHeding::before,
.flow h3.flowHeding::after {
 position: absolute;
 top: 100%;
 left: 30px;
 content: '';
 height: 0;
 width: 0;
 border: 10px solid transparent;
}

.flow h3.flowHeding::before {
 border-top: 15px solid #f69;
}

.flow h3.flowHeding::after {
 margin-top: -2px;
 border-top: 15px solid #f9c;
}

.flowBox {
 overflow:hidden;
 margin:0 0 10px;
 padding: 10px;
 border: 1px solid #ccc;
}

.flowBox div.imgL {
	overflow:hidden;
	margin:0 10px 0 0;
	padding:0;
}

.flowBox img {
 width: 240px;
 margin:0;
 padding:0;
}

.flowBox p {
 overflow:hidden;
 margin:0;
 padding:0;
}

.flowBox p.mb10 {
 overflow:hidden;
 margin:0 0 10px;
 padding:0;
}

/* --- チャットレディの報酬 --- */

.houshuu {
	overflow:hidden;
	margin:0 0 40px;
	padding:0;
}

.houshuu h3 {
	margin:0 0 5px;
	padding:0;
	color:#f69;
	font-size:16px;
	font-weight:bold;
}

.example {
 overflow:hidden;
 margin:0 0 20px;
 padding:10px 15px;
 background:#fff7fa;
 border: solid 1px #f69;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}

.example p {
	color:#555;
	line-height:1.8;
}

.under {
 color:#e50000;
 border-bottom: solid 3px #ffb2cc;
 font-size:22px;
 font-weight:bold;
}

ul.service {
 margin:0;
 padding:0 0 0 15px;
 list-style-type:disc;
}

ul.service li span {
	color:#e50000;
}

/* --- よくある質問 --- */

.faq {
	overflow:hidden;
	margin:0 0 40px;
	padding:0;
}

ol.qa {
 margin: 0;
 padding: 0;
 border-top: 1px #f69 dotted;
 list-style-type: none;
}

ol.qa li {
 padding: 20px 5px 14px;
 border-bottom: 1px #f69 dotted;
}

ol.qa dl {
 margin: 0;
}

/* --- Question --- */

ol.qa dt {
 margin: 0;
 padding: 5px 0 12px 26px;
 background: url(../img/q.png) no-repeat left 0.35em;
 font-size:18px;
 font-weight: bold;
 line-height: 1.4;
 color:#e50000;
}

ol.qa dt {
 background-size: 20px;
}

/* --- Answer --- */

ol.qa dd {
 margin: 0;
 padding: 2px 0 6px 26px;
 background: url(../img/a.png) no-repeat 0.22em 0.25em;
 line-height: 1.4;
}

ol.qa dd {
 background-size: 16px;
}

/* --- ライブチャットサイトと応募資格 --- */

.ouboShikaku {
	overflow:hidden;
	margin:0 0 40px;
	padding:0;
}

.ouboShikaku img {
 width: 100%;
 margin:0 0 15px;
 padding:0;
}

.ouboShikaku h2 {
	margin:0 0 5px;
	padding:0;
	color:#f69;
	font-size:18px;
	font-weight:bold;
}

.chart {
 width: 100%;
 margin:0 0 20px;
}

.chart table {
 border-collapse: collapse;
 width: 100%;
}

.chart table td {
 border: 1px solid #ccc;
 padding: 8px;
 font-size:13px;
 white-space: nowrap;
}

.chart table th {
 padding: 8px;
 border: 1px solid #ccc;
 text-align:center;
 background-color: #f69;
}

.chart table tr.halftone {
	background:#ffeff5;
}

.notice {
	color:#e50000;
}

.myFreeCams {
	color:#e50000;
}

.komeList {
	padding:0 0 0 0.1em;
}

.komeList span {
	color:#e50000;
	font-weight:bold;
}

.komeList li {
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
	background:url(../img/kome.png) no-repeat 0 0.35em;
}

/* --- 確定申告・マイナンバー --- */

.taxMyNumber {
	overflow:hidden;
	margin:0 0 40px;
	padding:0;
}

.taxMyNumber p.check {
 margin:0 0 15px;
 padding:0;
 font-size:16px;
 color:#e50000;
}

.taxMyNumber h3 {
	margin:0 0 5px;
	padding:0;
	color:#06c;
	font-size:16px;
	font-weight:bold;
}

.taxMyNumber h4 {
 position: relative;
 padding: 0 0.5em 0.2em 2em;
 font-size:16px;
 font-weight:bold;
 line-height:1.8;
}

.taxMyNumber h4::before,
.taxMyNumber h4::after {
 position: absolute;
 content: '';
 border-radius: 100%;
}

.taxMyNumber h4::before {
 top: 0.2em;
 left: 0.2em;
 z-index: 2;
 width: 18px;
 height: 18px;
 background: rgba(0, 255, 255, 0.4);
}

.taxMyNumber h4::after {
 top: .7em;
 left: .7em;
 width: 13px;
 height: 13px;
 background: rgba(0, 255, 255, 0.2);
}

/* --- 広告掲載のお問合せ --- */

.adInquiry {
	overflow:hidden;
	margin:0 0 40px;
	padding:0;
}

.four_support {
	overflow:hidden;
	margin:0 0 15px;
	padding:0;
}

.support_col_two_one {
	overflow:hidden;
}



.support_col_two_one ul {
	overflow:hidden;
	margin:0 -2% 2% 0;
}

.support_col_two_one li {
	list-style:none;
	float:left;
	width:44.65%;
	margin:0 2% 1% 0;
	padding:1.5%;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,f2f2f2+100 */
 background: #ffffff; /* Old browsers */
 background: -moz-linear-gradient(top,  #ffffff 50%, #f2f2f2 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  #ffffff 50%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  #ffffff 50%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
 border: solid 1px #ccc;
 border-radius: 5px
}

.support_col_two_one li:nth-child(2n+1) {
	clear:both;
}

.support_col_two_one li a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

.support_col_two_one li img {
	width:80px;
}

.support_col_two_one li h4 {
 font-size:16px;
 font-weight:bold;
 color:#960;
}

.support_imgL {
 float:left;
 margin:0 0.5em 0.75em 0;
}

.support_txt {
 clear:both;
 padding:5px 0 0;
 border-top: solid 1px #ccc;
}

.order {
 width:75%;
 display:block;
 margin:0 auto 20px;
 padding:14px 0;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd9e5+0,ff8db3+50,ff6699+51,ff6699+100 */
 background: #ffd9e5; /* Old browsers */
 background: -moz-linear-gradient(top,  #ffd9e5 0%, #ff8db3 50%, #ff6699 51%, #ff6699 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  #ffd9e5 0%,#ff8db3 50%,#ff6699 51%,#ff6699 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  #ffd9e5 0%,#ff8db3 50%,#ff6699 51%,#ff6699 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd9e5', endColorstr='#ff6699',GradientType=0 ); /* IE6-9 */
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 text-align:center;
}


/* --- 店舗掲載のお申込みはこちら --- */

.adForm {
 overflow:hidden;
 margin:0 0 20px;
 padding:15px;
 border:1px solid #ccc;
 background:#fff;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}

span.item1 {
 display:inline-block;
 margin:0 0 5px;
 padding:0;
}

span.item2 {
 display:inline-block;
 margin:10px 0 5px;
 padding:0;
}

span.notes {
 display:block;
 margin:10px 0;
 padding:10px;
 font-size:13px;
 color: #e50000;
 border: solid 1px #e50000;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}

/*================================================

 *  お問い合わせフォーム

 ================================================*/

.contactForm {
 overflow:hidden;
 margin:0 0 30px;
 padding:15px;
 border:1px solid #ccc;
 background:#fff;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}

/*================================================

 *  通勤応募フォーム

 ================================================*/

.form {
 margin: 0;
 padding: 0;
}

.form p {
 margin: 0;
 padding: 0.5em 0;
}

.form span.required {
 padding:0 5px;
 float: right;
 font-size:12px;
 color: #fff;
 text-align:center;
 background:#cc0000;
}

.form span.supplement {
 display:block;
 margin: 5px 0 0;
 font-size:11px;
 line-height:1.3;
 color: #fff;
}

.form p.button {
 margin: 20px 0 0;
 text-align: center;
}

/* --- フォーム部品 --- */

input, select, textarea {
 font-size: 100%;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
select,textarea {
 margin-bottom: 2px;
 padding: 0.5em;
 outline: none;
 border: 1px solid #bfb4ab;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 font-size: 16px;
}

.select-box01 select {
 width: 20%;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 background: #bfb4ab;
 background: url(../img/select_arrow.png) right 50% no-repeat;
 background: url(../img/select_arrow.png) right 50% no-repeat;
 background-size: 20px, 100%;
}

.select-box02 select {
 width: 40%;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 background: #bfb4ab;
 background: url(../img/select_arrow.png) right 50% no-repeat;
 background: url(../img/select_arrow.png) right 50% no-repeat;
 background-size: 20px, 100%;
}

select::-ms-expand {
	display: none;
}

/* --- フォーム部品のサイズ --- */

#name1, 
#name2, 
#name3, 
#name4, 
#kana1, 
#kana2, 
#kana3, 
#kana4 {
 width: 35%;
}

#zip1, #zip2 {
 width: 15%;
}

#tel,#line, #store {
 width: 80%;
}

#email, #office-address1, #office-address2, #url {
 width: 94%;
}

#message {
 width: 94%;
 height: 10em;
}

/* for message */

h2.msg {
	color: #dd0000;
}

p.msg {
 margin-bottom: 5px;
 color: #dd0000;
}

span.msg {
	color: #dd0000;
}

a[href^="tel:"] { 
 cursor: default; 
}

/* --- 前画面に戻る --- */

input#submit_back {
 width:580px;
 display: block;
 margin:0 auto 10px;
 padding: 15px;
 font-size:16px;
 color: #fff;
 text-align:center;
 text-decoration:underline;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 border-style: none;
 background-color:#999;
 cursor: pointer;
 cursor: hand;
}

input#submit_back:hover {
	text-decoration:none;
}



/* --- 入力内容を確認 --- */

input#submit_check {
 width:580px;
 display: block;
 margin:0 auto 10px;
 padding:15px;
 background-color:#ec6184;
 font-size:16px;
 color:#fff;
 text-align:center;
 text-decoration:underline;
 border:0;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 border-style: none;
 cursor: pointer;
 cursor: hand;
}

input#submit_check:hover {
	text-decoration:none;
}

/* --- 2018-10-17 修正・追加 ここから --- */

.kiyaku {
	overflow:auto;
	height:150px;
	margin:0 0 20px;
	padding:15px;
	border:1px solid #ccc;
}

.kiyaku p {
	margin:0 0 0.5em;
	padding:0;
}

.kiyaku ul {
 list-style-type: disc;
 margin:0 0 0.5em 1.2em;
}

/* --- 2018-10-17 修正・追加 ここまで --- */

.agree {
	margin:0 0 15px;
	text-align:center;
}

input#correct {
 width:100%;
 display: block;
 margin:0 auto;
 padding:15px;
 background:#999;
 font-size:18px;
 color:#fff;
 text-align:center;
 text-decoration:underline;
 border:0;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 cursor: pointer;
 cursor: hand;
}

input#correct:hover {
	text-decoration:none;
}

input#submit {
 width:100%;
 display: block;
 margin:0 auto;
 padding:15px;
 background:#e43851;
 font-size:18px;
 color:#fff;
 text-align:center;
 text-decoration:underline;
 border:0;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 cursor: pointer;
 cursor: hand;
}

input#submit:hover {
 text-decoration:none;
}

input::-webkit-input-placeholder {
 color: ccc;
 font-size: 13px;
}

input:-moz-placeholder {
 color: ccc;
 font-size: 13px;
}

input::-moz-placeholder {
 color: ccc;
 font-size: 13px;
}

input:-ms-input-placeholder {
 color: ccc;
 font-size: 13px;
}

.imgL p.upImg {
 width:150px;
 margin:0 0 5px;
 padding:0;
}

.sample {
	overflow:auto;
	width:100%;
	max-width:267px;
	margin:0;
	padding:0;
}

.sample p {
	margin:0 0 5px;
	padding:0;
}

.file {
 display: block;
 overflow: hidden;
 position: relative;
 width:100%;
 margin:0 0 10px;
 padding:10px 0;
 font-size:16px;
 color: #ec6184;
 text-align:center;
 border:1px solid #ec6184;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fad9e1+100 */
 background: #ffffff; /* Old browsers */
 background: -moz-linear-gradient(top,  #ffffff 0%, #fad9e1 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  #ffffff 0%,#fad9e1 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  #ffffff 0%,#fad9e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fad9e1',GradientType=0 ); /* IE6-9 */
}

.file input[type="file"] {
 opacity: 0;
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
 position: absolute;
 right: 0;
 top: 0;
 margin:0;
 padding:10px 0;
 font-size:16px;
 cursor: pointer;
}

.fileImg {
	float:left;
	width:150px;
	margin:0 1.5em 0 0;
}

.fileImg p {
	margin:0 0 5px;
	padding:0;
}

ul.note {
 clear:both;
 margin:0;
 padding:0 0 0 15px;
 list-style-type:disc;
}

/*================================================

 *  タブレット

 ================================================*/

/* スクロールバーを考慮して20px大きいサイズで切り替え */

@media screen and (min-width: 768px) and (max-width: 1043px) {
 
 .inner p.logo {
  margin:10px 0;
 }
 
	nav ul li a {
		font-size:11px;
	}

	nav ul li:hover > ul > li {
		height:37px;
	}

 .topImage {
  overflow:hidden;
  width:100%;
  margin:0 auto;
  padding:0;
 }

 #floatMenu {
  position: absolute;
  top:300px;
  left:0;
 }

 .footLogo {
  box-sizing:border-box;
  width:100%;
  text-align:center;
 }

 .adBnr {
  float:none;
  width:100%;
 }

 .adBnr img {
  width:100%;
  max-width:468px;
  margin:0 0 15px;
 }

 .select-box02 select {
  width: 45%;
 }

	footer {
	 width:100%;
	}

.footerLogo {
 float:none;
 width:100%;
 }

.footerLogo img {
 width:100%;
 max-width:324px;
 }
}

@media screen and (max-width:1044px) {
 
 #floatMenu {
  display:none;
 }
	
 .inner {
		box-sizing:border-box;
		width:100%;
		padding:0 10px;
	}

 .inner p.logo {
  margin:10px 0;
 }

	#main {
		width:100%;
	}

 #sidemenu {
  width:100%;
 }

 .topImage {
  width:100%;
 }

 .topImage img {
  width:100%;
 }

 #contents {
  box-sizing:border-box;
  width:100%;
  padding:0 10px;
 }

	/* SPサブメニュー */

	#spFloatMenu {
		display:block;
		position:relative;
		box-sizing:border-box;
		width:100%;
		margin-bottom:15px;
	}

	#spFloatMenu h3 {
		cursor:pointer;
		margin:0;
		padding:6px 0 4px 6px;
		color:#333;
  background:url(../img/spfm_bg.png) top center repeat-x;
		border:none;
	}

	#spFloatMenu h3:after {
		position:absolute;
		content:"\0025bc";
		top:7px;
		right:5px;
  font-size: 80%;
	}

	#spFloatMenu h3.menuOpen:after {
		position:absolute;
		content:"\0025b2";
		top:7px;
		right:5px;
  font-size: 80%;
	}

	#spFloatMenu ul {
		width:100%;
	}

	#spFloatMenu li {
		width:100%;
		margin:0;
		padding:0;
		list-style:none;
	}

	#spFloatMenu li:first-child a {
		width:100%;
	}

	#spFloatMenu li a {
		display:block;
		width:100%;
		padding:5px 0 5px 6px;
		background:#ff6699;
		color:#fff;
		border-bottom:1px dotted #fff;
		text-decoration:none;
	}

	#spFloatMenu li a:hover {
		background:#ff99cc;
		color:#fff;
	}

 .areaBtn li a {
  width:15.3%;
 }

 #footerMenu {
  box-sizing:border-box;
  width:100%;
 }

 .menuBox {
  box-sizing:border-box;
  width:100%;
  padding:0 10px;
 }

 .chart {
  overflow-x:scroll;
  width: 100%;
 }

 .footmenu { 
  box-sizing:border-box;
  width:100%;
 }

 .footLogo {
  box-sizing:border-box;
  width:100%;
  padding:0 10px;
 }
}

/*================================================

 *  スマートフォン

 ================================================*/

@media screen and (max-width:767px) {
/* iOSでのデフォルトスタイルをリセット */
 input[type="submit"],
 input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
 }

 nav.sp.fixed {
  position: fixed;
  top: 96px;
  left: 0px;
  width: 100%;
  z-index: 1;
 }

 .home #spMenu {
  z-index: 2;
  position: fixed;
  top: 48px;
  right: 10px;
 }

 .single #spMenu {
  z-index: 2;
  position: fixed;
  top: 48px;
  right: 10px;
 }
 
 input[type="submit"]::-webkit-search-decoration,
 input[type="button"]::-webkit-search-decoration {
  display: none;
 }

 input[type="submit"]::focus,
 input[type="button"]::focus {
  outline-offset: -2px;
 }

	.pc {
		display:none;
	}

	.sp {
		display:block !important;
	}

	.lock {
		overflow:hidden;
	}
    
 #floatMenu {
		display:none;
 }

.inner {
		width:100%;
		padding:0 10px;
 } 

.inner p.logo {
  margin:6px 0;
 }
 
.inner p.logo img {
  max-width:275px;
 }

 #sidemenu {
  width:100%;
 }

.verticalDisp {
  display:none;
 }

.horizontalDisp {
  display:block;
 }

.topImage {
  width:100%;
  margin:0 0 15px;
  padding-top:0;
 }

.topImage img {
  width:100%;
 }

	#contents {
		box-sizing:border-box;
		width:100%;
		padding:0 15px;
	}

	#main {
		float:none;
		width:100%;
	}

section {
  overflow:hidden;
  box-sizing:border-box;
  margin:0;
 }

section.js-ac {
  overflow:hidden;
  box-sizing:border-box;
  margin:0 0 10px;
 }

h2.list {
  margin:0 0 10px;
  padding:10px 0 8px 0;
  font-size:16px;
  line-height:1.2;
 }

span.list {
  float: right;
  font-size:14px;
  margin:1px 0 0;
 }

h2.ac {
  margin:0 0 10px;
  padding:10px 40px 8px 0;
  font-size:16px;
  line-height:1.2;
 }

h3 {
  line-height:1.3;
 }

	#sub {
		float: none;
		width: 100%;
	}

	nav ul {
		margin: 0;
		padding: 0 8px;
	}

	nav .inner > ul {
  z-index:2;
  overflow:auto;
  position:fixed;
  top:53px;
  right:0;
  width:100%;
  height:88%;
  height:-webkit-calc(100% - 53px);
  height:calc(100% - 53px);
 }

	nav li {
		position:relative;
		width:100%;
		float:none;
		margin:0;
		text-align:left;
		list-style:none;
		border-bottom:1px solid #fff;
		background:#ff99cc;
	}

	nav li:first-child {
		border-top:0;
	}

	nav li:last-child {
		border-bottom:0;
	}

	nav li a {
		display:block;
		padding:10px 30px;
		color:#fff;
		text-decoration:none;
		background:#ff99cc;
	}

	nav li a:hover {
		color:#fff;
		background:#ff6699;
	}

	nav ul ul {
		display:none;
		position:relative;
	}

	nav li li a {
		box-sizing:border-box;
		width:100%;
		padding:10px 30px 10px 50px;
		text-align:left;
	}

	nav li li li a {
		padding:10px 30px 10px 70px;
	}

.subnav > a:before {
		display:block;
		content:"";
		position:absolute;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:20px;
		right:30px;
		width:10px;
		height:10px;
		margin-top:-5px;
		background:#fff;
	}

.subnav > a:after {
  display:block;
  content:"";
  position:absolute;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  top:20px;
  right:30px;
  width:10px;
  height:10px;
  margin-top:-10px;
  background:#ff99cc;
	}

 .subnav a:hover:after {
  background:#ff6699;
	}

	.active > a:before {
		margin-top:0;
	}

	.active > a:after {
		margin-top:5px;
	}

	.gnav {
		display:none;
	}

	#spMenu {
		display:block;
		z-index:2;
		position:fixed;
		top:35px;
		right:10px;
  overflow: auto;
	}

	#spMenu:hover {
		cursor:pointer;
	}

	#navBtn {
		display:inline-block;
		position:relative;
		width:55px;
		height:55px;
		border-radius:6%;
		background:#ff6699;
	}

	#navBtnIcon {
		display:block;
		position:absolute;
		top:35%;
		left:50%;
		width:31px;
		height:2px;
		margin:0 0 0 -16px;
		background:#fff;
		transition:.2s;
	}

	#navBtnIcon:before,
	#navBtnIcon:after {
		display:block;
		content:'';
		position:absolute;
		top:35%;
		left:0;
		width:31px;
		height:2px;
		background:#fff;
		transition:0.3s;
	}

	#navBtnIcon:before {
		margin-top:-9px;
	}

	#navBtnIcon:after {
		margin-top:7px;
	}

	#navBtn .close {
		background:transparent;
	}

	#navBtn .close:before,
	#navBtn .close:after {
		margin-top:0;
	}

	#navBtn .close:before {
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}

	#navBtn .close:after {
		transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
	}

 #menu-text {
  width:100%;
  font-size:11px;
  margin-top:34px;
  color:#fff;
  display:block;
  text-align:center;
 }
	
	/* SPサブメニュー */

	#spFloatMenu {
		display:block;
		position:relative;
		box-sizing:border-box;
		width:100%;
		margin-bottom:15px;
	}

	#spFloatMenu h3 {
		cursor:pointer;
		margin:0;
		padding:6px 0 4px 6px;
		color:#333;
  background:url(../img/spfm_bg.png) top center repeat-x;
		border:none;
	}

	#spFloatMenu h3:after {
		position:absolute;
		content:"\0025bc";
		top:7px;
		right:7px;
  font-size: 80%;
	}

	#spFloatMenu h3.menuOpen:after {
		position:absolute;
		content:"\0025b2";
		top:7px;
		right:7px;
  font-size: 80%;
	}

	#spFloatMenu ul {
		width:100%;
	}

	#spFloatMenu li {
		width:100%;
		margin:0;
		padding:0;
		list-style:none;
	}

	#spFloatMenu li:first-child a {
		width:100%;
	}

	#spFloatMenu li a {
		display:block;
		width:100%;
		padding:5px 0 5px 6px;
		background:#ff6699;
		color:#fff;
		border-bottom:1px dotted #fff;
		text-decoration:none;
	}

	#spFloatMenu li a:hover {
		background:#ff99cc;
		color:#fff;
	}

.update {
  box-sizing:border-box;
  width:100%;
 }

 .area {
  margin: 0 0 20px;
  padding:10px;
 }

 .areaInner {
  margin:0 0 10px;
  padding: 10px 10px 0;
 }

 .spBranch {
  overflow:hidden;
  margin:10px 0 0;
 }

 .spBranchInner {
  overflow:hidden;
  margin-right:-2%;
 }

 .spBranchInner div {
  width:47.4%;
  float:left;
  margin-right:2%;
  border:1px solid #d30260;
  border-radius: 5px;        /* CSS3草案 */
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
  box-shadow: 2px 2px 4px gray;
 }

 .spBranchInner div a {
  display:block;
  padding:10px 0;
  color:#fff;
  font-weight:bold;
  text-align:center;
  text-decoration:none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff5db1+0,d30260+100 */
  background: #ff5db1; /* Old browsers */
  background: -moz-linear-gradient(top,  #ff5db1 0%, #d30260 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ff5db1 0%,#d30260 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ff5db1 0%,#d30260 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#d30260',GradientType=0 ); /* IE6-9 */
 }

 .spBranchInner div:nth-child(2n+1) {
  clear:both;
 }

 .spBranchInner div a:hover {
  color:#ef017c;
  background:#fff;
 }

 .spBranchBtn {
  overflow:hidden;
  margin:0 0 10px;
 }

.bnrSet {
  overflow:hidden;
  max-width:400px;
  margin:0 auto 20px;
 }

 .bnrSetInner {
  overflow:hidden;
  margin-right:-2%;
 }

 .bnrSetInner div {
  width:48%;
  float:left;
  margin-right:2%;
 }

 .bnrSetInner a:hover {
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter:"alpha( opacity=80 )";
 }

 .bnrSetInner img {
  width:100%;
  margin:0;
 }

.threeCol {
  overflow:hidden;
  margin-bottom:10px;
 }

 .threeColInner {
  overflow:hidden;
  margin-right:0;
 }

 .threeColInner div {
  width:100%;
  float:none;
  margin-right:0;
 }

 .threeDescription {
  position:relative;
  overflow:hidden;
  margin: 0 0 10px;
  background:#ec6184;
  border-radius: 5px;        /* CSS3草案 */
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
 }

 .threeDescription a {
  display:block;
  padding:15px 15px;
  color:#fff;
  text-align:left;
 }

 .rightArrow {
  background-image: url(../img/icon_arrow.png);
  background-size: 10px 15px;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  width: 10px;
  height: 15px;
  top: 18px;
  right: 15px;
 }

 .threeBnr {
  overflow:hidden;
 }

 .beginnersBnr {
  overflow:hidden;
  margin:0 0 2%;
  padding:0;
  text-align:center;
 }

 .beginnersBnr img {
  width:100%;
  max-width:400px;
  margin:0;
  padding:0;
 }

 .beginnersBnr a:hover {
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter:"alpha( opacity=80 )";
 }

 .beginners {
  margin:0 0 30px;
 }

 .partTime img {
  width:100%;
  margin: 20px 0;
 }

/* --- 通勤エリア（市町村） --- */

 .cities {
  overflow:hidden;
  margin:0 0 20px;
  padding:0;
 }

 .cities img {
  width:100%;
 }

 #footerMenu {
  box-sizing:border-box;
  width:100%;
 }

 .footerInner {
  box-sizing:border-box;
  width:100%;
 }

 .footmenu { 
  box-sizing:border-box;
  width:100%;
  padding:0;
 }

 .footLogo {
  box-sizing:border-box;
  width:100%;
  text-align:center;
 }

 .adBnr {
  float:none;
  width:100%;
 }

 .adBnr img {
  width:100%;
  max-width:468px;
  margin:0 0 15px;
 }

 .areaBtn ul {
  margin:1% -1% 0 0;
 }

 .areaBtn li a {
  width:15.1%;
  margin:0 1% 1% 0;
  padding:10px 0;
  font-size: 16px;
 }

 .treatmentIco {
  margin:0;
 }

 .treatment {
  margin:0 0 30px;
 }

 .footerLogo {
  float:none;
  width:100%;
 }

 .footerLogo img {
  width:100%;
  max-width:324px;
 }

 .select-box01 select {
  width: 20%;
 }

 .select-box02 select {
  width: 50%;
 }

 .totop {
  position:fixed;
  bottom:74px;
  right:15px;
  z-index:5;
 }

 .copyright {
  padding:10px 0 72px;
 }

 #footerFloatingMenu {
  display: block;
  width: 100%;
  position: fixed;
  left: 2%;
  bottom: 0;
  z-index: 9999;
  text-align: center;
 }

 #footerFloatingMenu ul {
  overflow:hidden;
  margin:0 -2% 0 0;
 }

 #footerFloatingMenu li {
  list-style:none;
  float:left;
  width:30%;
  margin:0 2% 0 0;
  padding:10px 0;
  text-align:center;
 }

 #footerFloatingMenu li:nth-child(3n+1) {
  clear:both;
 }

 #footerFloatingMenu li a {
  display:block;
  padding:20px 0;
  color:#fff;
  font-size:16px;
  text-decoration:none;
  line-height:1.0;
  border-radius: 5px;        /* CSS3草案 */
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
 }

 #footerFloatingMenu li.tsukin a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f16f5c+0,f85032+50,f6290c+51,e73827+100 */
  background: #f16f5c; /* Old browsers */
  background: -moz-linear-gradient(top,  #f16f5c 0%, #f85032 50%, #f6290c 51%, #e73827 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #f16f5c 0%,#f85032 50%,#f6290c 51%,#e73827 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #f16f5c 0%,#f85032 50%,#f6290c 51%,#e73827 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16f5c', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
 }

 #footerFloatingMenu li.zaitaku a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
  background: #6db3f2; /* Old browsers */
  background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
 }

 #footerFloatingMenu li.contact a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bcc7d1+0,8ca6ad+50,788e99+51,596a72+100 */
  background: #bcc7d1; /* Old browsers */
  background: -moz-linear-gradient(top,  #bcc7d1 0%, #8ca6ad 50%, #788e99 51%, #596a72 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #bcc7d1 0%,#8ca6ad 50%,#788e99 51%,#596a72 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #bcc7d1 0%,#8ca6ad 50%,#788e99 51%,#596a72 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcc7d1', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
 }

 #footerFloatingMenu li a:hover {
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter:"alpha( opacity=80 )";
 }

/* --- アコーディオン開閉 --- */
 
 .js-ac .js-ac-trigger:before {
  content: url(../img/up.png );
  cursor: pointer;
  cursor: hand;
  position: absolute;
  top: 48%;
  right: 5px;
  margin-top: -13px;
 }

 .js-ac .js-ac-target {
  display: block;
  margin: 0 0 30px;
 }

 .js-ac.is-active .js-ac-trigger:before {
  content: url(../img/down.png );
 }

 .js-ac.is-active .js-ac-target {
  display: none;
 }

 h2.basic {
  position: relative;
  margin:0 0 10px;
  padding-bottom:8px;
  font-size:18px;
  font-weight:bold;
  line-height:1.2;
 }

 h2.basic:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: -webkit-repeating-linear-gradient(-45deg, #ffbdde, #ffbdde 8px, #fff 8px, #fff 10px);
  background: repeating-linear-gradient(-45deg, #ffbdde, #ffbdde 8px, #fff 8px, #fff 10px);
 }

/* --- 通勤エリア検索 --- */

 .areaSearch {
  overflow:hidden;
 }

 .areaSearch ul.noArea {
  overflow:hidden;
  margin:1.492% -1.492% 20px 0;
 }

 .areaSearch ul.noArea li {
  display:block;
  list-style:none;
  float:left;
  width:31.840%;
  margin:0 1.492% 1.492% 0;
  padding:10px 0;
  font-weight:bold;
  color:#fff;
  text-align:center;
  text-decoration:none;
  border-radius: 5px;        /* CSS3草案 */
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
  background:#ccc;
 }

 .areaSearch li:nth-child(3n+1) {
  clear:both;
 }

 .areaSearch li a:hover {
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter:"alpha( opacity=80 )";
 }

	/* --- 2018-10-16 修正 ここから --- */

 .areaSearch ul li.nolink {
  display:block;
  list-style:none;
  float:left;
  width:31.840%;
  margin:0 1.492% 1.492% 0;
  padding:10px 0;
  font-weight:bold;
  color:#fff;
  text-align:center;
  text-decoration:none;
  border-radius: 5px;        /* CSS3草案 */
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
  background:#ccc;
 }

/* --- 2018-10-16 修正 ここまで --- */

/* --- 北海道エリア --- */

 .areaSearch ul.hokkaido {
  overflow:hidden;
  box-sizing:border-box;
  width: 100%;
  margin:1.492% -1.492% 20px 0;
 }

.areaSearch ul.hokkaido li a {
 display:block;
 list-style:none;
 float:left;
 width:31.840%;
 margin:0 1.492% 1.492% 0;
 padding:10px 0;
 font-weight:bold;
 color:#fff;
 text-align:center;
 text-decoration:none;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 box-shadow: 2px 2px 3px gray;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0081a5+0,58b1b3+100 */
 background: #0081a5; /* Old browsers */
 background: -moz-linear-gradient(top,  #0081a5 0%, #58b1b3 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  #0081a5 0%,#58b1b3 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  #0081a5 0%,#58b1b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0081a5', endColorstr='#58b1b3',GradientType=0 ); /* IE6-9 */
}

/* --- 東北エリア --- */

.areaSearch ul.tohoku {
 overflow:hidden;
 box-sizing:border-box;
 width: 100%;
 margin:1.492% -1.492% 20px 0;
}

.areaSearch ul.tohoku li a {
 display:block;
 list-style:none;
 float:left;
 width:31.840%;
 margin:0 1.492% 1.492% 0;
 padding:10px 0;
 font-weight:bold;
 color:#fff;
 text-align:center;
 text-decoration:none;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 box-shadow: 2px 2px 3px gray;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3cb134+0,cdd50d+100 */
 background: #3cb134; /* Old browsers */
 background: -moz-linear-gradient(top,  #3cb134 0%, #cdd50d 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  #3cb134 0%,#cdd50d 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  #3cb134 0%,#cdd50d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cb134', endColorstr='#cdd50d',GradientType=0 ); /* IE6-9 */
}

/* --- 関東エリア --- */

.areaSearch ul.kanto {
 overflow:hidden;
 box-sizing:border-box;
 width: 100%;
 margin:1.492% -1.492% 20px 0;
}

.areaSearch ul.kanto li a {
 display:block;
 list-style:none;
 float:left;
 width:31.840%;
 margin:0 1.492% 1.492% 0;
 padding:10px 0;
 font-weight:bold;
 color:#fff;
 text-align:center;
 text-decoration:none;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 box-shadow: 2px 2px 3px gray;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f39c5b+0,f6d785+100 */
 background: #f39c5b; /* Old browsers */
 background: -moz-linear-gradient(top,  #f39c5b 0%, #f6d785 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  #f39c5b 0%,#f6d785 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  #f39c5b 0%,#f6d785 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39c5b', endColorstr='#f6d785',GradientType=0 ); /* IE6-9 */
}

	
/* --- 甲信越エリア --- */

.areaSearch ul.koshinetsu {
 overflow:hidden;
 box-sizing:border-box;
 width: 100%;
 margin:1.492% -1.492% 20px 0;
}

.areaSearch ul.koshinetsu li a {
 display:block;
 list-style:none;
 float:left;
 width:31.840%;
 margin:0 1.492% 1.492% 0;
 padding:10px 0;
 font-weight:bold;
 color:#fff;
 text-align:center;
 text-decoration:none;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 box-shadow: 2px 2px 3px gray;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6c3e1d+0,ab7d46+100 */
 background: #6c3e1d; /* Old browsers */
 background: -moz-linear-gradient(top,  #6c3e1d 0%, #ab7d46 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  #6c3e1d 0%,#ab7d46 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  #6c3e1d 0%,#ab7d46 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c3e1d', endColorstr='#ab7d46',GradientType=0 ); /* IE6-9 */
}

/* --- 東海エリア --- */

.areaSearch ul.tokai {
 overflow:hidden;
 box-sizing:border-box;
 width: 100%;
 margin:1.492% -1.492% 20px 0;
}

.areaSearch ul.tokai li a {
 display:block;
 list-style:none;
 float:left;
 width:31.840%;
 margin:0 1.492% 1.492% 0;
 padding:10px 0;
 font-weight:bold;
 color:#fff;
 text-align:center;
 text-decoration:none;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 box-shadow: 2px 2px 3px gray;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#980021+0,e1097c+100 */
 background: #980021; /* Old browsers */
 background: -moz-linear-gradient(top,  #980021 0%, #e1097c 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  #980021 0%,#e1097c 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  #980021 0%,#e1097c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#980021', endColorstr='#e1097c',GradientType=0 ); /* IE6-9 */
}

/* --- 北陸エリア --- */

.areaSearch ul.hokuriku {
 overflow:hidden;
 box-sizing:border-box;
 width: 100%;
 margin:1.492% -1.492% 20px 0;
}

.areaSearch ul.hokuriku li a {
 display:block;
 list-style:none;
 float:left;
 width:31.840%;
 margin:0 1.492% 1.492% 0;
 padding:10px 0;
 font-weight:bold;
 color:#fff;
 text-align:center;
 text-decoration:none;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 box-shadow: 2px 2px 3px gray;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6c3e1d+0,ab7d46+100 */
 background: #6c3e1d; /* Old browsers */
 background: -moz-linear-gradient(top,  #6c3e1d 0%, #ab7d46 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  #6c3e1d 0%,#ab7d46 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  #6c3e1d 0%,#ab7d46 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c3e1d', endColorstr='#ab7d46',GradientType=0 ); /* IE6-9 */
}


/* --- 近畿エリア --- */

.areaSearch ul.kinki {
 overflow:hidden;
 box-sizing:border-box;
 width: 100%;
 margin:1.492% -1.492% 20px 0;
}

.areaSearch ul.kinki li a {
 display:block;
 list-style:none;
 float:left;
 width:31.840%;
 margin:0 1.492% 1.492% 0;
 padding:10px 0;
 font-weight:bold;
 color:#fff;
 text-align:center;
 text-decoration:none;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 box-shadow: 2px 2px 3px gray;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeb434+0,f0e426+100 */
 background: #eeb434; /* Old browsers */
 background: -moz-linear-gradient(top,  #eeb434 0%, #f0e426 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  #eeb434 0%,#f0e426 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  #eeb434 0%,#f0e426 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeb434', endColorstr='#f0e426',GradientType=0 ); /* IE6-9 */
}

/* --- 四国エリア --- */

.areaSearch ul.shikoku {
 overflow:hidden;
 box-sizing:border-box;
 width: 100%;
 margin:1.492% -1.492% 20px 0;
}

.areaSearch ul.shikoku li a {
 display:block;
 list-style:none;
 float:left;
 width:31.840%;
 margin:0 1.492% 1.492% 0;
 padding:10px 0;
 font-weight:bold;
 color:#fff;
 text-align:center;
 text-decoration:none;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 box-shadow: 2px 2px 3px gray;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ab1f24+0,e32c33+100 */
 background: #ab1f24; /* Old browsers */
 background: -moz-linear-gradient(top,  #ab1f24 0%, #e32c33 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  #ab1f24 0%,#e32c33 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  #ab1f24 0%,#e32c33 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab1f24', endColorstr='#e32c33',GradientType=0 ); /* IE6-9 */
}

/* --- 中国エリア --- */

.areaSearch ul.chugoku {
 overflow:hidden;
 box-sizing:border-box;
 width: 100%;
 margin:1.492% -1.492% 20px 0;
}

.areaSearch ul.chugoku li a {
 display:block;
 list-style:none;
 float:left;
 width:31.840%;
 margin:0 1.492% 1.492% 0;
 padding:10px 0;
 font-weight:bold;
 color:#fff;
 text-align:center;
 text-decoration:none;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 box-shadow: 2px 2px 3px gray;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d33519+0,d69a08+100 */
 background: #d33519; /* Old browsers */
 background: -moz-linear-gradient(top,  #d33519 0%, #d69a08 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  #d33519 0%,#d69a08 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  #d33519 0%,#d69a08 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d33519', endColorstr='#d69a08',GradientType=0 ); /* IE6-9 */
}

/* --- 九州エリア --- */

.areaSearch ul.kyushu {
 overflow:hidden;
 box-sizing:border-box;
 width: 100%;
 margin:1.492% -1.492% 20px 0;
}

.areaSearch ul.kyushu li a {
 display:block;
 list-style:none;
 float:left;
 width:31.840%;
 margin:0 1.492% 1.492% 0;
 padding:10px 0;
 font-weight:bold;
 color:#fff;
 text-align:center;
 text-decoration:none;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
 box-shadow: 2px 2px 3px gray;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003260+0,0079c3+100 */
 background: #003260; /* Old browsers */
 background: -moz-linear-gradient(top,  #003260 0%, #0079c3 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  #003260 0%,#0079c3 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  #003260 0%,#0079c3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003260', endColorstr='#0079c3',GradientType=0 ); /* IE6-9 */
}

/* --- 沖縄エリア --- */

 .areaSearch ul.okinawa {
  overflow:hidden;
  box-sizing:border-box;
  width: 100%;
  margin:1.492% -1.492% 20px 0;
 }
 
 .areaSearch ul.okinawa li a {
  display:block;
  list-style:none;
  float:left;
  width:31.840%;
  margin:0 1.492% 1.492% 0;
  padding:10px 0;
  font-weight:bold;
  color:#fff;
  text-align:center;
  text-decoration:none;
  border-radius: 5px;        /* CSS3草案 */
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
  box-shadow: 2px 2px 3px gray;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0079c3+0,003260+100 */
  background: #0079c3; /* Old browsers */
  background: -moz-linear-gradient(top,  #0079c3 0%, #003260 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #0079c3 0%,#003260 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #0079c3 0%,#003260 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079c3', endColorstr='#003260',GradientType=0 ); /* IE6-9 */
 }

 input#submit_check {
  width:100%;
 }

 input#submit_back {
  width:100%;
 }

 input[type=checkbox] {
  transform: scale(2.0);
 }
 
 .four_support img {
  width:100%;
 }

 .chart {
  overflow-x:scroll;
  width: 100%;
  margin:0 0 10px;
 }
}

@media screen and (max-width:480px) {

/* iOSでのデフォルトスタイルをリセット */

input[type="submit"],
input[type="button"] {
 border-radius: 0;
 -webkit-box-sizing: content-box;
 -webkit-appearance: button;
 appearance: button;
 border: none;
 box-sizing: border-box;
 cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
 display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
 outline-offset: -2px;
}
 
.verticalDisp {
 display:block;
}

.horizontalDisp {
 display:none;
}

.update dl {
 margin: 0;
 padding:5px;
}

.col_two_one ul {
 margin-right:0;
}

.col_two_one li {
 width:100%;
}

.col_two_one li:nth-child(2n+1) {
 clear:both;
}

.spBranchInner div {
 width:46.2%;
}

.method {
 margin-bottom:20px;
}

.method img {
 width:100%;
 margin:0 0 10px;
}

.imgL {
 float:none;
 margin:0 auto;
 text-align:center;
}

.imgL img {
 width:100%;
 max-width:350px;
 margin:0 0 1em;
}

.voice img {
 max-width:150px;
 margin:0 auto 15px;
}

.tenpoImg {
 float:none;
 margin:0 auto;
 text-align:center;
}

.tenpoImg img {
 width:100%;
 max-width:350px;
 margin:0 0 1em;
}

.imgR {
 float:right;
 margin:0 0 0 0;
}

.chatBox1 {
 box-sizing:border-box;
 width:98.5%;
 margin:10px 0 15px 0;
}

.chatBox2 {
 box-sizing:border-box;
 width:98.5%;
 margin:0 0 15px 0;
}

.boxRed {
 box-sizing:border-box;
 width:98.5%;
}

.boxPink {
 box-sizing:border-box;
 width:98.5%;
}

.boxBlue {
 box-sizing:border-box;
 width:98.5%;
}

.area {
 margin: 0 0 20px;
 padding:10px 10px 0;
}

.area2 {
 margin:0;
 padding:0;
}

.area2Inner {
 margin:0;
}

.area2Inner div {
 margin:0 0 10px;
 padding: 10px;
}

.area3 {
 margin:0;
 padding:0;
}

.area3Inner {
 margin:0;
}

.area3Inner div {
 margin:0 0 10px;
 padding: 10px;
}

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

.twoColInner {
 margin-right:0;
}

.twoColInner div {
 width:100%;
 float:none;
 margin-right:0;
}

.blogImg img {
 width:160px;
}

.areaBtn ul {
 margin:2% -2% 0 0;
}

.areaBtn li a {
 width:16.2%;
 margin:0 2% 2% 0;
 padding:5px 10px;
 font-size: 16px;
}

.tenpo img {
 width:100%;
 margin:0 0 10px;
 text-align:center;
}

.treatmentIco {
 width:100%;
 margin:0 0 15px;
}

.treatmentIco li {
 font-size: 9px;
}

.tenpoDetail img {
 width:100%;
 margin:0 0 10px;
 text-align:center;
}

 .tenpoDetail div.imgL {
  float:none;
 }

 .treatment {
  margin:0 0 20px;
 }

 .treatment ul {
  overflow:hidden;
  margin:0 -2% 0 0;
 }

 .treatment li {
  list-style:none;
  float:left;
  width:23%;
  margin:0 2% 2% 0;
  padding:8px 0 6px;
  background:#f6a3c3;
  font-size: 10px;
  color:#fff;
  text-align:center;
  border-radius: 3px;        /* CSS3草案 */
  -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;   /* Firefox用 */
 }

 .staffMessage {
  margin:0 0 20px;
 }

 .staffMessage p {
  padding:10px;
 }

 .staffMessage img {
  max-width:150px;
  margin:0 auto 15px;
 }

 .chatladyVoice {
  margin:0 0 20px;
 }

 .chatladyVoice p {
  padding:10px;
 }

 .chatladyVoice img {
  max-width:150px;
  margin:0 auto 15px;
 }

 .thumbnail ul {
  overflow:hidden;
  margin:0 -2% 2% 0;
 }

 .thumbnail li {
  list-style:none;
  float:left;
  width:48%;
  margin:0 2% 0 0;
 }

 .areaInfo li {
  width:48%;
  margin:0 2% 4% 0;
 }

 .detailBtnSet {
  width:100%;
 }

 .detailBtnSetInner div a {
  font-size:14px;
 }

 input#correct {
  height:60px;
  padding:15px;
  font-size:10.5px;
 }

 input#submit {
  height:60px;
  padding:15px;
  font-size:16px;
 }

 .contact_sp { 
  margin: 0; 
 }
 
 .contact_sp th,.contact_sp td{
  width: auto;
  display: block;
  border: none;
 }

 .contact_sp th {
  border-top: 1px #ddd solid; 
  border-bottom: 1px #ddd solid;
 }

 .contact_sp tr:first-child th {
  border-top: none;
 }

 input#name1, #name2, #name3, #name4, #kana1, #kana2, #kana3, #kana4 {
  width: 50%;
 }

 .select-box01 select#year {
  width: 28%;
 }

 .select-box01 select#month, #day {
  width: 22%;
 }

 .select-box02 select {
  width: 62%;
 }

 .imgL p.upImg {
  margin:0 auto;
 }

 ul.note {
  margin:0;
 }

 .type {
  margin:0 0 15px;
 }

 .type div.imgL {
  float:none;
  margin:0;
 }

 .type div.imgL img {
  width:100%;
  max-width:100%;
  margin:0 0 15px;
 }

 .spFootmenu table {
  border: 0;
  border-collapse: collapse;
  background:none;
  font-size:12px;
 }

 .spFootmenu td {
  padding:5px;
  border-left:1px solid #bfb4ab;
  border-top:0;
  border-bottom:0;
  border-right:0;
  vertical-align: top;
 }

 .spFootmenu td.tdLeft {
  width:50%;
 }

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

 .spFootmenu td a:hover {
  text-decoration: underline; 
  color:#333;
 }

 .spFootmenu td li a {
  font-size:10px;
  text-decoration: none; 
  color:#4c4c80;
 }

 .spFootmenu td li a:hover {
  text-decoration: underline; 
  color:#7878cc;
 }

 .workFlow div.imgL {
  float:none;
  margin:0 auto;
  text-align:center;
 }

 .workFlow div.imgL img {
  width:100%;
  max-width:350px;
  margin:0 0 1em;
 }

 .flowBox div.imgL {
  overflow:hidden;
  float:left;
  margin:0 10px 0 0;
  padding:0;
 }

 .flowBox img {
  width: 140px;
  margin:0;
  padding:0;
 }

 .support_col_two_one ul {
  margin:0 0 2% 0;
 }

 .support_col_two_one li {
  float:none;
  box-sizing:border-box;
  width:100%;
  margin:0 0 2% 0;
 }

 .support_col_two_one li img {
  width:70px;
 }

 .chart {
  margin:0 0 10px;
 }

 .order {
  width:100%;
 }

 .order p img {
  width:280px;
 }

/* --- アコーディオン開閉 --- */

 .js-ac .js-ac-target {
  text-align:center;
 }

 .js-ac .js-ac-target p {
  text-align:left;
 }

 .js-ac-img img {
  float:none;
  width:100%;
  margin: 0 0 10px;
 }
}

@media screen and (max-width:374px) {
 
 .inner p.logo img {
  max-width: 230px;
 }
 
  #spMenu {
   display: block;
   z-index:2;
   position: fixed;
   top: 30px;
   right: 10px;
  }

  h2 {
   font-size: 14px;
  }
 
 .areaBtn li a {
   width: 15.3%;
   font-size: 14px;
  }
 
 .blogImg img {
   width: 140px;
  }
}

@media screen and (max-width:789px){
 
 .su-posts-default-loop .su-post-thumbnail {
  float: unset !important;
  height: auto !important;
  width: 100% !important;
  height: 100% !important;
 }
 
 .su-post-thumbnail img{
  max-width: 100% !important;
  max-height: 100% !important;
  height: 100%;
  width: 100%;
  margin-bottom: 1rem;
 }
}

@media screen and (max-width:789px){
 
 .su-posts-default-loop .su-post-thumbnail {
  float: unset !important;
  height: auto !important;
  width: 100% !important;
  height: 100% !important;
 }
 
 .su-post-thumbnail img{
  max-width: 100% !important;
  max-height: 100% !important;
  height: 100%;
  width: 100%;
  margin-bottom: 1rem;
 }
}

.su-post-thumbnail img{
 height: 100%;
}

 .icon {
  width: 24px;
  height: 24px;
 }


.single .entry-title{
 color: #fff !important;
 font-size: 16px;
 padding: 0.5em;/*文字周りの余白*/
 color: #010101;/*文字色*/
 background: #ffb6c1;/*背景色*/
 border-bottom: solid 3px #ff69b4;/*下線*/
 margin: 16px 0;
 }

.single .entry-content p{
 line-height: 1.8em;
 font-size: 14px;
 }

.single .wp-block-preformatted{
 white-space: normal !important;
}

.single h2{
 margin: 16px 0;
 font-size: 16px;
 padding: 0.25em 0.5em;/*上下 左右の余白*/
 color: #494949;/*文字色*/
 background: #fddbec;/*背景透明に*/
 border-left: solid 5px #ff679a;/*左線*/
}

.single h3{
 margin: 16px 0 16px 8px;
 font-size: 14px;
 border-bottom: solid 3px #fddbec;
 color: #2a2a2a;
}

.single ul.wp-block-list {
 list-style-type: disc !important;
 padding-left:24px;
}

.single ul.wp-block-list li{
 margin-bottom: 16px !important;
}

.single .entry-meta {
 display: none;
}

.single .entry-meta .posted-on{
 text-decoration: none;
 color: #000;
}

.single .entry-footer{
 display: none !important;
}

.comment-form-comment label{
 display: block;
 font-size: 14px;
 margin: 16px 0 0px 8px !important;
}

.comment-form-author label{
 display: block;
 font-size: 14px;
 margin: 16px 0 0px 8px !important;
}
.comment-form-email label{
 display: block;
 font-size: 14px !important;
 margin: 16px 0 0px 8px !important;
}

.comment-form-url{
 display: none;
}

.form-submit input[type="submit"]{
 text-decoration: none !important;
 margin: 16px auto !important;
 width: 100% !important;
 display: block !important;
}

.comment-form-comment #comment{
 padding: 10px !important;
 width: 90% !important;
 height: 200px !important;
 resize: none !important;
 margin: 8px 0 0px 8px !important;
 display: block;
}

.comment-form-author input[type="text"]{
 padding: 10px !important;
 width: 90% !important;
 resize: none !important;
 margin: 8px 0 0px 8px !important;
 display: block;
 line-height: 1.5;
}

.comment-form-email input[type="email"]{
 padding: 10px !important;
 width: 90% !important;
 resize: none !important;
 margin: 8px 0 0px 8px !important;
 display: block;
 line-height: 1.5;
}

#reply-title{
 padding: 0.4em 0.5em !important;/*文字の上下 左右の余白*/
 color: #494949 !important;/*文字色*/
 background: #f4f4f4 !important;/*背景色*/
 border-left: solid 5px #e43851 !important;/*左線*/
 border-bottom: solid 3px #d7d7d7 !important;/*下線*/
 font-size: 16px !important;
 font-weight: bold !important;
}

h2.screen-reader-text{
display: none !important;
}

.nav-links{
 display: flex !important;
 width:100% !important;
 text-align: center !important;
 margin-top: 16px !important;
 margin-bottom: 16px !important;
 text-decoration: none !important;
 justify-content: space-between !important;
}

.nav-links span{
 display: block;
}

.nav-links .nav-previous .screen-reader-text{
 text-align: left;
 padding-left: 2rem;
}

.nav-links .nav-previous .nav-title{
 text-align: left;
 position: relative;
 padding-left: 2rem;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper{
 position: absolute;
 left:0;
 top:0;
}

.nav-links .nav-next .screen-reader-text{
 text-align: right;
 padding-right: 2rem;
}

.nav-links .nav-next .nav-title{
 text-align: right;
 position: relative;
 padding-right: 2rem;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper{
 position: absolute;
 top: 0;
 right: 0;
}

.nav-previous .nav-subtitle{
 display: none !important;
}

.nav-next .nav-subtitle{
 display: none !important;
}

.pan_list ul{
 display: flex !important;
 flex-wrap: wrap !important;
 list-style: none !important;
 margin-bottom: 12px !important;
}

.pan_list ul li::after {
 margin: 0 .6em !important; /* 記号の左右の余白 */
 color: #777 !important; /* 記号の色 */
 font-size: 14px !important;
}