/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/* setting */
/*/////////////////////////////////////////////////////////////////////////////////////////////*/



/* body
---------------------------------------------------- */
body {
	/*フォント*/
	font-family: "M PLUS 1p", sans-serif;
	/*font-family: "Arial","メイリオ", "ヒラギノ角ゴ Pro W3","MS Pゴシック",sans-serif; */
	/*Dark charcoal*/
	color:#000000;
	/*行間*/
	line-height:1.8em;
	/*テキスト配置*/
	text-align:center;
	/*背景　白*/
	background-color:#FFFFFF;
	margin: 0;
	padding: 0;
}

html {
  scroll-padding-top: 75px; /* 固定ヘッダーの高さ */
  overflow-x:hidden;
}

/*link
---------------------------------------------------- */
A {text-decoration: none;} 
A:hover { text-decoration: none; } 
A:link { color: #000000; } 
A:visited { color: #000000; } 
A:hover { color: #0066CC; } 
A:active { color: #000000; }

 /*huk
---------------------------------------------------- */
img.pnghuk {}
* html .pnghuk {behavior: expression(IEPNGFIX.fix(this));} 


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


 /*float
---------------------------------------------------- */
.floatl { float:left;}
.floatr { float:right;}
.clearboth { clear:both;}


 /*text
---------------------------------------------------- */
.text-caption { font-size:x-small;}
.text-bold { font-weight:bold;}
.text-indent { text-indent:1em;}
.text-normal { font-weight:normal;}
.text-center { text-align:center;}
.text-medium { font-size:medium;}
.text-large { font-size:large;}
.text-xlarge { font-size:130%;}
.text-small { font-size:small;}
.text-xsmall { font-size: x-small;}
.text-copy { font-size: medium; color:#03A003; margin:0.5em 0 1em 0; font-weight:bold;}

 /*pic
---------------------------------------------------- */
.picframe { border: #CCCCCC 1px solid; padding:1px;}
.picframe-brown { border:#4F3737 1px solid; padding:1px;}
.pic-margin-l { margin:0 1em 1em 0;}
.pic-margin-r { margin:0 0 1em 1em;}
.pic-margin-top { margin:1em 0 1em 0;}
.pic-margin-r05 { margin:0 0 0.5em 0.5em;}
.pic-margin { padding:1em; border: #CCCCCC 1px solid;}

 /*color
---------------------------------------------------- */
.red { color: #FF3333;}
.blue { color: #005DAD;}
.orange { color:#FF803E;}
.darkgray { color:#333333;}
.gray { color: #999999;}
.green { color:#03A003;}
.link { color: #0066CC; }

 /*margin
---------------------------------------------------- */
.margin-top-1em { margin-top:-1em;}
.margin-top03em { margin-top:0.3em;}
.margin-top05em { margin-top:0.5em;}
.margin-top1em { margin-top:1em;}
.margin-top2em { margin-top:2em;}
.margin-top3em { margin-top:3em;}
.margin-top4em { margin-top:4em;}

.margin-bottom015em { margin-bottom:0.15em;}
.margin-bottom025em { margin-bottom:0.25em;}
.margin-bottom05em { margin-bottom:0.5em;}
.margin-bottom1em { margin-bottom:1em;}
.margin-bottom2em { margin-bottom:2em;}
.margin-topnbottom-1em { margin:1em 0;}
.margin-topnbottom-halfem { margin:0.5em 0;}
.margin-leftright-03em { margin:0 0.3em;}
.margin-right1em { margin-right:1em;}
.margin-right2em { margin-right:2em;}
.margin-left1em { margin-left:1em;}
.margin-left02em { margin-left:0.2em;}
.margin-right02em { margin-right:0.2em;}
.margin-left05em { margin-left:0.5em;}
.margin-right05em { margin-right:0.5em;}


/*===============================================
共通
===============================================*/
#textsize li { display:inline-block; background:#FF3366; margin-right:2px;  }
#textsize li a { display:block; padding:2px 6px; color:#FFF; text-decoration:none; }
#textsize li.title { display:inline-block; background:none; margin-right:3px;  }

.text_bg_white { background:#fff; border-radius:10px; width:95%; margin:1em auto; padding:0.5em; box-sizing:border-box; }


 /* others
---------------------------------------------------- */
#scrollUp {
    background:url(../images/btn03.png);
    width: 60px;    /* Width of image */
    height: 60px;   /* Height of image */
}


 /* list
---------------------------------------------------- */

/* photos 
---------------------------------------------------- */


/* address
---------------------------------------------------- */

/*スライド*/
.slideshow {
  position: relative;
  width: 100%;
  height: 400px; /* 画像の高さ */
  overflow: hidden;
}

.slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  animation: fade 40s infinite;
}

/* 4枚の画像を16秒で切り替える例 */
.slideshow img:nth-child(1) { animation-delay: 0s; }
.slideshow img:nth-child(2) { animation-delay: 0s; }
.slideshow img:nth-child(3) { animation-delay: 11.0s; }
.slideshow img:nth-child(4) { animation-delay: 11.0s; }
.slideshow img:nth-child(5) { animation-delay:22.0s; }
.slideshow img:nth-child(6) { animation-delay:22.0s; }
.slideshow img:nth-child(7) { animation-delay:33.0s; }
.slideshow img:nth-child(8) { animation-delay:30.0s; }

@keyframes fade {
  0% { opacity: 0; }
  10% { opacity: 1; }
  33% { opacity: 1; }
  43% { opacity: 0; }
  100% { opacity: 0; }
}


.top_content {
  width:100%;
  position: relative;
}

.top_img {
  width:100%;
}

.top_text {
  position: absolute;
  width:100%;
  top:20%;
  left:0;
  text-align: center;
  font-size:150%;
  padding: 40px 0;
  background-color: rgba(255, 255, 255, 0.6);
  color:#333333;
}

h2.title01 {
  position: relative;
  padding:0.5em 0.5em 0.5em 15px; /* 左に〇のスペースを確保 */
  text-align: left;
  background:#fff0cd;
  font-weight:bold;
  font-size:120%;
  margin-bottom:10px;
  color: #333333;
}

h2.title01:before {
  content:"";
  width:2.25em; height:1.5em;
  display:inline-block;
  background-image:url(../images/yajirusi01L.png);
  background-size:100%;
  left:-2.25em;
  vertical-align:middle;
}

h2.title01:after {
  content:"";
  width:2.25em; height:1.5em;
  display:inline-block;
  background-image:url(../images/yajirusi01R.png);
  background-size:100%;
  right:-2.25em;
  vertical-align:middle;
}

h2.title01 a {
  color: #333333;
}


h2.title01:hover a {
  color: #333333;
}

.title02 {
  padding:0.5em 0.5em 0.5em 15px; /* 左に〇のスペースを確保 */
  text-align: left;
  background:#d7eabb;
  font-weight:bold;
  font-size:120%;
  margin-bottom:10px;
  color: #000000;
}

h2.title02:before {
  content:"";
  width:2.25em; height:1.5em;
  display:inline-block;
  background-image:url(../images/yajirusi02L.png);
  background-size:100%;
  vertical-align:middle;
  left: -2.25em;
}

h2.title02:after {
  content:"";
  width:2.25em; height:1.5em;
  display:inline-block;
  background-image:url(../images/yajirusi02R.png);
  background-size:100%;
  vertical-align:middle;
  right: -2.25em;
}


h2.title02 a {
  color: #000000;
}


h2.title02:hover a {
  color: #000000;
}
.content-box { 
  width:98%;
  margin:5px auto 25px auto;
  padding:5px;
}

.content-title {
  text-align: left;
  font-size: 110%;
  margin:1em 1em;
}

.content05-title {
  text-align: left;
  font-size: 130%;
  margin:1em 1em 0em 1em;
  font-weight:bold;
}


/*トップページ*/
.service-content {
 text-align: left;
 width:23%;
 height:370px;
 margin:1em 0.5em 1em 0.5em;
 padding:0;
 display: inline-table;
 border:2px #fff0cd solid;
}

.service-title {
  padding:0.5em;
  border-left:10px #f08d2c solid;
  background: #fff0cd;
  font-size: 100%;
  width:89%;
  display: flex;                /* 子要素（文字）の配置用 */
  align-items: center;          /* 垂直方向中央 */
  justify-content: center;      /* 水平方向中央 */
}

.service-img {
  width:90%;
  padding:0.5em 5%;
  display: flex;                /* 子要素（文字）の配置用 */
  align-items: center;          /* 垂直方向中央 */
  justify-content: center;      /* 水平方向中央 */
}

.service-icon {
  display: flex;
}

.service05-content {
 text-align: left;
 width:45%;
 margin:1em 1em 1em 1em;
 display: inline-table;
 border:2px #fff0cd solid;

}

.service05-comment {
  text-align: left;
  font-weight:bold;
  font-size: 130%;
  margin:1em 1.5em;
}


.service05-title {
  width:90%;
  font-weight:bold;
}

.service05-img {
  width:90%;
  margin: 0.2em 5%;
}


.small-img {
  width:18px;
  height:18px;
  margin:2px;
}

.icon-img {
  width:40px;
  height:40px;
  margin:2px;
}
.ryouhou-box {
  width:48%;
  display: inline-flex;
  height:50px;
}

.ryouhou-title {
  margin:13px;
  font-weight:bold;
  font-size:130%+
}

.info-flex {
  display: inline-flex;
  justify-content: space-between;
}

.info-box {
  width: 49%;
  border:1px solid #faddc0; border-radius:5px;
}
.info-list li {
  margin:0.5em;
  height:2em;
  border-bottom:1px dotted #999;
}

.info-list li:last-child {
  /*border:none;
  margin-bottom: 0;*/
}

.info-list li.all {
  text-align:right;
  padding-right:1em;
  border:none;
  margin-bottom: 0;
}

.info-title {
  float:left;
  text-align: left;
  margin-left:0.5em;
}

.info-date {
  width:20%;
  float:left;
  text-align: right;
  padding-right:0.5em;

}

.map-box01 , .map-box02 {
  margin:1em 0;
}

.map-box01 {
  float:left;
  width:55%;
}

.map-box02{
  float:right;
  width:43%;
}

.map-text {
  text-align:left;
  margin:0.5em 0;
}

.map-google {
  width:100%;
  height:300px;
}

.map-google2 {
  width:100%;
  height:400px;
}


.map-img {
  width:100%;
}

/*詳細ページ*/
.category-box { 
  width:98%;
  margin:5px auto 50px auto;
  padding:5px;
  position: relative;
  z-index:1;
}

.category-content {
 text-align: left;
 width:98%;
 margin:1em 0.5em 1em 0.5em;
 display: inline-table;
}

.category-title {
  margin: 0.2em;
  padding:0.5em;
  border-left:10px #f08d2c solid;
  background: #fff0cd;
  font-size: 120%;
  font-weight:bold;

}

.category-title img{
  float:left;
  width:25px;
  height:25px;
  margin-top: 3px;
  margin-right: 5px;
}
.category-img {
  margin: 0.2em;
  padding: 1em auto;
}

.category-icon {
  margin-top: 1em;
  padding-top: 1em;
  color:#01a285;
}

.category-subtitle {
  margin: 0em;
  padding:0.5em;
  border:1px #f08d2c solid;
  background: #fff0cd;
  font-size: 110%;
  font-weight:bold;
  width:100px;
  text-align:center;
  z-index:2;
}

.category-sub_box {
  width:70%;
  margin:1em 15%;
  padding: 0px;
  border: 1px dashed #f08d2c;
}

.category-sub {
  font-size: 120%;
  margin: 1em 4em;
  font-weight:bold;
}

.meal-content {
 text-align: left;
 width:33%;
 height:370px;
 margin:1em 0 1em 0;
 padding:0;
 display: inline-table;
 border:2px #fff0cd solid;
}

.news-title {
  margin: 0.2em;
  padding:0.5em;
  border-left:10px #00a160 solid;
  background: #dbffcc;
  font-size: 120%;
  font-weight:bold;
}

.news_text {
  margin: 0.2em;
  padding:0.5em;

}
.news_text img{
  max-width:95%;
  margin: 0.2em;
  padding:0.5em;
}

.blog-list li {
  margin:0.2em;
  height:2em;
  border-bottom:1px dotted #999;
}

.blog-list li:last-child {
  /*border:none;
  margin-bottom: 0;*/
}

.blog-box {
  width:90%;
  margin:5px auto 25px auto;
  padding:5px;
}

.blog-box01 {
  float:left;
  width:90%;
}
.blog-box01 img{
  max-width:90%;
  height:auto;
}


.blog-box02{
  float:right;
  width:90%;
}

.blog-title {
  float:left;
  text-align: left;
  margin-left:0.2em;
}

.blog-date {
  width:30%;
  float:left;
  padding-right:0.2em;
  font-size:100%;
}

.pagination {
  display: inline-block;
  width:90%;
}

.pagination a {
  color: black;
  float: left;
  padding: 5px 10px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #01a285;
  margin: 0 4px;
}

.pagination a.active {
  background-color: #dbffcc;
  color: white;
  border: 1px solid #01a285;
}

.pagination a:hover:not(.active) {background-color: #dbffcc;}

.footinner { width:1000px; margin:0 auto; padding:10px auto; text-align:left; }
.foothgr { clear:both; font-size:100%; line-height:1.25em; margin-bottom:1em; padding:10px auto;}
.logo2 { width:400px; margin-left:150px; border-right:1px solid #999; float:left; }
.address { width:420px; font-size:110%; margin:5px auto; padding:10px 5px; float:left; }

.banner {
 float:left; box-sizing: border-box; 
 margin-left:1em;
 margin-bottom:1em; padding:10px 5px; border:1px solid #e6d8b7;
 }
.link_banner { background:#FFFFFF;}
.link_banner:hover { background:#f5deb3;}

.banner2 {
 float:left; box-sizing: border-box; 
 margin-left:1em;
 margin-bottom:1em; padding:10px 5px; border:1px solid #e6d8b7;
 }
.link_banner2 { background:#ffe6eb;}
.link_banner2:hover { background:#F4DA7C;}

.banner3 {
 float:left; box-sizing: border-box; 
 margin-left:1em;
 margin-bottom:1em; padding:10px 5px; border:1px solid #e6d8b7;
 }
.link_banner3 { background:#afeeee;}
.link_banner3:hover { background:#9AC2E0;}



.footbox { width:22%; float:left; margin-right:3%; border-top:0.5em; }
.footbox:last-child { margin-right: 0; }
.footbox h4 { border-bottom:3px solid #fff0cd; margin-bottom:10px; }
.footadd { color:#396CAF; margin-bottom:5px; }
.footlinks li { margin-left:1em; margin-bottom:0px; clear:both; padding:0; margin-top:0;  }
.footlinks li.display { }

.footlinks p { margin-left: 0px; color:#333333; text-align:left;}
.footlinks img{
  float:left;
  width:20px;
  height:20px;
  margin-top: 1px;
  margin-right: 5px;
}

.footlinks a { color:#000; }
.footlinks a:hover { color:#000; text-decoration:none; }
.footlinkwide {width:98%; margin:0 auto; }
.copy { background:#dbffcc; padding:10px 0; border:1px solid #e6d8b7;}
.copy small { color:#333333; font-size:90%; }

/*スマホの時だけ改行するクラス*/
.br-sp {
    display: none;
}

/*ボックス*/
.box1 {
    background-color:#fff0cd;/*背景色*/
    border:1px solid #f08d2c;/*線*/
    border-radius: 10px;/*角の丸み*/
    width:90%;
    justify-content: center; /* 水平中央 */
    align-items: center;     /* 垂直中央 */
}

.meal-title-img {
  width:90px;
  height:90px;
  background-color:#ff9800 ;
  border-radius: 50%;
  text-align: center;
  /*font-weight:bold;*/
  font-size:120%;
  color: #fff;
  line-height: 1em;
  display: grid;
  align-content: center;
  margin:0 0.5em;
  box-sizing: border-box;
}

.box1 p{
    color:#000000;/*文字色*/
}

/*ボックス*/
.guide_box {
    background-color:#fff0cd;/*背景色*/
    border:1px solid #f08d2c;/*線*/
    color:#000000;/*文字色*/
    border-radius: 10px;/*角の丸み*/
    width:45%;
    display: inline-block;
    margin: 1em 1em;
    justify-content: center; /* 水平中央 */
    align-items: center;     /* 垂直中央 */
}

/*ボックス*/
.guide_box_s {
    background-color:#fff0cd;/*背景色*/
    border:1px solid #f08d2c;/*線*/
    color:#000000;/*文字色*/
    border-radius: 10px;/*角の丸み*/
    width:22%;
    display: inline-block;
    margin: 0.5em 0.2em 0.5em 0.2em;
    justify-content: center; /* 水平中央 */
    align-items: center;     /* 垂直中央 */
}

.guide_box-title {
    padding: 1em 1em 0em 2em;
    font-weight:bold;
    font-size:110%;
    color:#333333;
}
.guide_box p {
    margin: 1em 1em; 
    padding: 1em 1em;
    color:#333333;
}

.guide_box-flex {
}

.guide_box img {
    width:85%;
    padding: 2em 1em 1em 1em;
    border: solid 1px #fff0cd;
}

.guide_box_s img {
    width:92%;
    margin: 1em 4% 1em 4%;
    text-align:center;
}

.job01 , .job02 { width:95%; margin:0.5em auto; padding:0 16px; position:relative; clear:both; }
.job01:after , .job02:after { content:""; display:block; clear:both; }
.job01 h4 , .job02 h4 { 
  width:100%;
  font-size:150%;
  box-sizing:border-box;
  margin:5px 0; 
  padding: 0.5em;/*文と周りの隙間*/
  color: #010101;/*文字の色*/
  background: #d7eabb;/*背景色*/
  border-bottom: solid 3px #5e6652;/*下線部*/
}

.job01 p { margin: 16px auto; }
.job01 ul { margin:0 auto; line-height:120%; }
.job02 p { width:50%; margin: 1em auto 1em 1em; }
.job02 ul { width:50%; margin:0 auto 0 1em; line-height:150%; }
.job02 img { width:40%; margin:1em; }
.job01:after , .job02:after { content:""; clear:both; display:block; }

.job_tb01 { width:100%; margin:0 auto; padding:0; display:table; border-collapse:collapse; }
.job_row01 { display:table-row; width:100%; }
.job_tb01 div.job_th { display:table-cell;
    border:2px solid #5e6652; border-radius:10px
    width:20%;
    padding: 5px 5px 5px 0.5em;
    background: #d7eabb !important;
    color: #333333 !important;
}
.job_tb01 div.job_td { display:table-cell;
  border:2px solid #5e6652; 
  width:80%;
  background:#FFF;
  vertical-align:top;
  padding: 5px 1em;
  vertical-align:top;
 }
.job_tb01 div.job_td img { float:right; }

.btn-job { width:80%; margin:1em auto 3em auto; text-align:center; }
.btn-job a {
  width:100%;
  display:block;
  border-radius:100vh;
  font-size:120%;
  padding: 10px;
  color: #010101;
  background: #fff0cd;
  border: solid 2px #ffc94d;
  transition:0.2s;
}
.btn-job a:hover {
  color: #010101;
  background: #fff0cd;
}

.li_yajirusi01 > li { margin:1em auto; font-size:110%; }
.li_yajirusi01 > li:before { 
	content:"";
	width:2.25em; height:1.5em;
	display:inline-block;
	background-image:url(../images/yajirusi03.png);
	background-size:100%;
	float:left;
	vertical-align:middle;
	}
.li_yajirusi01 > li span { padding-left:2.25em; line-height:1.5em; margin-bottom:0.8em ; box-sizing:border-box; border-bottom:1px solid #d7eabb; display:block; width:100%; }
.li_yajirusi01 > li:after { content:""; clear:both; display:block; }

.rijityou_box {
  display: flex;
  width:90%;
  margin: 1em 1em;
}

.rijityou_img_box {
  width:25%;
  margin-right:1em;
}

.rijityou_img {
  width:100%;
}

.rijityou_img_text {
  font-size: 100%;
  text-align: center;
}

.rijityou_text_box {
  width:90%;
  margin-left:1em;
}

.rijityou_text_box img{
   display: block;       /* 画像をブロック要素化する */
   margin-left: auto;    /* 左側の余白を自動にして右に寄せる */
   margin-right: 20%;    /* 右側の余白を0にする */
   /* 必要であればサイズを指定 */
   max-width: 80%;
   height: auto;
}

.rijityou_text{
  width:80%;
  margin:0 1em;
}

.rijityou_text_title {
  font-size: 120%;
  margin: 1em auto;
  /*font-family: serif;*/
}



.enkaku_box {
  position: relative;
}

.enkaku_box::after{
  content: "";
  width:6px;
  height:100%;
  position: absolute;
  top:0;
  left:35px;
  z-index: -10;
  background-color: #01a285;
}

.enkaku_list {
  display: flex;
  margin: 2em auto;
}

.enkaku_text_box {
  border-bottom:1px #999 dotted;
  width: calc(100% - 60px);
}

.enkaku_year {
  width:60px;
  height:60px;
  background-color:#01a285 ;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  line-height: 1em;
  display: grid;
  align-content: center;
  margin:0 0.5em;
  box-sizing: border-box;
}

.enkaku_year:last-child {
  display: none; /* content: none; と同様の効果 */
}

.enkaku_month {
  width:60px;
  margin:0 0.5em;
}

.enkaku_text {
  display: flex;
  margin:0.5em auto;
}



.privacy_title {
  font-size: 160%;
  text-align: center;
  width:100%;
  margin: 1em auto;
  line-height: 1.5;
  /*font-family: serif;*/
}

.privacy_text_box {
  width:80%;
  background-color:#dbffcc;
  padding:1em;
  margin:1em auto;
  text-align: left;
}

.privacy_text_title {
  font-weight: bold;
  font-size: 120%;
  margin:1em;
  text-align: center;
}

.privacy_text {
  width:80%;
  margin: 1em auto;
}

.privaxy_text_list {
  font-weight: bold;
  margin:0em 20% 0em 20%;
  display: inline-block;
}

.privaxy_text_list li {
  list-style: decimal;
}

.privacy_img {
  width:90%;
  margin:0 5%;
  
}

.privacy_img img {
  width:600px;
}


.access_box {
  display: flex;
  margin:1em 0;
}

.access_info{
    width:320px;
    padding: 8px 19px;
    margin: 2em 2em;
    color: #333333;
    background: #dbffcc;
    border-top: solid 2px #01a285;
    border-bottom: solid 2px #01a285;
    display: block;
}
.access_info p {
    margin: 0; 
    padding: 0.2em 2em 0.3em 2em;
}

.access_text {

  width:55%;
}

.access_img {
  width:400px;
  height:200px;
  margin-left: 2em;
  padding: 1em 1em;
}

.access_phone { 
	text-align:center;
	height:40px;
	width:230px;
	top:5px;
	left:30px;
	position:absolute;
	box-sizing:border-box; 
	position:relative; 
	background-color:rgba(2,159,139,0.8);
	border-radius:5px;
}

.access_phone img { 
	width:25px; 
	height:25px;
	top:5px;
	left:15px;
	padding-left:5px;
	position:absolute;
 }
.access_phone p { 
	padding-top:5px;
	padding-left:3em;
	margin-bottom:1em;
	position:relative; 
	color:#fff; 
}

.access_map {
  width:90%;
  height:400px;
  margin:1em auto;
}

.access_google {
  height:100%;
  width: 100%;
}

.tel_info{
    width:700px;
    padding: 8px 19px;
    margin: 2em 2em;
    color: #333333;
   /* background: #dbffcc;
    border-top: solid 2px #01a285;
    border-bottom: solid 2px #01a285;*/
    display: block;
}
.tel_info p{
  text-align:center;
  margin: 0.5em 1em;
}
.tel_img{
	width:600px; 
	height:250px;
	padding:5px;
	position:relative;
	background-color:rgba(2,159,139,0.8);
	border-radius:10px;

}

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

#scrollUp { 
    bottom: 10px;
    right: 10px;
}

.humWP { display:none; }
#humberger , #drawernav { display:none; }

/* layout */
#header { 
 box-sizing: border-box;
 width:100%; 
 height:75px;
 background:#ffffff; border-bottom:1px solid #e6d8b7;
 position:fixed; top:0;
 opacity: 0.9;
 z-index:5;
 }

#main {
  box-sizing: border-box;
  margin-top: 75px;
  margin-left: 20%;
  margin-right: 3%;
  padding: 20px;
  min-height:1200px;
}
#sub {
  box-sizing: border-box;
  top: 75px;
  width: 17%;
  margin-left: 3%;
  padding:5px;
  position: absolute;
  height: 140vh;
  background: #ffffff;
  overflow-y: 100%; 

}

#footer { 
  width:100%; 
  clear:both;
  height:300px;
  margin:0 auto;
  padding:20px 0 30px 0;
  background:#ffffff; 
  border-top:1px solid #e6d8b7;
  z-index:1;

}

.head { width:100%; min-width:1000px; margin:0px auto 0 auto; padding:0.5em 0; }
.toplogo { height:60px; float:left; text-align:left; margin:5px 5px 5px 25px; }
.toplogo img { height:95%; }
/*吹き出し*/
.topballoon {
  position: relative;
  float:left;
  width:400px;
  height:50px; 
  color: #555;
  background: #dbffcc;
  border-radius: 15px;
  margin-top:5px;
  margin-bottom:5px;
}
.topballoon:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -22px;
  margin-top: -10px;
  border: 12px solid transparent;
  border-left: 12px solid #dbffcc;
  z-index: 5;
}
.topballoon p{
  font-weight:bold;
  font-size:16px;
  padding-top: 10px;
  padding-bottom: 10px;
  color:#000000;
}

.topinfo {  float: right; display: flex ;}
/*.topinfo img { height:16px; margin: 10px 0px 10px 10px; }*/

/*電話*/
/*
.phone li { 
	text-align:left;
	height:50px; 
	width:220px;
	padding:5px; 
  margin: 0 1em;
	box-sizing:border-box; 
	position:relative; 
  background-color:rgba(2,159,139,0.8);
	border-radius:5px;
}
.phone li img { 
	width:25px; 
	height:25px; 
	z-index:10; 
	position:absolute;
	top:5px;
	left:15px;
 }
.phone li p { 
	z-index:10; 
	top:7px;
	padding-left:50px;
	position:relative; 
	line-height:30px; 
	color:#fff; 
}
*/
.phone li { 
  height:70px; 
  width:280px;
  margin: -3px 3em 0em 0em;
}
.phone li img { 
  width:250px; 
  height:65px; 
  margin-bottom: 5px;
 }

.slideshow_pc{
}
.slideshow_sh{
  display:none;
}

/*トップページ*/
.service-content {
 text-align: left;
 width:22%;
 height:370px;
 margin:1em 0em 1em 0.5em;
 padding:0;
 display: inline-table;
 border:2px #fff0cd solid;
}

.service-title {
  padding:0.5em;
  border-left:10px #f08d2c solid;
  background: #fff0cd;
  font-size: 100%;
  width:85%;
  display: flex;                /* 子要素（文字）の配置用 */
  align-items: center;          /* 垂直方向中央 */
  justify-content: center;      /* 水平方向中央 */
}

.service-img {
  width:90%;
  padding:0.5em 5%;
  display: flex;                /* 子要素（文字）の配置用 */
  align-items: center;          /* 垂直方向中央 */
  justify-content: center;      /* 水平方向中央 */
}

.service-info {
 text-align:left;
 margin-top: 0.5em;
 padding: 0em 1em 0em 1em;
 width:90%;
}

.service-comment {
 text-align:left;
 margin:0em 1em 1em 1em;
 padding: 0em 0em 0em 0em;
 width:90%;
}

.service05-info {
 text-align:left;
 margin-top: 0em;
 padding: 0em 1em 0em 1em;
 width:90%;
 font-size: 110%;
 font-weight: bold;
}

.service05-content {
  width:23%;
  margin: 0.2em;
  border:2px #fff0cd solid;
}

.service05-title {
  margin: 0.2em auto;
  text-align:center;
  font-weight:bold;
}

.service05-img {
  width:70%;
  text-align:center;
  margin: 0.2em 15%;
}

.service05-img img {
  width:80%;
}

.service05-info {
 text-align:left;
 margin: 1em 1em;
 padding: 0em 1em 0em 1em;
 width:90%;
 font-size:110%;
 font-weight: bold;
}

.category-box { 
  top:10px;
  margin-bottom:100px;
}

.category-img {
  width:400px;
  height:300px;
}

.category-info {
 margin: 0em 1em;
 padding: 1em 1em;
 min-width:300px;
 text-align:left;
}

.flex {
  display: flex; /*横並び*/
}

.parent {
  display: block; /* もしくは flexを削除 */
  /* flex-direction: column; にすることでも縦並びに可能 */
}

/*メニュー*/
.btn01 { 
  width:100%; margin: 0.5em auto; 
  position: relative;
  background: #f08d2c;
  border-radius: 8px;
  box-shadow: 0px 0px 0px 5px #f08d2c;
  border: dashed 2px white;
  padding: 0.6em 0.2em;
  font-weight:bold;
  color: #000000;
}

.btn01 a {
 display:block;
 color:#ffffff;
}
.btn01:hover { 
  background: #fff0cd;
  box-shadow: 0px 0px 0px 5px #fff0cd;
  border: dashed 2px #553f10;
  color: #553f10;
}
.btn01:hover a {
 display:block;
 color:#553f10;
}

/*メニュー　詳細*/
.btn02 { 
  background:#fff0cd; /*#dbffcc; */
  border-radius: 5px;
  border: 1px solid #553f10;
  transition:0.2s; 
  font-weight:bold;
  width: 100%; 
  margin:0em 5px 0em 5px;
  position: relative;
  line-height: 40px;
 }

.btn02 a {
 display:block;
 color:#553f10;
}
/*
.btn02:hover {
  background:#dbffcc;
  border-radius: 8px;
  border:1px solid #000000;
  color:#000000; /*
 }

.btn02:hover a {
  display:block;
  color:#00a160;
 }
*/

/*メニュー　詳細*/
.btn03 { 
  background:#FFFFFF; /*#dbffcc; */
  border-radius: 8px;
  border:1px solid #e6d8b7; 
  transition:0.2s; 
  width:100%; margin: 0.5em auto; 
  position: relative;
 }
.btn03 p { 
  padding-left: 0.5em;
  padding-right: 0.5em;
  color:#000000; /*333333;*/
  text-align:left;
  font-size:90%;
  line-height:45px;
}
.btn03 p:before {
  content:"";
  width:20px; height:20px;
  display:inline-block;
  background-image:url(../images/yajirusi04.png);
  background-size:80%;
  vertical-align:middle;
  left: -20px;
  padding-right:5px;
  background-repeat: no-repeat;
}

.btn03:hover{ 
  background:#808080;
  color:#FFFFFF; /*333333;*/
 }

.btn03:hover a p { 
  background:#808080;
  color:#FFFFFF; /*333333;*/
 }

/*メニュー　詳細*/
.btn04 { 
  width:100%;
  height:auto;
  margin: 0em 0em;
  padding:0em;
  position: relative;
 }
.btn04 img{
  background:#FFFFFF; /*#dbffcc; */
  border:1px solid #ffffff; 
  border-radius: 10px;
  width:100%;
  height:auto;
} 

/*ドロップダウン*/
.gnavi__lists {
}
.gnavi__list {
    width: 100%;
    height: 60px;
    position: relative;
    transition: all .3s;
}
.gnavi__list:hover {
}
.gnavi__list:not(:first-child)::before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s;
}
.gnavi__list:hover::before {
}
.gnavi__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    letter-spacing: 0.05em;
    transition: all .3s;
}
.gnavi__list:hover a {
}

.dropdown__lists {
    display: none;/*デフォルトでは非表示の状態にしておく*/
    width: 100%;
    position: absolute;
    top: 50%;; /*親の上端から 50%（半分）*/
    transform: translateY(-50%); /* 自身の半分だけ上にずらして中央揃え */
    left:100%; /*0;*/
    z-index:15;
}
.gnavi__list:hover .dropdown__lists {
    display: block;/*Gナビメニューにホバーしたら表示*/
}
.dropdown__list {
    transition: all .3s;
    position: relative;
}
.dropdown__list:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
}
.dropdown__list:hover {
}
.dropdown__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: relative;
}
.dropdown__list a::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);
}
/*ドロップダウン*/
.banner img{
 width:290px;
 height:auto;
  float:left;
  margin:0px auto;
}
.banner2 img{
 width:290px;
 height:auto;
  float:left;
  margin:0px auto;
}
.banner3 img{
 width:290px;
 height:auto;
  float:left;
  margin:0px auto;
}
.job_img {
  width:98%;
  max-width:1000px;
  border: solid 5px #ffa07a;
  margin-top:0px;
  border-radius: 15px;/*角の丸み*/
}

.jobsh_img {
  display:none;
}

/*詳細ページ　カテゴリーメニュー*/


.menu-category{
  display: flex; 
  justify-content: center;      /* コンテンツを中央に寄せる */
  width:98%;
  margin-left:2%;
}

.menu-category li{
  display: flex;                /* 子要素（文字）の配置用 */
  align-items: center;          /* 垂直方向中央 */
  justify-content: center;      /* 水平方向中央 */
  height:40px;
  background:#dbffcc; 
  border:1px solid #01a285; 
  transition:0.2s; 
  border-radius: 5px;
  margin: 1em 5px 0em 5px;
  width:15%;
  font-size:110%;
}

.menu-category img{
  float:left;
  width:20px;
  height:20px;
  margin-top: 5px;
  margin-right: 2px;
}

.menu2-category{
  display: flex; 
  justify-content: center;      /* コンテンツを中央に寄せる */
  width:96%;
  margin:0 2%;
}

.menu2-category li{
  display: flex;                /* 子要素（文字）の配置用 */
  align-items: center;          /* 垂直方向中央 */
  justify-content: center;      /* 水平方向中央 */
  background:#dbffcc; 
  border:1px solid #01a285;
  transition:0.2s; 
  border-radius: 5px;
  margin: 1em 5px 0em 5px;
  width:18%;
  height: 40px;           /* 高さを設定 */
  font-size:90%;
}

.menu3-category{
  display: flex; 
  justify-content: center;      /* コンテンツを中央に寄せる */
  width:96%;
  margin:0 2%;
}

.menu3-category li{
  display: flex;                /* 子要素（文字）の配置用 */
  align-items: center;          /* 垂直方向中央 */
  justify-content: center;      /* 水平方向中央 */
  background:#dbffcc; 
  border:1px solid #01a285;
  transition:0.2s; 
  border-radius: 5px;
  margin: 1em 5px 0em 5px;
  width:23%;
  height: 40px;           /* 高さを設定 */
  font-size:110%;
}


/*ボックス*/
.box1 {
    width:70%;
    padding: 0.5em 0.5em;
    margin: 1em 15%;
}


.box1 p{
 margin-right:0px;
}

.box1 img{
 width:200px;
 height:auto;
}

.box1-title {
  position: relative; /* 基準にする */
  /*color: #FFFFFF;
  background-image:url(../images/maru.png);
  background-repeat:no-repeat;
  background-position: 0 0;
  padding:1.2em 1em 0em 1em;
  height:80px;
  width:120px;*/
  padding:1em 1em 1em 1em;
  font-weight: bold;
  font-size: 120%;
  text-align:justify;
  margin-bottom:0em;

}

.box1-flex {
  display: flex;
  align-items: center; /* 垂直方向の中央揃え */
  gap: 5px;           /* 画像とテキストの間隔 */
  margin-bottom: 10px;
  padding: 0px;
}

.meal-title{
 width: 25%;  /* タイトル画像のサイズ */
 height: auto;
}

.meal-title img{
 width: 80px;  /* タイトル画像のサイズ */
  height: auto;
  margin-left:1em;
  margin-right:1em;
}


.p01 { text-align:center; font-size:150%; font-family: "ＭＳ Ｐゴシック"; line-height:1.5; }
.p02 { text-align:left; font-size:150%; font-family: "ＭＳ Ｐゴシック"; line-height:1.5; }

.blog-box02{
  display:none;
}

.sec01 , .sec02 , .sec03 { margin-top:-120px; padding-top:120px; }

.sp_number {
  display: none;
}

}
/*===============================================
スマホ用
===============================================*/
@media screen and (max-width: 859px){

#scrollUp { 
    bottom: 55px;
    right: 10px;
}

#sub {
  display: none;
}

#footer { 
  width:100%; 
  clear:both;
  height:450px;
  margin:0 auto;
  padding:20px 0 50px 0;
  background:#ffffff; 
  border-top:1px solid #e6d8b7;
  z-index:5;

}

header { 
 width:100%; background:#ffffff; 
 position:fixed; top:0; z-index:5;
 }

.head { padding: 0; }
.toplogo { width:100%; height:50px; float:left; text-align:left; margin:5px; }
.toplogo img { height:100%; }

.topinfo { display: none;}
.topinfo ul { display: -webkit-flex; display: flex; 
              -webkit-justify-content: flex-end; justify-content: flex-end;
              flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
              }
.topinfo ul li { margin: 0 5px; } 
.topinfo img { height:100%; max-height:50px; }

.top_text {
  position: absolute;
  width:100%;
  top:25%;
  left:0;
  text-align: center;
  font-size:110%;
  padding: 15px 1em;
  background-color: rgba(255, 255, 255, 0.6);
  color:#333333;
}

.footlinks li { font-size:100%; padding:0; margin:0 0 0 2em; }
.footlinks li.display { display:none;}

.footlinks p { margin-left: 0px; color:#333333; text-align:left;}
.footlinks img{
  float:left;
  width:20px;
  height:20px;
  margin-top: 1px;
  margin-right: 1em;
}
.logo2 { width:80%; padding-left:1em;  padding-right:1em;}
.logo2 img{
	width:95%;
}
.address { width:95%; font-size:110%; margin:5px auto; padding:10px 1em; float:left; text-align:center; }

/*スマホの時だけ改行するクラス*/
.br-sp {
    display: block;
}

.info-title {
  float:left;
  text-align: left;
  margin-left:0.1em;
}

.info-date {
  width:20%;
  float:left;
  text-align: right;
  padding-right:0.1em;

}
/*詳細ページ　カテゴリーメニュー*/
.menu-category{
  display: flex;
  flex-wrap: wrap;    /* 折り返しを許可 */
  justify-content: center;      /* コンテンツを中央に寄せる */
  width:90%;
  margin-left:2%;
}

.menu-category li{
  width:40%;
  display: flex;                /* 子要素（文字）の配置用 */
  align-items: center;          /* 垂直方向中央 */
  justify-content: center;      /* 水平方向中央 */
  height:40px;
  background:#dbffcc; 
  border:1px solid #01a285; 
  transition:0.2s; 
  border-radius: 5px;
  margin: 1em 5px 0em 5px;
  font-size:100%;
}

.menu-category img{
  float:left;
  width:20px;
  height:20px;
  margin-top: 5px;
  margin-right: 2px;
}

.menu2-category{
  display: flex;
  flex-wrap: wrap;    /* 折り返しを許可 */
  justify-content: center;      /* コンテンツを中央に寄せる */
  width:90%;
  margin:0 2%;
}

.menu2-category li{
  display: inline-block;
  background:#dbffcc; 
  border:1px solid #01a285;
  transition:0.2s; 
  border-radius: 5px;
  margin: 5px 2% 0em 2%;
  padding:2px 5px;
  width:40%;
  font-size:100%;
}
.menu2-category p{
  text-align:center;
}


.menu3-category{
  display: flex;
  flex-wrap: wrap;    /* 折り返しを許可 */
  justify-content: center;      /* コンテンツを中央に寄せる */
  width:96%;
  margin:0 2%;
}

.menu3-category li{
  display: inline-block;
  background:#dbffcc; 
  border:1px solid #01a285;
  transition:0.2s; 
  border-radius: 5px;
  margin: 5px 1% 0em 1%;
  padding:2px 5px;
  width:40%;
  height: 25px;           /* 高さを設定 */
  font-size:100%;
}

.menu3-category p{
  text-align:center;
}
 
/*詳細ページ*/

.category-box { 
  top:0px;
  z-index:1;

}

.category-img {
  width:90%;
}

.category-info {
  margin: 0em 1em;
  width:85%;
}

.anchor-target {
  padding-top: 120px; /* ヘッダーの高さ分、下に余白を作る */
  margin-top: -120px; /* 同じ分だけ上にずらす（マイナス値） */
}


/* layout */
main { padding: 60px 0; }
.topbox { position:relative; width:100%; height:600px;
 }

.topbox::after {
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-shadow: inset 0 0 20px 25px #FFF;
}

/*トップページ*/
.service-content {
 width:90%;
 display: block;
 margin: 1em 1em;
 text-align: left;
 display: inline-table;
 border:2px #fff0cd solid;
}

.service-title {
  padding:1em;
  border-left:10px #f08d2c solid;
  background: #fff0cd;
  font-size: 100%;
  width:88%;
  display: flex;                /* 子要素（文字）の配置用 */
  align-items: center;          /* 垂直方向中央 */
  justify-content: center;      /* 水平方向中央 */
}

.service-img {
  width:80%;
  padding:0.5em 10%;
  align-items: center;          /* 垂直方向中央 */
  justify-content: center;      /* 水平方向中央 */
}

.service-img img{
   width:90%;
}
.service-info {
   margin: 0em 1em;
   padding: 1em auto;
   width:90%;
}

.service-comment {
   margin: 0em 1em;
   padding: 1em auto;
   width:90%;
}

.service05-content {
 text-align: left;
 width:40%;
 height:250px;
 margin:1em 0.5em 1em 0.5em;
 display: inline-table;
 border:2px #fff0cd solid;
}

.service05-comment {
  text-align: left;
  font-weight:bold;
  font-size: 130%;
  margin:1em 1em;
  font-size: 110%;
}


.service05-info {
 text-align:left;
 margin: 0.2em 1em;
 width:90%;
 font-size: 110%;
 font-weight: bold;

}

.service05-title {
  margin: 0.2em auto;
  text-align:center;
  font-weight:bold;
}


.service05-img {
  width:90%;
  text-align:center;
}
.service05-img img{
   width:80%;
}

.box1 p {
    margin: 1em 1em 0.5em 1em; 
    color:#000000;
}

.ryouhou-box {
   margin: 0em 1em;
   padding: 1em auto;
  width:90%;
}
.info-flex {
  display: block;
}
.info-box {
   margin: 0em 1em 1em 1em;
   padding: 1em auto;
   width: 90%;
}

.map-box01 {
  float:none;
  width:90%;
  padding-left:1em;
}
.map-box01 img{
  margin: 0em 1em;
  padding: 1em auto;
  width:95%;
}

.map-box02{
  margin:1em 0.5em 1em 1em;
  padding-left:0.5em;
  float:none;
  width:90%;
}

.map-box02 img{
  width:95%;
}

.blog-box01 {
  float:none;
  width:90%;
}

.blog-box01 img{
  width:80%;
}

.blog-box02{
  display:none;
}

.blog-title {
  width:55%;
  float:right;
  text-align: left;
  margin-left:0.5em;
  font-size:90%;
}

.blog-date {
  float:left;
  width:40%;
  margin-left:0em;
  font-size:90%;
}


.navi01 p { margin-left: 0px; color:#333333; text-align:left;}

.navi01 img{
  float:left;
  width:20px;
  height:20px;
  margin-top: 5px;
  margin-right: 5px;
}


/*スマホの時だけ改行するクラス*/
.br-sp {
    display: block;
}

.headmenu { display:none; }

main { width:100%; margin:0 auto 0.5em auto; text-align:left; overflow:hidden; }

/*スライド*/
.slideshow {
  position: relative;
  width: 100%;
  height: 240px; /* 画像の高さ */
  overflow: hidden;
}

.slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  width: 600px;
  height: 240px;
  object-fit: cover;
  opacity: 0;
  animation: fade 40s infinite;
}

/* 4枚の画像を20秒で切り替える例 */
.slideshow img:nth-child(1) { animation-delay: 0s; }
.slideshow img:nth-child(2) { animation-delay: 0s; }
.slideshow img:nth-child(3) { animation-delay:11.0s; }
.slideshow img:nth-child(4) { animation-delay:11.0s; }
.slideshow img:nth-child(5) { animation-delay:22.0s; }
.slideshow img:nth-child(6) { animation-delay:22.0s; }
.slideshow img:nth-child(7) { animation-delay:33.0s; }
.slideshow img:nth-child(8) { animation-delay:33.0s; }

.slideshow_pc{
  display:none;
}
.slideshow_sh{
}

footer { 
  margin-bottom: 60px;
}

.footinner { width:100%; margin:0 auto; padding:10px auto; text-align:left; }
.foothgr {
  width:90%;
  clear:both;
  font-size:100%;
  line-height:1.25em;
  margin-bottom:1em;
  padding:10px auto;
}
.address { 
  width:90%;
  font-size:100%;
  margin:0 1em 1em 1em;
  float:left; }

.logo2 {
  width:90%;
  margin:0 1em 1em 1em;
  border: none;}

.footbox { 
  width:90%;
  margin:0 1em;
}
.footbox h4 { border-bottom:3px solid #fff0cd; margin-left:1em; margin-bottom:10px; margin-right:1em; }

.footlinkwide {
  width:90%; 
  margin:0 1em;
}
.banner {
  width:90%;
  margin:0.2em 1em 1em 1em;
  
}
.banner img{
  width:90%;
  float:left;
  padding:0px 0.5em;
}
.banner2 {
  width:90%;
  margin:0.2em 1em 1em 1em;
  
}
.banner2 img{
  width:90%;
  float:left;
  padding:0px 0.5em;
}
.banner3 {
  width:90%;
  margin:0.2em 1em 1em 1em;
  
}
.banner3 img{
  width:90%;
  float:left;
  padding:0px 0.5em;
}

/*メニュー　詳細*/
.btn04 { 
  width:90%;
  height:auto;
  margin: 0em 0em;
  padding:0em;
  position: relative;
 }
.btn04 img{
  background:#FFFFFF; /*#dbffcc; */
  border:1px solid #ffffff; 
  border-radius: 10px;
  width:90%;
  height:auto;
} 
.news_text img{
  max-width:300px;
  margin: 0.2em;
  padding:0.5em;
}

/*ボックス*/
.box1 {
    width:90%;
    display: inline-block;
    margin: 1em 1em; 
}

.box1-title {
  position: relative; /* 基準にする */
  /*color: #FFFFFF;
  background-image:url(../images/maru.png);
  background-repeat:no-repeat;
  background-position: 0 0;
  height:50px;
  width:90px;*/
  color: #ffffff;
  padding:1.2em 1em 0em 2em;
  font-weight: bold;
  font-size: 120%;
  text-align:justify;
  margin-bottom:0em;

}


.box1 img{
 width:300px;
}


.box1-flex {
  margin:0em 1em;
  justify-content: center; /* 水平中央 */
  align-items: center;     /* 垂直中央 */
}
.box1-flex img{
  width:90%;
  margin:0em 1em;
}

.meal-title{
  position: relative; /* 基準にする */
  padding:1em 0.5em 0em 0.5em;
  width:20%;
}

.meal-title img{
  position: relative; /* 基準にする */
  width:100px;
  height:100px;
}

.guide_box {
    width:90%;
    display: inline-block;
    margin: 1em 1em; 
    justify-content: center; /* 水平中央 */
    align-items: center;     /* 垂直中央 */
}

/*ボックス*/
.guide_box_s {
    width:40%;
}


.guide_box p{
    width:90%;
    margin: 1em 1em; 
    padding: 1em 1em;
 
}

.guide_box img{
    width:80%;
    padding: 2em 1em 1em 1em;
 
}

.guide_box-flex {
  display: flex;
}


.category-subtitle {
  margin: 0em;
  padding:0.5em;
  border:1px #f08d2c solid;
  background: #fff0cd;
  font-size: 110%;
  font-weight:bold;
  width:100px;
  text-align:center;
  z-index:2;
}

.category-sub_box {
  width:90%;
  margin:1em 1em;
  padding: 0px;
  border: 1px dashed #f08d2c;
}

.category-sub {
  font-size: 100%;
  margin: 1em 1em;
  /*font-family: serif;*/
  font-weight:bold;
}

.rijityou_box {
    display: block;
    width:90%;
    margin: 0em 1em;
    padding: 1em auto;
}

.rijityou_img_box {
    width:90%;
    margin: 1em 1em 0em 1em;
    padding: 1em auto;
}

.rijityou_img {
    width:80%;
    margin: 0em 1em;
    padding: 1em auto;
}

.rijityou_img_text {
    font-size: 100%;
    text-align: center;
   margin: 0em 1em;
   padding: 1em auto;
}

.rijityou_text_box {
  width:90%;
}

.rijityou_text_title {
  font-size: 120%;
  margin: 1em auto;
  /*font-family: serif;*/
}

.rijityou_text_box img{
   display: block;       /* 画像をブロック要素化する */
   margin-left: auto;    /* 左側の余白を自動にして右に寄せる */
   margin-right: 10%;    /* 右側の余白を0にする */
   /* 必要であればサイズを指定 */
   max-width: 80%;
   height: auto;
}

.rijityou_text{
  width:90%;
  margin:0 1em;
}
.privacy_title {
  font-size: 110%;
  text-align: center;
  width:100%;
  margin: 1em auto;
  line-height: 1.5;
  /*font-family: serif;*/
}

.privacy_text_box {
   width:85%;
   background-color:#dbffcc;
   margin: 0em 0.5em 0em 0.5em;
   padding: 1em auto;
   text-align: left;
}

.privacy_text {
   width:90%;
   margin: 0em 1em;
   padding: 1em auto;
}

.privaxy_text_list {
  font-weight: bold;
  margin:0em 5% 0em 10%;
  display: inline-block;
}

.privacy_img {
  width:90%;
  margin:0 1em;
}

.privacy_img img {
  width:350px;
}

.tel_info{
    width:340px;
    padding: 8px 0px;
    margin: 2em 0.5em;
    color: #333333;
    /*background: #dbffcc;
    border-top: solid 2px #01a285;
    border-bottom: solid 2px #01a285;*/
    display: block;
}
.tel_info p{
  text-align:center;
}
.tel_img{
	width:300px; 
	height:125px;
	padding:5px;
	position:relative;
	background-color:rgba(2,159,139,0.8);
	border-radius:5px;

}

.job_img {
  display:none;
}

.jobsh_img {
  width:98%;
  max-width:800px;
  border: solid 3px #ffa07a;
  margin:0px 2px; 
  border-radius: 15px;/*角の丸み*/
}


.job01 , .job02 { width:95%; margin:0.5em auto; padding:0.5em 0; position:relative; }
.job01 h4 , .job02 h4 { 
  margin:5px auto; 
  padding: 0.5em;/*文と周りの隙間*/
  color: #010101;/*文字の色*/
  background: #dbffcc;/*背景色*/
  border-bottom: solid 3px #01a285;/*下線部*/
 }

.job01 p , .job02 p { width:88%; margin:5px auto; line-height:180%; }
.job01 ul , .job02 ul { width:95%; margin:0 auto; line-height:120%; }

.job_tb01 div.job_th { display:table-cell;
    width:15%;
}
.job_tb01 div.job_td { display:table-cell;
  width:85%;
 }


.access_box {
    display: block;
    width:90%;
    margin: 0em 1em;
    padding: 1em auto;
}

.access_text {
  width:90%;
}

.access_img {
   width:90%;
   margin: 0em 1em;
   padding: 1em 1em;
}

.access_info{
    width:300px;
    padding: 8px 19px;
    margin: 1em 1em;
    color: #333333;
    background: #dbffcc;
    border-top: solid 2px #01a285;
    border-bottom: solid 2px #01a285;
    display: block;
}

.access_info p {
    margin: 0; 
    padding: 0.2em 0.2em 0.3em 0.2em;
}

.access_phone { 
	text-align:center;
	height:40px;
	width:230px;
	top:5px;
	left:5px;
	position:absolute;
	box-sizing:border-box; 
	position:relative; 
	background-color:rgba(2,159,139,0.8);
	border-radius:5px;
}

.sp_number {
  position:fixed;
  bottom:0em;
  display: block;
  box-sizing: border-box;
  background-color:rgba(2,159,139,0.8);
  border-radius: 3px;
  /*color:#fff; */
  z-index: 7;
  height:80px; 
  width:100%;
}

.sp_number a {
  display: flex;
}

.sp_number a img {
  width:250px;
  height:65px; 
  margin: 5px auto;
  display: block;
}

.sp_number a p {
  width: 80%;
  text-align: left;
  margin: 12px 0;
  color: #fff;
}

.p01 { text-align:center; font-size:110%; font-family: "ＭＳ Ｐゴシック"; margin:0.5em; }
.p02 { text-align:left; font-size:110%; font-family: "ＭＳ Ｐゴシック"; margin:0.5em; }

.copy { background:#dbffcc; padding:10px 0; border:1px solid #e6d8b7;}
.copy small { color:#333333; font-size:70%; }


}