/*---------------------------------------------
 generic  class
---------------------------------------------*/

.txtB { font-weight: bold; }
.txtN { font-weight: normal; }
.layoutC { text-align: center; }
.layoutL { text-align: left; }
.layoutR { text-align: right; }
/*---------------------------------------------
 base margin
---------------------------------------------*/
.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt16 { margin-top: 16px !important; }
.mt20 { margin-top: 20px !important; }
.mt24 { margin-top: 24px !important; }
.mt32 { margin-top: 32px !important; }
.mt40 { margin-top: 40px !important; }
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml16 { margin-left: 15px !important; }
.ml24 { margin-left: 24px !important; }
.ml32 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml70 { margin-left: 70px !important; }
.ml90 { margin-left: 90px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb8 { margin-bottom: 8px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb16 { margin-bottom: 16px !important; }
.mb18 { margin-bottom: 18px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb24 { margin-bottom: 24px !important; }
.mb32 { margin-bottom: 32px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb60 { margin-bottom: 60px !important; }
.mr5 { margin-right: 5px !important; }
.mr8 { margin-right: 8px !important; }
.mr16 { margin-right: 16px !important; }
.mr24 { margin-right: 20px !important; }
.mr32 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.p8 { padding: 0px 8px 18px !important; }
.pb20 { padding-bottom: 20px !important; }


/*---------------------------------------------
 font
---------------------------------------------*/
.fs8 { font-size:8px !important; }
.fs12 { font-size:12px !important; }
.fs14 { font-size:14px !important; }
.fs15 { font-size:15px !important; }
.fs12B { font-size:12px; font-weight:bold !important; }
.fs21B { font-size:21px; font-weight:bold !important; }
.fs16 { font-size:16px !important; }
.fs18 { font-size:18px !important; }
.fs20 { font-size:20px !important; }
.fs22 { font-size:22px !important; }
.fs24 { font-size:24px !important; }
.fwB { font-weight:bold !important; }
.fcG { color:#379e3f !important; }
.fcR { color:#ea5350 !important; }
.fcBk { color:#333 !important; }
.fcBk2 { color:#555 !important; }
.fcWh { color:#FFF !important; }

/*---------------------------------------------
 border
---------------------------------------------*/
.bbnone { border-bottom:none !important; }
.bb1D { border-bottom: dotted 1px #ad9f8a; !important; }
.bt1D { border-top: dotted 1px #ad9f8a !important; }
.bb1 {border-bottom: solid 1px #ab9473; !important; }
.br1 {border-right: solid 1px #ab9473; !important; }

html { background: none;}

body {
	font: 16px/2 "メイリオ",Verdana, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	color: #44413e;
	background: url(../images/common/bg.png) repeat;
	position: relative; /* AS */	
}

a { color: #01ba84; text-decoration: none;  }
a:hover { color: #01ba84; text-decoration: underline; }

#header {
	font-size:30px;
	color:#FFF;
	position:relative;
}


/*------nav ここから*/

#topNav {
	float: right;
	width: 64%;
	background: url(../images/common/bg_nav.png) no-repeat top right;
	margin: 0 0 12px;
    position: relative;  /* AS */
	z-index: 200;	  /* AS */
}

#topNavBox {
	padding: 0 0 0 12px;
}

#topNavBox li {
	float:left;
	margin-top: -16px;
}

#circleNav_Area {
	background: url(../images/common/line_header.png) repeat-x bottom center;
	overflow: hidden;
	padding: 0 0 2px;
	margin-top: -12px;
}

#circleNav_Box {
	background: url(../images/common/bg_header.png) no-repeat bottom left;
	width: 960px;
	margin: 0 auto ;
	overflow: hidden;
}

#circleNav_s {
	float: right;
	padding: 0 0 8px;
}

#circleNav_s li {
	display: inline;
	padding: 0 8px;
}

#circleNav_s .sp {
	display: none;
}


/*---------------------------------------------
 mainvisual
---------------------------------------------*/

#mainvisual {
	max-width: 1024px;
	margin: -12px auto 0;
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;   /* AS */
  z-index: 100;   /* AS */
}

#circleNav {
	text-align: center;
	background: url(../images/top/bg_circlenav.png) no-repeat top center;
}

#circleNav li {
	display: inline;
	padding: 0 56px;
}

#circleNav li .sp {
	display: none;
}

#pankuzu {
	width: 960px;
	margin: 12px auto 4px;
	font-size: 12px;
	overflow: hidden;
}

#pankuzu li {
	float: left;
}


/*---------------------------------------------
　contents{
---------------------------------------------*/

#contents{
	padding:20px 0;
}

section {
	padding-bottom: 40px;
}

#logo {
	padding: 4px 0 0;
	float: left;
	width: 36%;
	z-index:100;
}

.ttl02 {
	margin: 0 0 20px;
}

.ttl03 {
	margin: 48px 0 20px;
}

.ttl04 {
	background: #f9edbc;
	color: #8d6e42;
	text-align: center;
	font-size: 18px;
	padding: 0 24px;
	margin: 0 0 12px;
	width: 28%;
	clear: both;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

.ttl05 {
	color: #8d6e42;
	font-size: 118%;
	font-weight: bold;
	padding: 0 0 0 20px;
	background: url(../images/common/icon_01.png) no-repeat 0% 50%;
}

.ttl06 {
	background: #f9edbc;
	color: #8d6e42;
	font-size: 18px;
	padding: 0 24px;
	margin: 0 0 12px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

.ttl07 {
	background: #daf8e6;
	color: #6f553b;
	font-size: 18px;
	padding: 0 24px;
	margin: 12px 0 12px;
	overflow: hidden;
	clear: both;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

.notice01 {
	font-size: 0.8rem;
	margin: 8px 0 0;
}

.img01 {
	margin: 8px 0 20px 0;
}

.Xcontainer {
	width: 960px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}

.container {
  width: 100%;
/*  max-width: 960px; */
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  box-sizing: border-box;
}

/* header/footer は左右いっぱいにする */
#header .container,
#footer .container {
  max-width: none;     /* 960px制限を解除 */
  width: 100%;
  padding-left: 20px;  /* 端にベタ付きを避ける（必要に応じて調整） */
  padding-right: 20px;
}

#main{
	float:left;
	width:66%;
}

#main .newsList {
	line-height: 1.5;
}

#main .newsList dt {
	font-size: 14px;
	padding: 16px 20px 8px;
}

#main .newsList dt:first-child {
	padding: 0 20px 8px;
}

#main .newsList dd {
	border-bottom: 1px dotted #4a4646;
	padding: 0 20px 16px;
}

#keyvisual_bumon {
	max-width: 1024px;
	margin: 0 auto;
	 -webkit-box-sizing: border-box;
 	 -moz-box-sizing: border-box;
  	box-sizing: border-box;

}

#main .mainBox {
	font-size: 15px;
}

#main .mainBox p {
	margin-bottom: 16px;
}

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


/****SLIDER****************/
.swiper-wrapper{
	position: relative;
}

.swiper-wrapper .slider_txt{
	position: absolute;
	width: 50%;
	top: 50px;
	left: 50px;
}
/**************************/


/****TOP BNR****************/
.link_bnr01{
	width: 80%;
	/* background: #fff000; */
	margin: 20px auto 30px auto;
	/*margin-bottom: 30px;*/
	display: flex;
    flex-direction: row;
	justify-content: space-between;
}

.link_bnr01 > div{
	/* width: 47%; */
}

.link_bnr01A{
	 width: 47%; 
}

.link_bnr01B{
	 width: 47%; 
}

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




#main .mainBox p.top_link01 {
	font-size: 18px;
	text-align: center;
}

#main .mainBox p.top_link01 a{
	display: inline-block;
	border: solid 1px #01ba84;
	padding:0 10px;
	margin: 20px;
}

.butyou_img{
	width: 30%;
	margin:10px 14px 20px 0;
	float:left;
}

.butyou_img img{
	width: 100%;
}

.photoBox{
	width: 94%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.photoBox div{
	margin: 0 auto;
	width: 50%;
	text-align: center;
}


.photoBox div img{
	width: 88%;
}

.career_bnr,
.nenkan_bnr{
	width: 84%;
	margin: 0 auto;
}

.career_bnr img,
.nenkan_bnr img{
	width: 100%;
	margin:0 20px 20px;
}

table.zisseki{
	width: 88%;
	margin: 0 auto;
	margin-bottom: 30px;
}

table.zisseki td{
	/* border: 1px solid #dfdfdf; */
	font-size: 14px;
	padding: 0;
}

table.zisseki td:nth-of-type(2){
	text-align: right;
	width: 14%;
}


table.zisseki td span{
	font-size: 12px;
}

ul.happyou li{
	list-style-type:disc;
	margin-left: 40px;
}

/** kinmutaisei ***/
table.kinmu_taisei{
	width: 90%;
}

table.kinmu_taisei td:first-of-type{
	width: 18%;
}

/** message ***/
.member01{
	width: 84%;
	padding: 20px;
	margin: 0 auto;
	background: #FDF9E6;
	border: 1px solid #E1DDC9;
	margin-bottom: 36px;
}

.member01 h4{
	line-height: 1.6em;
	margin-bottom: 16px;
}

.member01 .member_img{
	width: 28%;
	margin: 0 20px 20px 0;
	float: left;
}

.member01 .member_img img{
	width: 100%;
}

.member_message{
	height: 360px;
	/* height: auto; */
	/* background: #ff0000; */
	overflow: hidden;
	transition: 0.5s;
}

.active{
	height: auto;
	transition: 1s;
}


.member01 .open_btn{
	width: 100%;
	text-align: center;
	padding: 4px;
	background: #F5B499;
	border: solid 1px #ED7D31;
	cursor: pointer;
}

.open_btn.active{
	content: "閉じる";
}





/** interview ***/
.interview hr{
	display: block;
	width: 100%;
	height: 1px;
	background: #f293f5;
	border: 0;
}

.nurse01 p.q{
	background: #f8f29aa1;
	display: block;
	padding-left: 20px;
	position: relative;
	cursor: pointer;
}

.nurse01 p.q:before{
	content: "▼";
	position: absolute;
	display: block;
	transform: rotate(30deg);
	top: 3px;
	left: 5px;
	color:#01ba84;
	font-size: 11px;
	transition: 0.3s;
}

.nurse01 p.q:before{
	transform: rotate(120deg);
}

.nurse01 p:nth-of-type(even){
	display: none;
}

.nurse01 p.iv_active{
	display: block;
}


.nurse01 p:nth-of-type(2) + p{
	/* background: rgb(236, 126, 222); */
}





/** flow ***/
table.flow{
	width: 100%;
	margin-bottom: 30px;
}

table.flow td{
	/* border: 1px solid #dfdfdf; */
	font-size: 14px;
	padding: 1px 3px;
	vertical-align: middle;
}

table.flow  td:nth-of-type(1){
	width: 34%;
	text-align: center;
}

table.flow  td:nth-of-type(1) p{
	background: rgb(67, 199, 100);
	width: 90%;
	padding: 16px 0;
	margin: 0 auto;
	margin-top: 12px;
	vertical-align: middle;
}

table.flow td:nth-of-type(2){
	width: 66%;
	padding-left: 3%;
	padding-top: 0;
}

/** seikatsu_shien ***********/
/** jobs table **/
.jobs table{
	width: 80%;
	/* background: #ccc; */
	margin: 0 auto;
}

.jobs table td{
	border: solid 1px #dfdfdf;
	padding: 1px 10
}





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


.btnList {
	margin: 24px 0;
	overflow: hidden;
 }

.btnList li {
	float: left;
}
.btnList .btn01 {
	padding: 0 16px 16px 0;

}

a.hover_img {
	background: #fff;
	display: block:
}

a.hover_img img{
	transition:all 0.4s ease;
	}
a:hover.hover_img img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	}

.link01 {
	background: url(../images/common/link_arrow01_pc.png) no-repeat 0% 50%;
	padding: 0 0 0 20px;
}

.link02 {
	float: left;
	width: 50%;
}

.link02 .linkList02 {
	margin: 0 0 12px;
	font-size: 112%;
}

.link02 .linkList02 a {
	background: url(../images/common/link_arrow01_pc.png) no-repeat 0% 50%;
	padding: 0 0 0 20px;
}

.link02 .linkList02 .subLink01 a {
	background: none;
}

.link02 .linkList02 .subLink01 li {
	padding: 0 0 0 -20px;
	margin: 0 0 12px;
	font-size: 92%;
}

.link03 .linkList03 {
	margin: 0 0 12px;
	font-size: 112%;
}

.link03 .linkList03 a {
	background: url(../images/common/link_arrow01_pc.png) no-repeat 0% 50%;
	padding: 0 0 0 20px;
}

.sitemapBox {
	width: 100%;
	overflow: hidden;
}

.imgL {
	float: left;
	padding: 0 12px 0 0;
}

.imgR {
	float: right;
	margin-bottom: 20px;
}

.clear {
	clear: both;
}

.table01 {
	width: 99%;
	font-size: 14px;
}

.table01 tr th {
	background: #daf8e6;
	border-bottom: 1px dotted #ad9f8a;
	padding: 16px 12px;
	vertical-align: top;
	font-weight: bold;
}

.table01 tr th.w24 {
	width: 24%;
}

.table01 tr td {
	background: #fff;
	border-bottom: 1px dotted #ad9f8a;
	padding: 16px 12px;
}

.table02 {
	width: 100%;
	font-size: 0.9rem;
	color: #6f553b;
	text-align: center;
	line-height: 1.5;
	margin: 0 0 24px;
}

.table02 tr th {
	background: #f9edbc;
	border-top: 1px solid #ab9473;
	border-left: 1px solid #ab9473;
	padding: 4px 0;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
}

.table02 tr td {
	border-top: 1px solid #ab9473;
	border-left: 1px solid #ab9473;
	padding: 8px;
	background: #fff;
}

.table02 .w5 {
	width: 5%;
}

.table02 .w8 {
	width: 8%;
}

.table02 .w10 {
	width: 10%;
}

.table02 tr td.bgc1 {
	background: #daf8e6;
}

.table02 tr td.bgc2 {
	background: #f3fdf7;
}

.table02 tr td.bgc3 {
	background: #c8f4da;
}


.table03 {
	width: 99%;
	font-size: 14px;
}

.table03 tr th {
	background: #f9edbc;
	border-bottom: 1px dotted #ad9f8a;
	padding: 16px 12px;
	vertical-align: top;
	font-weight: bold;
}

.table03 tr th.w24 {
	width: 24%;
}

.table03 tr td {
	background: #fff;
	border-bottom: 1px dotted #ad9f8a;
	padding: 16px 12px;
	vertical-align: top;
}

.table03 tr td img {
	vertical-align: top;
	margin: 0 0 0 12px;
}

.table03 tr th.w32 {
	width: 32%;
}

.linkList {
	overflow: hidden;
	font-size: 20px;
	margin: 12px 0 32px;
}

.linkList li {
	float: left;
	background: url(../images/common/link_arrow02_pc.png) no-repeat 0% 50%;
	padding: 0 68px 0 20px;
}


.beigeBox {
	background: #fffae5;
	border: 1px solid #e8d6af;
	padding: 20px 24px;
	margin: 4px 0 32px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.beigeBox02 {
	border: 1px solid #e8d6af;
	padding: 8px 24px;
	margin: 4px 0 32px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}

.greenBox {
	background: #f3fdf7;
	border: 1px solid #e8d6af;
	padding: 20px 24px 0;
	margin: 4px 0 32px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 1.8;
	letter-spacing: -1px;
	overflow: hidden;
}

.accbox {
	cursor: pointer;
}

.read01 {
	color: #8d6e42;
	font-size: 124%;
}

.read02 {
	color: #8d6e42;
	font-size: 124%;
	font-weight: bold;
}

.read03 {
	color: #8d6e42;
	font-size: 128%;
	font-weight: bold;
	padding: 16px 0 0;
}

.catch {
	line-height: 3.2;
}

.list01 {
	font-size: 108%;
	color: #8d6e42;
	line-height: 2.6;
}

.privacy ul{
	margin-left:20px;
	margin-bottom:20px;
}

.list02 li{
	list-style-type: decimal;
	margin-left:60px;
}

.map {
	padding: 4px;
	text-align: center;
	border: 1px solid #e8d6af;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


/*---------------------------------------------
　暮らす テキストアニメーション{
---------------------------------------------*/

#top_visual{
	position:relative;
	margin:0 auto;
	width:1000px;
	height:296px;
}

#top_visual div{
	position:absolute;
}

#top_visual #txt01{
	top:120px;
	left:300px;
	font-size:20px;
	font-weight:bold;
	color:#604100;
	opacity:0;
//	text-shadow: 2px 2px 3px #000;
}

#top_visual #txt02{
	top:185px;
	left:250px;
	font-size:20px;
	font-weight:bold;
	color:#009900;
	opacity:0;
//	text-shadow: 2px 2px 3px #000;
}


/*---------------------------------------------
　side{
---------------------------------------------*/

#side{
	float:right;
	width:30%;
}
#side .timeList{
	padding: 20px 8px;
	font-size: 15px;
}
#side .timeList li{
	list-style-type:none;
	padding: 0 0 12px;
}
#side .timeList li a{
	color:#44413e;

}
#side .timeList li a:hover{
	text-decoration: none;
}

#side .accessList{
	padding: 20px 0;
	font-size: 15px;
}

#side .accessList .map{
	border: #d7d4cc;
	 border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

#side .cap {
	margin: -20px 0 0 88px;
}

/*---------------------------------------------
　footer{
---------------------------------------------*/

#footer{
	background: url(../images/common/bg_footer_top.png) repeat-x top center #faf5e1 ;
	font-size: 14px;
	line-height: 1.5;
	margin: 60px 0 0;
}


#footer #footerBox {
	margin: 0 auto;
	padding: 40px 0 52px;
	overflow: hidden;
}

#footer #footerBox .logoBox {
	float: left;
	width: 32%;
}

#footer #footerBox .linkBox {
	float: right;
	width: 64%;
	font-size: 13px;
}

#footer #footerBox .linkBox li {
	float: left;
	padding: 0 16px 24px 20px;
	background: url(../images/common/link_arrow01_pc.png) no-repeat top left;
}

#copyright {
	font-size: 12px;
	color:#FFF;
	background:#9b7a5b;
	text-align:center;
	padding: 8px 0;
}


/*---------------------------------------------
　pagetop
---------------------------------------------*/

.pagetop {
	display: none;
	position: fixed;
	bottom: 60px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 40px;
	height: 40px;
	background-color: #fea6a4;
	text-align: center;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	line-height: 40px;
}



/*---------------------------------------------
  Media Queries
---------------------------------------------*/

#contents::after {
  content: "";
  display: block;
  clear: both;
}

.img-responsive {
  max-width: 100%;
  height: auto;
}


@media only screen and (min-width: 1200px) {
	.container {
		/* width: 960px; */
		width: 100%;
        max-width: 960px;
	}
}

@media only screen and (max-width: 768px) {
	.container {
		width: auto;
	}
}


@media only screen and (max-width: 768px) {
	#main,#side{
		float:none;
		width:auto;
		margin: 0 10px 0;
	}
	#side{
		margin:0 10px 40px;
		margin-bottom:40px;
	}
}




/*  menu */

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

	/****SLIDER****************/
	.swiper-wrapper .slider_txt{
		width: 70%;
		top: 10px;
		left: 16px;
	}
	/**************************/

/****TOP BNR****************/
	.link_bnr01{
		 width: 99%;
		/* mustify-content: space-between;*/
	     display: flex;
         flex-direction: column;
        /* justify-content: space-between;*/
	}

	.link_bnr01 > div{
		/* width: 90%;  */
	}

	.link_bnr01A{
	 width: 90%; 	
	 margin:0px 0 0 0;
	}
	
	.link_bnr01B{
	 width: 90%; 
	 margin:30px 0 0 20px;
	}
		
/** 右寄り解除（KANGOBU SEIKATSU_SHIENBU）***************/
	.kangobu .ml32,
	.seikatsu_shien  .ml32{
		margin-left: 0!important;
	}

	.list02 li{
		margin-left:24px;
	}

	.kangobu .ml40,
	.seikatsu_shien .ml40{
		margin-left: 0!important;
	}

	.kangobu .ml90,
	.seikatsu_shien .ml90{
		margin-left: 0!important;
	}

	.kangobu .ml70,
	.seikatsu_shien .ml70{
		margin-left: 0!important;
	}


	.career_bnr img,
	.nenkan_bnr img{
		width: 100%;
		margin:0 0 20px;
	}
	
	ul.happyou li{
		margin-left: 26px;
	}

	table.kinmu_taisei td:first-of-type{
		/* width: 26%; */
		width: 36%;
	}
	
	table.kinmu_taisei.koutai2 td:first-of-type{
		/* width: 15%; */
		width: 20%;
	}
/* ****右寄り解除******************** */

	#circleNav {
		width: auto;
		background-image: none;
	}
	#circleNav li {
		padding: 0;
	}
	#circleNav li img {
		width: 22%;
	}
	#circleNav li .pc {
		display: none;
	}
	#circleNav li .sp {
		display: inline;
	}
	#circleNav_Area {
		width: auto;
	}

	#circleNav_Area {
	background: url(../images/common/line_header.png) repeat-x bottom center;
	overflow: hidden;
	padding: 0;
	}

	#circleNav_Box {
	background: none;
	width: auto;
	margin: 0 auto ;
	overflow: hidden;
	}

	#circleNav_s {
	padding: 0 0 12px;
	float: none;
	text-align: center;
	}

	#circleNav_s li {
	padding: 0 2px;
	}
	#circleNav_s li .pc {
		display: none;
	}
	#circleNav_s li .sp {
		display: inline;
		width: 16%;
	}

}


@media only screen and (max-width: 767px) {
    .hidden-sm{
        display:none;
    }
    .visible-sm{
        display:block;
    }
}
@media only screen and (min-width: 768px) {
    .hidden-sm{
        display:block;
    }
    .visible-sm{
        display:none;
    }
}


@media only screen and (min-width: 768px) {
    .hidden-sm{
        display:block;
    }
    .visible-sm{
        display:none;
    }
}

/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #51d17c;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}


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

   #header,
    .container {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
    /* Fixed reset */
    #header.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background: #fff;
        width: 100%;
        height: 56px;
        z-index: 999;
        position: relative;
    }
    #header #logo {
        margin: 4px 20px 12px;
    }

    #topNav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
        background: #51d17c;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #topNav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 1rem;
    }
    #topNav ul li {
        float: none;
        position: static;
    }
    #header #topNav ul li a,
    #header.fixed #topNav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #topNav スライドアニメーション */
    .open #topNav {
        /* #topNav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
}


/*　header */
@media only screen and (max-width: 768px) {
#header{
	font-size: 1rem;
}
#logo {
	padding: 8px 0 0;
	float: left;
	width: 72%
}

#pankuzu {
	padding: 0 10px 0;
}
}

/*　footer */
@media only screen and (max-width: 768px) {
#footer{
	background: url(../images/common/bg_footer_top.png) repeat-x top center #faf5e1 ;
	font-size: 1rem;
	line-height: 1.5;
	margin-top: 0px;
}


#footer #footerBox {
	margin: 0 auto;
	padding: 40px 10px 52px;
	overflow: hidden;
}

#footer #footerBox .logoBox {
	float: none;
	width: auto;
}

#footer #footerBox .linkBox {
	float: none;
	width: auto;
	font-size: 0.9rem;
	margin: 24px 0 0;
}

#footer #footerBox .linkBox li {
	float: none;
	padding: 0 16px 24px 20px;
	background: url(../images/common/link_arrow01_pc.png) no-repeat top left;
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
.pagetop a {
	display: block;
	width: 40px;
	height: 40px;
	background-color: #fea6a4;
	text-align: center;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	line-height: 40px;
}

}


/*　各パーツ */
@media only screen and (max-width: 768px) {
	.link02 {
		float: none;
		width: auto;
	}

	.ttl04 {
		background: #f9edbc;
		color: #8d6e42;
		text-align: left;
		font-size: 1.1rem;
		padding: 0 24px;
		margin: 0 0 12px;
		width: 80%;
		border-radius: 30px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
	}

	.btnList li {
		float: none;
	}
	.btnList .btn01 {
	padding: 0 16px 16px 0;
	}
	.btnList .btn02 {
	padding: 0 16px 16px 0;
	}

	.linkList {
	overflow: hidden;
	font-size: 1rem;
	margin: 12px 0 32px;
	}
	.linkList li {
	float: none;
	padding: 4px 0 4px 20px;
	}

	.read03 {
	line-height: 1.5;
	font-size: 1rem;
	}

	.imgL {
	float: none;
	}
	
	.imgR {
	float: none;
	}

	.scroll{
	overflow: auto;　　　　/*tableをスクロールさせる*/
	white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
	}
	.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
	 height: 5px;
	}
	.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
	 background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 	background: #BCBCBC;
	}

	#top_visual.kurasu_top{
		width:98%;
		height:98%;
		z-index:-10;
	}

}