@charset "utf-8";
/*
 | ------------------------------------------
 | Stylesheet
 | ------------------------------------------
 | Filename:style.css
 | Copyright:ging.jp
 |
*/


/*--------------------------------------------------------------------------
   common
---------------------------------------------------------------------------*/

/* pagettl */
#main .pagettl {
	padding: 30px 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #ded6ce;
	font-size: 16px;
	font-weight: bold;
	color: #5d463e;
}
#main .pagettl span {
	margin-left: 11px;
	font-size: 12px;
	font: Arial, Helvetica, sans-serif;
}
#main .pagettl span:before {
	padding-right: 11px;
	font-size: 16px;
	font-weight: normal;
	content: "|";
	color: #5d463e;
}
/* ttl */
#main .ttl-cha,
#main .ttl-green,
#main .ttl-blue,
#main .ttl-red,
#main .ttl-pink {
	clear: both;
	height: 65px;
	padding: 23px 0 0 20px;
	box-sizing: border-box;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
#main .ttl-cha {background: url(../image/ttl_cha.png) repeat-x top left;}
#main .ttl-green {background: url(../image/ttl_green.png) repeat-x top left;}
#main .ttl-blue {background: url(../image/ttl_blue.png) repeat-x top left;}
#main .ttl-red {background: url(../image/ttl_red.png) repeat-x top left;}
#main .ttl-pink {background: url(../image/ttl_pink.png) repeat-x top left;}
#main .ttl-cha span,
#main .ttl-green span,
#main .ttl-blue span,
#main .ttl-red span,
#main .ttl-pink span {
	margin-left: 15px;
	font-size: 12px;
}

/* dtl */
.dtl-cha,
.dtl-green,
.dtl-red,
.dtl-pink,
.dtl-blue {
	position: relative;
	clear: both;
	padding-bottom: 22px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: bold;
}
.dtl-cha {color: #5d463e;	border-bottom: 1px dashed #c7bdb3;}
.dtl-green {color: #85ae26;	border-bottom: 1px dashed #85ae26;}
.dtl-red {color: #d55454;	border-bottom: 1px dashed #dc7676;}
.dtl-pink {color: #e981a2;	border-bottom: 1px dashed #f492b2;}
.dtl-blue {color: #346a9c;	border-bottom: 1px dashed #6394c1;}
.dtl-cha a,
.dtl-green a,
.dtl-red a,
.dtl-pink a,
.dtl-blue a {
	position: absolute;
	top: 8px;
	right: 0;
	font-size: 12px;
}

/* stl */
.stl-cha,
.stl-green,
.stl-blue,
.stl-red,
.stl-pink {
	clear: both;
	height: 40px;
	padding: 12px 0 0 12px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #5d463e;
	border-bottom: 4px solid #dbd4cc;
	background: #f1ede8;
}
.stl-cha {color: #5d463e;	border-bottom: 4px solid #dbd4cc;	background: #f1ede8;}
.stl-green {color: #fff;border-bottom: 4px solid #98b15e;	background: #aac56b;}
.stl-blue {color: #fff;border-bottom: 4px solid #5f89b2;	background: #759cd1;}
.stl-red {color: #fff;border-bottom: 4px solid #cc625b;	background: #eb787f;}
.stl-pink {color: #fff;border-bottom: 4px solid #e27b9a;	background: #f595a9;}

/* mtl */
.mtl-cha,
.mtl-pink,
.mtl-blue,
.mtl-red,
.mtl-green {
	clear: both;
	padding-left: 10px;
	font-size: 26px;
	font-weight: bold;
}
.mtl-cha {	color: #5d463e;	border-left: 7px solid #5d463e;}
.mtl-pink {	color: #e981a2;	border-left: 7px solid #e981a2;}
.mtl-blue {	color: #4b7aaf;	border-left: 7px solid #4b7aaf;}
.mtl-red {	color: #d85f70;	border-left: 7px solid #d85f70;}
.mtl-green {	color: #85ae26;	border-left: 7px solid #85ae26;}

/* btl */
.btl-cha,
.btl-pink,
.btl-water,
.btl-yellow,
.btl-orange,
.btl-blue,
.btl-red,
.btl-green {
	clear: both;
	padding-bottom: 12px;
	font-size: 18px;
	font-weight: bold;
}
.btl-cha span,
.btl-pink span,
.btl-water span,
.btl-yellow span,
.btl-orange span,
.btl-blue span,
.btl-red span,
.btl-green span {
	display: inline-block;
	padding-left: 10px;
}
.btl-cha {	color: #5d463e;	border-bottom: 1px solid #5d463e;}
.btl-cha span {border-left: 7px solid #5d463e;}
.btl-pink {	color: #e981a2;	border-bottom: 1px solid #e981a2;}
.btl-pink span {border-left: 7px solid #e981a2;}
.btl-water {	color: #4491e0;	border-bottom: 1px solid #4491e0;}
.btl-water span {border-left: 7px solid #4491e0;}
.btl-yellow {	color: #e0bf04;	border-bottom: 1px solid #e0be04;}
.btl-yellow span {border-left: 7px solid #e0be04;}
.btl-orange {	color: #f25f41;	border-bottom: 1px solid #f25f41;}
.btl-orange span {border-left: 7px solid #f25f41;}
.btl-blue {	color: #4b7aaf;	border-bottom: 1px solid #4b7aaf;}
.btl-blue span {border-left: 7px solid #4b7aaf;}
.btl-red {color: #d85f70;border-bottom: 1px solid #d85f70;}
.btl-red span {border-left: 7px solid #d85f70;}
.btl-green {	color: #85a43f;	border-bottom: 1px solid #85a43f;}
.btl-green span {	border-left: 7px solid #85a43f;}

/* ctl */
.ctl-cha,
.ctl-pink,
.ctl-water,
.ctl-yellow,
.ctl-orange,
.ctl-blue,
.ctl-red,
.ctl-green {
	clear: both;
	padding: 12px;
	font-size: 14px;
	font-weight: bold;
}
.ctl-cha {	color: #5d463e;	background: #e5e0da;}
.ctl-pink {	color: #e981a2;	background: #fae2ea;}
.ctl-water {	color: #4491e0;	background: #e2edf9;}
.ctl-yellow {	color: #e0bf04;	background: #f1ecd1;}
.ctl-orange {	color: #f25f41;	background: #fdece8;}
.ctl-blue {	color: #4b7aaf;	background: #dfecf9;}
.ctl-red {color: #d85f70;background: #f8e1e4;}
.ctl-green {	color: #85a43f;	background: #e1e9cf;}

/* cont */
#main .cont {
	clear: both;
	width: 100%;
	padding: 40px 20px 30px;
	box-sizing: border-box;
	border: 1px solid #ded6ce;
	background: #fff;
border-radius: 2px / 2px;
}
#sub #main .cont {
	padding: 0 0 50px;
}

/* cont-box */
#sub .cont-box {
	box-sizing: border-box;
	padding: 34px 29px 0;
}
#sub .cont-box + .cont-box {
	padding: 50px 29px 0;
}
#sub .cont-box p {
	font-size: 14px;
}
/* cont-inner */
#sub .cont-inner {
	padding: 40px 0 0;
}
#sub .cont-inner .cont-inner {
	padding: 20px 0 0;
}

/* pagetop */
.pagetop {
	clear: both;
	text-align: right;
	font-weight: bold;
}
.pagetop a {
	position: relative;
	padding-left: 13px;
	font-size: 12px;
}
.pagetop a:before {
position: absolute;
display: block;
content: "";
top: 50%;
left: 0;
width: 0;
height: 0;
margin: -1px 0 0 0;
border-top: 8px solid #5d463e;
border-left: 8px solid transparent;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

/* list */
.list01 {
	margin-left: 25px;
}
.list01 li {
	margin-top: 25px;
	font-size: 12px;
	line-height: 1.4;
	list-style: decimal;
}

/* list-colum2 */
.list-colum2 {
	clear: both;
	padding: 20px 0;
}
.list-colum2 li {
	float: left;
	width: 50%;
	padding: 7px 25px;
	box-sizing: border-box;
	line-height: 1.2;
	font-size: 14px;
}
.list-colum2 li:nth-child(odd) {
	padding: 7px 0 7px 25px;
}
.list-colum2 li:nth-child(even) {
	padding: 7px 20px 7px 0;
}

/* list-colum3 */
.list-colum3 {
	clear: both;
	padding: 15px 0;
}
.list-colum3 li {
	float: left;
	width: 33.333%;
	padding: 7px 7px;
	box-sizing: border-box;
	line-height: 1.2;
	font-size: 14px;
}
.list-colum3 li:nth-child(3n+1) {
	padding: 7px 7px 7px 15px;
}
.list-colum3 li:nth-child(3n+3) {
	padding: 7px 15px 7px 7px;
}

/* list-arw */
.list-arw-cha li a,.list-arw-cha li span,
.list-arw-pink li a,.list-arw-pink li span,
.list-arw-water li a,.list-arw-water li span,
.list-arw-orange li a,.list-arw-orange li span,
.list-arw-yellow li a,.list-arw-yellow li span,
.list-arw-blue li a,.list-arw-blue li span,
.list-arw-red li a,.list-arw-red li span,
.list-arw-green li a,.list-arw-green li span {
	position: relative;
	padding-left: 15px;
}
.list-arw-cha li a:before,.list-arw-cha li span:before,
.list-arw-pink li a:before,.list-arw-pink li span:before,
.list-arw-water li a:before,.list-arw-water li span:before,
.list-arw-orange li a:before,.list-arw-orange li span:before,
.list-arw-yellow li a:before,.list-arw-yellow li span:before,
.list-arw-blue li a:before,.list-arw-blue li span:before,
.list-arw-red li a:before,.list-arw-red li span:before,
.list-arw-green li a:before,.list-arw-green li span:before {
position: absolute;
display: block;
content: "";
top: 50%;
left: 0;
width: 0;
height: 0;
margin: -4px 0 0 0;
border-left: 8px solid transparent;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.list-arw-cha li a:before,.list-arw-cha li span:before {border-top: 8px solid #5d463e;}
.list-arw-pink li a:before,.list-arw-pink li span:before {border-top: 8px solid #e981a2;}
.list-arw-blue li a:before,.list-arw-blue li span:before {border-top: 8px solid #4b7aaf;}
.list-arw-red li a:before,.list-arw-red li span:before {border-top: 8px solid #d85f70;}
.list-arw-green li a:before,.list-arw-green li span:before {border-top: 8px solid #85ae26;}
.list-arw-water li a:before,.list-arw-water li span:before {border-top: 8px solid #4491e0;}
.list-arw-orange li a:before,.list-arw-orange li span:before {border-top: 8px solid #f25f41;}
.list-arw-yellow li a:before,.list-arw-yellow li span:before {border-top: 8px solid #e0be04;}

/* list-box02 */
.list-box02 {
}
.list-box02 li {
	padding: 14px 15px;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	line-height: 1.2;
}
.list-box02 li +li {
	border-top: none;
}

/* bg color */
.bg-cha {	background: #f7f3ee !important;}
.bg-pink {	background: #ffe9ee !important;}
.bg-red {	background: #fff3f5 !important;}
.bg-water {	background: #f4f9ff !important;}
.bg-orange {	background: #fff8f6 !important;}
.bg-green {	background: #f7faef !important;}
.bg-blue {	background: #eff7ff !important;}
.bg-yellow {	background: #fffce9 !important;}

/* arw */
.arw-cha,
.arw-pink,
.arw-blue,
.arw-red,
.arw-green,
.arw-water,
.arw-orange,
.arw-yellow {
	position: relative;
	display: inline-block;
	padding-left: 15px;
	font-weight: bold;
}
.arw-cha:before,
.arw-pink:before,
.arw-blue:before,
.arw-red:before,
.arw-green:before,
.arw-water:before,
.arw-orange:before,
.arw-yellow:before {
position: absolute;
display: block;
content: "";
top: 50%;
left: 0;
width: 0;
height: 0;
margin: -4px 0 0 0;
border-left: 8px solid transparent;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.arw-cha:before {border-top: 8px solid #5d463e;}
.arw-pink:before {border-top: 8px solid #e981a2;}
.arw-blue:before {border-top: 8px solid #4b7aaf;}
.arw-red:before {border-top: 8px solid #d85f70;}
.arw-green:before {border-top: 8px solid #85ae26;}
.arw-water:before {border-top: 8px solid #4491e0;}
.arw-orange:before {border-top: 8px solid #f25f41;}
.arw-yellow:before {border-top: 8px solid #e0be04;}

/* arw-gp */
.arw-gp-cha a,.arw-gp-cha span,
.arw-gp-pink a,.arw-gp-pink span,
.arw-gp-blue a,.arw-gp-blue span,
.arw-gp-red a,.arw-gp-red span,
.arw-gp-green a,.arw-gp-green span,
.arw-gp-water a,.arw-gp-water span,
.arw-gp-orange a,.arw-gp-orange span,
.arw-gp-yellow a,.arw-gp-yellow span {
	position: relative;
	display: inline-block;
	padding-left: 15px;
}
.arw-gp-cha a:before,.arw-gp-cha span:before,
.arw-gp-pink a:before,.arw-gp-pink span:before,
.arw-gp-blue a:before,.arw-gp-blue span:before,
.arw-gp-red a:before,.arw-gp-red span:before,
.arw-gp-green a:before,.arw-gp-green span:before,
.arw-gp-water a:before,.arw-gp-water span:before,
.arw-gp-orange a:before,.arw-gp-orange span:before,
.arw-gp-yellow a:before,.arw-gp-yellow span:before {
position: absolute;
display: block;
content: "";
top: 50%;
left: 0;
width: 0;
height: 0;
margin: -4px 0 0 0;
border-left: 8px solid transparent;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.arw-gp-cha li a:before,.arw-gp-cha li span:before {border-top: 8px solid #5d463e;}
.arw-gp-pink li a:before,.arw-gp-pink li span:before {border-top: 8px solid #e981a2;}
.arw-gp-blue li a:before,.arw-gp-blue li span:before {border-top: 8px solid #4b7aaf;}
.arw-gp-red li a:before,.arw-gp-red li span:before {border-top: 8px solid #d85f70;}
.arw-gp-green li a:before,.arw-gp-green li span:before {border-top: 8px solid #85ae26;}
.arw-gp-water li a:before,.arw-gp-water li span:before {border-top: 8px solid #4491e0;}
.arw-gp-orange li a:before,.arw-gp-orange li span:before {border-top: 8px solid #f25f41;}
.arw-gp-yellow li a:before,.arw-gp-yellow li span:before {border-top: 8px solid #e0be04;}

/* box */
.box-gray {
	display: inline-block;
	padding: 15px 18px;
	border: 1px solid #e7e4e0;
	background: #f9f9f9;
}
.box-verm {
	display: inline-block;
	padding: 20px 25px;
	background: #fafafa;
}

/* .blank */
.blank a[target="_blank"],
a.blank,
span.blank {
	padding-right: 15px;
	background: url(../image/ico_blank.png) no-repeat center right;
}

/* .accordion */
.accordion dt {
	position: relative;
}
.accordion dt i {
	position: absolute;
width: 14px;
height: 4px;
top: 50%;
right: 14px;
margin-top: -1px;
background: #fff;
transition: .3s;
cursor: pointer;
box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow:1px 1px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow:1px 1px 0 rgba(0, 0, 0, 0.3);
}
.accordion i:after {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: inherit;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow:1px 0 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow:1px 0 0 rgba(0, 0, 0, 0.3);
}
.accordion dt.open i {
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow:1px 1px 0 rgba(255, 255, 255, 0.3);
-moz-box-shadow:1px 1px 0 rgba(255, 255, 255, 0.3);
}
.accordion dt.open i:after {
background: #5d463e;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}

/* .tbl */
.tbl01 {
	width: 100%;
	margin-top: 20px;
}
.tbl01 caption {
	padding-bottom: 10px;
	color: #ff4609;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
.tbl01 th {
	padding: 10px 0;
	box-sizing: border-box;
	border: 1px solid #ded6ce;
	font-size: 14px;
	background: #f9f7f5;
}
.tbl01 tbody th {
	padding: 10px;
	text-align: left;
}
.tbl01 td {
	padding: 10px 0;
	box-sizing: border-box;
	border: 1px solid #ded6ce;
	font-size: 14px;
	text-align: center;
}

/* figcaption */
.cont-box figcaption {
	line-height: 1.2;
	font-size: 12px;
}

/* .img-r */
.img-300r {
float: right;
width: 300px;
display: inline-block;
margin-left: 20px;
text-align: left;
}
.img-300l {
float: left;
width: 300px;
display: inline-block;
margin-right: 20px;
text-align: left;
}
.img-240r {
float: right;
width: 240px;
display: inline-block;
margin-left: 30px;
text-align: left;
}
.img-240r + .img-240r {
margin-left: 40px;
}
.img-240l {
float: left;
width: 240px;
display: inline-block;
margin-right: 30px;
text-align: left;
}
.img-240l + .img-240l {
margin-right: 30px;
}
.img-300r img,.img-300l img,
.img-240r img,.img-240l img {
margin-bottom: 10px;
}

/* .img-list */
.img-list {
	overflow: hidden;
margin: 0 0 -10px;
}
.img-list li {
float: left;
width: 240px;
margin: 0 0 10px 10px;
box-sizing: border-box;
text-align: center;
}
.img-list li img {
margin-bottom: 12px;
}

/*--------------------------------------------------------------------------
   top
---------------------------------------------------------------------------*/
/* .mida */
.top .mida {
	padding-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #5d463e;
}
.top .mida span {
	margin-left: 11px;
	font-size: 12px;
	font: Arial, Helvetica, sans-serif;
}
.top .mida span:before {
	padding-right: 11px;
	font-size: 16px;
	font-weight: normal;
	content: "|";
	color: #5d463e;
}

/* .bana01 */
.top .bana01 {
	margin-top: 20px;
}
.top .bana01 ul {
	margin-right: -30px;
}
.top .bana01 li {
	float: left;
	width: 395px;
	margin: 0 30px 40px 0;
}
.top .bana01 img {
	background: #fff;
box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 3px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 3px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 3px 1px;
}
.top .bana01 .ttl {
	display: block;
	margin: 13px 0 3px;
	font-size: 14px;
	font-weight: bold;
}
/* .bana02 */
.top .bana02 {
}
.top .bana02 ul {
	margin: 0 -20px -20px 0;
}
.top .bana02 li {
	float: left;
	width: 190px;
	margin: 0 20px 20px 0;
	background: #fff;
box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 3px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 3px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 3px 1px;
}

/* .news */
.top .news {
	margin-top: -1px;
}
.top .news ul {
	overflow: hidden;
	height: 145px;
	padding-top: 10px;
	border-top: 1px solid #ded6ce;
}
.top .news li {
	overflow: hidden;
	margin-right: 20px;
	padding: 6px 0;
	line-height: 1.4;
}
.top .news .time {
	font-weight: bold;
}
.top .news span + span {
	display: inline-block;
	float: right;
	width: 550px;
	min-height: 18px;
	padding-left: 90px;
	vertical-align: middle;
}
.top .news .kenko {background: url(../image/top/ico_kenko.png) no-repeat top left;}
.top .news .oshirase {background: url(../image/top/ico_oshirase.png) no-repeat top left;}
.top .news .new {background: url(../image/top/ico_new.png) no-repeat top left;}
.top .news .media {background: url(../image/top/ico_media.png) no-repeat top left;}

/* .item */
.top .item {
	position: relative;
	margin-top: 20px;
}
.top .item .next {
	position: absolute;
	top: 40px;
	right: 20px;
	font-size: 14px;
	font-weight: bold;
}
.top .item .item-box {
	margin-right: -14px;
}
.top .item .item-box > section {
	float: left;
	width: 250px;
	margin-right: 14px;
}
.top .item ul {
	margin-top: 7px;
}
.top .item li {
	overflow: hidden;
	padding: 7px 0;
	border-bottom: 1px dashed #c7bdb3;
	line-height: 1.4;
}
.top .item li img {
	margin-right: 10px;
	float: left;
	vertical-align: top;
}
.top .item .ttl {
	display: block;
}
.top .item a {
	font-weight: bold;
}

/*--------------------------------------------------------------------------
   about
---------------------------------------------------------------------------*/
.about .concept {
	position: relative;
	height: 715px;
	background: url(../image/about/bg01.png) no-repeat top left;
}
.about .copy01 {
	position: absolute;
	top: 156px;
	left: 83px;
}
.about .safety .bg {
	position: relative;
	min-height: 600px;
	padding: 265px 99px 0;
	box-sizing: border-box;
	background: url(../image/about/bg02.png) no-repeat top left;
}
.about .copy02 {
	position: absolute;
	top: 140px;
	left: 205px;
}
.about .box {
	float: left;
	width: 400px;
	padding-top: 140px;
}
.about .img01 {
	margin-right: 40px;
	background: url(../image/about/img01.png) no-repeat top left;
}
.about .img02 {
	background: url(../image/about/img02.png) no-repeat top left;
}
.about .box .inner {
	padding: 20px 23px;
	box-sizing: border-box;
	border: 1px solid #ded6ce;
	border-top: none;
}
.about .box h3 {
	margin-bottom: 10px;
}
.about .box p {
	font-size: 14px;
	line-height: 1.4;
}
.about .bitabo p {
	padding-top: 35px;
	text-align: center;
}

/*--------------------------------------------------------------------------
   privacy
---------------------------------------------------------------------------*/
.privacy .pri-box {
	padding: 0 30px;
}
.privacy .pri-box p {
	margin-top: 25px;
	font-size: 14px;
	line-height: 1.6;
}
.privacy .pri-box .box {
	margin: 50px 0 0;
}
.privacy .pri-box .box p {
	margin-left: 10px;
	margin-right: 10px;
}

/*--------------------------------------------------------------------------
   company
---------------------------------------------------------------------------*/
.company .philosophy {
	position: relative;
	height: 745px;
	background: url(../image/company/bg.png) no-repeat top left;
}
.company .copy {
	position: absolute;
	top: 62px;
	left: 206px;
}
.company .greeting,
.company .profile,
.company .access {
	padding: 20px 40px 0;
	box-sizing: border-box;
}
.company .greeting h2,
.company .profile h2,
.company .access h2 {
	margin-bottom: 35px;
}
.company .greeting .daihyo {
	margin-bottom: 25px;
}
.company .greeting .text {
	font-size: 14px;
	line-height: 1.6;
}
.company .greeting .name {
	margin-top: 20px;
	text-align: right;
}
.company .profile {
	height: 580px;
	margin: 40px 0 0;
	padding-top: 60px;
background: -moz-linear-gradient(top,  rgba(232,250,255,0) 0%, rgba(232,250,255,1) 5%, rgba(232,250,255,1) 95%, rgba(232,250,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,250,255,0)), color-stop(5%,rgba(232,250,255,1)), color-stop(95%,rgba(232,250,255,1)), color-stop(100%,rgba(232,250,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(232,250,255,0) 0%,rgba(232,250,255,1) 5%,rgba(232,250,255,1) 95%,rgba(232,250,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(232,250,255,0) 0%,rgba(232,250,255,1) 5%,rgba(232,250,255,1) 95%,rgba(232,250,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(232,250,255,0) 0%,rgba(232,250,255,1) 5%,rgba(232,250,255,1) 95%,rgba(232,250,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(232,250,255,0) 0%,rgba(232,250,255,1) 5%,rgba(232,250,255,1) 95%,rgba(232,250,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e8faff', endColorstr='#00e8faff',GradientType=0 ); /* IE6-9 */
}
.company .profile .inner {
	overflow: hidden;
	padding: 24px 29px 14px;
	box-sizing: border-box;
	background: #fff;
border-radius: 5px/5px;
-webkit-border-radius: 5px/5px;
-moz-border-radius: 5px/5px;
box-shadow:rgba(0, 0, 0, 0.05) 3px 4px 5px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.05) 3px 4px 5px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.05) 3px 4px 5px 1px;
}
.company .profile .tbl {
	float: left;
	width: 435px;
}
.company .profile .tbl:first-child {
	margin-right: 30px;
}
.company .profile tr {
	border-bottom: 1px dashed #c1d5db;
}
.company .profile tr:last-child {
	border-bottom: none;
}
.company .profile th {
	width: 100px;
	padding: 20px 0;
	color: #3e6187;
	font-size: 14px;
	text-align: left;
}
.company .profile td {
	padding: 20px 0;
	font-size: 14px;
	line-height: 1.4;
	text-align: left;
}
.company .maps {
	position: relative;
}
.company .maps .box {
	display: inline-block;
	width: 650px;
	height: 470px;
	box-sizing: border-box;
	border: 1px solid #ded6ce;
	vertical-align: bottom;
}
.company .maps p {
	position: absolute;
	left: 670px;
	font-size: 12px;
	line-height: 1.4;
}
.company .train {
	bottom: 30px;
}
.company .link {
	bottom: 0;
}

/*--------------------------------------------------------------------------
   faq
---------------------------------------------------------------------------*/
.faq .faq-box {
	margin-top: 20px;
}
.faq .faq-box dd + dt {
	margin-top: 20px;
}
.faq .faq-box dd {
	padding: 15px 0 20px 60px;
	background: url(../image/faq/ico.png) no-repeat top 14px left;
}
.faq .faq-box p {
	min-height: 100px;
	font-size: 14px;
	line-height: 1.6;
}
.faq .faq-box p + p {
	margin-top: 15px;
}
.faq .faq-box + .pagetop {
	margin-top: 20px;
}
.faq .last-box {
	display: block;
	padding: 18px 20px 30px 115px;
	font-size: 14px;
	line-height: 1.6;
	background: #f9f9f9 url(../image/faq/bitabo.png) no-repeat top 16px left 26px;
	border: 1px solid #e7e4e0;
}

/*--------------------------------------------------------------------------
   lineup + voice
---------------------------------------------------------------------------*/
.voice .cont-box p {
	line-height: 1.4;
}
.lineup .btn-box {
	position: relative;
	height: 120px;
	background: url(../image/bg02.png);
}
.lineup .btn-box i {
	position: absolute;
	top: 13px;
	left: 20px;
	display: block;
	width: 57px;
	height: 99px;
	background: url(../image/lineup/bitabo.png) no-repeat;
}
.lineup .btn-box p {
	position: absolute;
	top: 25px;
	left: 110px;
}
.lineup .btn-box ul {
	position: absolute;
	top: 60px;
	left: 110px;
}
.lineup .btn-box li {
	float: left;
	margin-right: 20px;
}
.lineup .item-box,
.voice .voice-box {
	margin-top: 30px;
}
.lineup .item-box + .item-box,
.voice .voice-box + .voice-box {
	margin-top: 60px;
}
.lineup .item-list,
.voice .voice-list {
	overflow: hidden;
	margin: 20px -13px 0 0;
}
.lineup .item-list li,
.voice .voice-list li {
	position: relative;
	float: left;
	width: 180px;
	box-sizing: border-box;
	margin: 0 13px 0 0;
	padding: 10px;
	cursor: pointer;
}
.lineup .item-list li:hover,
.voice .voice-list li:hover {
	background: #fff6d8;
}
.lineup .item-list .img,
.voice .voice-list .img {
	display: table;
	width: 100%;
	height: 120px;
	margin-bottom: 10px;
	text-align: center;
}
.lineup .item-list .img span,
.voice .voice-list .img span {
	display: table-cell;
	width: 120px;
	height: 120px;
	text-align: center;
	vertical-align: middle;
}
.lineup .item-list .img img,
.voice .voice-list .img img {
	max-width: 120px;
	max-height: 120px;
}
.lineup .item-list .ttl,
.voice .voice-list .ttl {
	font-weight: bold;
	line-height: 1.4;
}
.lineup .item-list .txt,
.voice .voice-list .txt {
	display: block;
	font-size: 11px;
	line-height: 1.4;
}
.lineup .item-list .ico,
.voice .voice-list .ico {
	position: absolute;
	top: 120px;
	left: 10px;
}

/*--------------------------------------------------------------------------
   diet
---------------------------------------------------------------------------*/
.diet .bnr-box {
	overflow: hidden;
	margin-right: -20px;
	margin-bottom: -30px;
}
.diet .bnr-box li {
	float: left;
	width: 370px;
	margin: 0 20px 30px 0;
	line-height: 1.6;
}
.diet .bnr-box .ttl {
	display: block;
	margin: 10px 0 5px;
	font-weight: bold;
}

/*--------------------------------------------------------------------------
   contact shop opinion
---------------------------------------------------------------------------*/
.opinion .cont-box p,
.contact .cont-box p,
.shop .cont-box p {
	margin-bottom: 20px;
	line-height: 1.6;
}
.contact .info-box {
	margin-right: -17px;
	padding-top: 20px;
}
.contact .info-box > section {
	float: left;
	width: 295px;
	min-height: 255px;
	margin-right: 17px;
	box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 4px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 4px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 4px 1px;
}
.contact .info-box .inner {
	padding: 17px 20px;
}
.contact .info-box .inner p {
	padding-bottom: 15px;
	border-bottom: 1px dashed #c7bdb3;
}

/*--------------------------------------------------------------------------
   form-box
---------------------------------------------------------------------------*/

.form-box {
	margin-top: 50px;
}
.shop .form-box {
	margin-top: 20px;
}
.form-box dt {
margin-top: 20px;
padding: 7px 12px;
font-size: 16px;
font-weight: bold;
color: #5b443e;
border-radius: 2px / 2px;
background: #f1ede8;
}
.form-box dt i {
display: inline-block;
width: 33px;
height: 22px;
margin-left: 10px;
background: url(../image/ico_his.png) no-repeat;
background-size: cover;
vertical-align: text-top;
}
.form-box dt.nin i {
background: url(../image/ico_nin.png) no-repeat;
}
.form-box dd {
padding-top: 20px;
font-size: 16px;
}
.form-box dd label {
display: inline-block;
margin-right: 15px;
}
.form-box .pref-tbl {
	width: 98%;
	margin: 0 1%;
	box-sizing: border-box;
}
.form-box .pref-tbl tr {
	border-bottom: 1px dashed #c7bdb3;
}
.form-box .pref-tbl th {
	width: 140px;
	padding: 13px 10px;
	vertical-align: middle;
	text-align: left;
	line-height: 1;
}
.form-box .pref-tbl td {
	padding: 13px 10px;
	vertical-align: middle;
	text-align: left;
	line-height: 1;
}
.form-box .pref-tbl tr:first-child th,
.form-box .pref-tbl tr:first-child td {
	padding-top: 5px;
}
.form-box .pref-tbl li {
	display: inline-block;
	margin-right: 5px;
	line-height: 1.4;
}
.form-box .all {
	margin: 5px 10px 0 0;
	text-align: right;
	font-size: 11px;
}
.form-box .all a {
	padding-left: 16px;
	background: url(../image/ico_search.png) no-repeat center left;
}
.form-box .pro-list {
	width: 100%;
}
.form-box .pro-list li {
	float: left;
	width: 50%;
	padding: 7px 0 7px 15px;
	box-sizing: border-box;
}
.form-box .submit {
	padding: 20px 0;
}
.form-box button[type="submit"] {
width: 207px;
height: 39px;
background: url(../image/btn_conf.png) no-repeat;
cursor: pointer;
}
.form-box button[type="submit"]:hover {
	opacity: 0.8;
}

.form-set input[type="text"],
.form-set input[type="email"],
.form-set input[type="tel"],
.form-set textarea {  
width: 365px;
height: 35px;
padding: 5px 10px;  
border: 1px solid #ded6ce;
box-sizing:border-box;
border-radius: 3px /3px;
box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 5px 1px inset;
-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 5px 1px inset;
-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 5px 1px inset;
color: #605244;
background: #fff;
font-size: 18px;
font-family: "メイリオ", Meiryo, Osaka;
}
.form-set textarea {  
width: 600px !important;
height: 180px !important;
}
.form-set input.w90{width: 90px !important;}
.form-set input.w140{width: 140px !important;}
.form-set input[type="text"]:focus,
.form-set input[type="email"]:focus,
.form-set input[type="tel"]:focus,
.form-set textarea:focus {  
border: 1px solid #f4be6e;
box-shadow:rgba(252, 169, 44, 0.2) 0px 0px 3px 3px inset;
}
.form-set input[type="radio"] {
	width: 24px;
	height: 24px;
	margin-right: 6px;
}
.form-set input[type="checkbox"] {
	width: 12px;
	height: 12px;
	margin-right: 5px;
}
.form-set select {height: 34px}
.form-set .select240 {width: 240px}
.form-set span.customSelect {
height: 34px;
color: #605244;
font-size: 16px;
font-family: "メイリオ", Meiryo, Osaka;
box-sizing: border-box;
padding: 10px 20px 0 10px;
}
.form-set .customSelect.select240 {width: 240px;background: url(../image/select240.png) no-repeat top left;}
.form-set span.customSelectInner {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*--------------------------------------------------------------------------
   thanks
---------------------------------------------------------------------------*/
.thanks .cont-box p {
	margin-bottom: 20px;
	line-height: 1.6;
}

/*--------------------------------------------------------------------------
   know useful hakase calory jiten unit
---------------------------------------------------------------------------*/
.know .cont-box p,
.useful .cont-box p,
.hakase .cont-box p,
.calory .cont-box p,
.jiten .cont-box p,
.unit .cont-box p {
	margin-top: 20px;
	line-height: 1.6;
}
.know .cont-box p:first-child,
.useful .cont-box p:first-child,
.hakase .cont-box p:first-child,
.calory .cont-box p:first-child,
.jiten .cont-box p:first-child,
.unit .cont-box p:first-child {
	margin-top: 0;
}
.know .cont-box p + p,
.useful .cont-box p + p,
.hakase .cont-box p + p,
.calory .cont-box p + p,
.jiten .cont-box p + p,
.unit .cont-box p + p {
	margin-bottom: 20px;
}

/* .know-box .line-box */
.know-box,.line-box {
	clear: both;
	margin-top: 30px;
	padding: 30px 0 30px;
	border-top: 1px dashed #c7bdb3;
	border-bottom: 1px dashed #c7bdb3;
}
.know-box + .know-box,
.line-box + .line-box {
	margin-top: 0;
	border-top: none;
}
.know-box .ttl {
	float: left;
}
.know-box .img {
	float: right;
}
.know-box .txt {
	float: left;
	width: 570px;
	margin-top: 20px;
}

/* .useful-box */
.useful-box {
	clear: both;
	margin-top: 30px;
	padding: 25px 0 40px;
	border-top: 1px dashed #c7bdb3;
	border-bottom: 1px dashed #c7bdb3;
}
.useful-box + .useful-box {
	margin-top: 0;
	border-top: none;
}
.useful-box .img-box {
	min-height: 200px;
	padding-right: 280px;
}
#chishiki .img-box {background: url(../image/useful/img01.png) no-repeat top 5px right;}
#syokuji .img-box {background: url(../image/useful/img02.png) no-repeat top right;}
#undou .img-box {background: url(../image/useful/img03.png) no-repeat top right;}
.useful-box .img-box h2 {
	margin-bottom: 15px;
}
.useful-box .pagetop {
	margin-top: 20px;
}

/* .hakase */
.hakase .cont-box a {
	color: #346aa5 !important;
	font-weight: bold;
}
.hakase .list-box02 {
	margin-top: 30px;
}

/* .mov-list */
.mov-list {
	clear: both;
	margin: 30px 0 30px;
}
.mov-list ul {
	margin-right: -20px;
}
.mov-list li {
	float: left;
	width: 175px;
	margin-right: 20px;
	line-height: 1.4;
}
.mov-list li img {
	margin-bottom: 10px;
}

/* .calory-box */
.calory-box {
	margin-top: 20px;
}
.calory-box .table {
	width: 600px;
	margin-bottom: 30px;
	margin-left: 70px;
}

/* .calory-list */
.calory-list {
	margin-top: 20px;
}
.calory-list ul {
	margin: 0 -14px -10px 0;
}
.calory-list li {
	float: left;
	margin: 0 14px 10px 0;
}

/* .unit-box */
.unit-box {
	margin-top: 20px;
	text-align: center;
}
.unit-box p {
	width: 460px;
	margin: 10px auto 0;
	text-align: left;
}

/* .jiten */
.jiten .cont-box h2,
.jiten .cont-box .list-colum2,
.jiten .cont-box .list-colum3 {
	margin-bottom: 20px;
}