@charset "UTF-8";
/*----------------------------------------------------
	☆TOP PAGE
----------------------------------------------------*/

/*-----------------mainvisual------------------*/
#mainvisual {
	height: 399px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
#mainvisual .inner_ {
	left: 50%;
	position: absolute;
	width: 9999px;
}
#mainvisual .bx-wrapper {
	height: 399px;
	margin: 0 auto;
}
#mainvisual .bx-viewport {
	border: medium none;
	box-shadow: none !important;
	height: 399px !important;
	left: 0 !important;
	margin: 0 auto !important;
	overflow: visible !important;
	width: 1000px !important;
}
#mainvisual #slider li {
	font-size: 0;
	height: 399px;
	line-height: 0;
	overflow: hidden;
	width: 1000px;
}
#mainvisual .prev-next {
	width: 1000px;
}
#mainvisual .bx-prev {
	display: none;
}
#mainvisual .bx-next {
	display:none;
}
#mainvisual .slider_left_ {
	background: url(../cmn_js/bxslider/black.png) left top repeat;
	height: 399px;
	left: 50%;
	margin-left: -1500px;
	position: absolute;
	top: 0;
	width: 1000px;
}
#mainvisual .slider_right_ {
	background: url(../cmn_js/bxslider/black.png) left top repeat;
	height: 399px;
	margin-right: -1500px;
	position: absolute;
	right: 50%;
	top: 0;
	width: 1000px;
}
#mainvisual .bx-prev:hover, .bx-next:hover {
	opacity: 0.8;
}
#contents section.topicsArea {
	background: url(../images/top/bg_bnr.gif) left top repeat;
	padding: 60px 0;
}
div.halfList {
	width: 1000px;
	margin: 0 auto;
}
div.halfList ul li {
	width: 490px;
	float: left;
	margin-bottom: 40px;
}
div.halfList ul li.last {
	float: right;
}
#contents div.topSliderBox {
	background: #f7f7f7;
	border: 1px solid #CCC;
	border-radius: 5px;
	padding: 18px 0;
	width: 100%;
}
#contents div.topSliderBox .bx-wrapper .bx-viewport {
	background: none;
	border: medium none;
	box-shadow: none;
	left: 0;
}
#contents div.topSliderBox .bx-wrapper {
	margin: 0 auto;
}
#contents div.topSliderBox .bx-wrapper .bx-prev {
	background: url(../images/top/btn_prev.png) left center no-repeat;
	left: -55px;
}
#contents div.topSliderBox .bx-wrapper .bx-next {
	background: url(../images/top/btn_next.png) left center no-repeat;
	right: -55px;
}
#contents div.Inr {
	width: 1000px;
	margin: 0 auto;
}
.bx-wrapper .bx-controls-direction a {
	height: 23px;
	margin-top: -11px;
	outline: 0 none;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	width: 23px;
	z-index: 9999;
}
.blueArea {
	background: url(../images/top/bg_blue.gif) left top repeat;
	width: 100%;
	padding: 60px 0;
}
div.whBox ul li {
	background: #FFF;
	border: 1px solid #CCC;
	box-sizing: border-box;
	padding: 20px;
	width: 490px;
	float: left;
	border-radius: 20px;
}
div.whBox ul li.last {
	float: right;
}
div.whBox ul li div.newsList {
	margin-bottom: 60px;
}
div.whBox ul li div.newsList li {
	background: none;
	border: none;
	padding: 5px 0;
	width: 100%;
	float: none;
}
div.whBox ul li div.newsList li.last {
	float: none;
}
div.whBox ul li div.newsList li span {
	display: block;
	float: left;
	margin-right: 5px;
}
div.whBox ul li div.newsList li span.data {
	width: 85px;
}
div.whBox ul li div.newsList li span.category {
	text-align: center;
	color: #FFF;
	width: 100px;
}
div.whBox ul li div.newsList li span.c01 {
	background: #73b2b3;
}
div.whBox ul li div.newsList li span.c02 {
	background: #80b67b;
}
div.whBox ul li div.newsList li span.c03 {
	background: #c586b1;
}
div.whBox ul li div.newsList li span.c04 {
	background: #d0a885;
}
div.whBox ul li div.newsList li a {
	float: left;
	text-decoration: underline;
	display: block;
	width: 273px;
}
div.whBox ul li div.newsList li a:hover {
	text-decoration: none;
}
h2.newsHead {
	color:#73b2b3;
  font-size: 30px !important;
  font-weight: bold;
  text-align: center;
}
h2.searchHead {
	font-size: 28px!important;
	color: #8b7a5b;
	text-align: center;
	margin-bottom: 20px;
}
h2.searchHead span {
	background: url(../images/top/icon_search.gif) left center no-repeat;
	padding-left: 30px;
}
div.whBox dl {
	display: block!important;
	margin-bottom: 10px;
}
div.whBox dt {
	width: 100%;
	margin-bottom: 10px;
}
div.whBox dt a {
	width: 100%;
	border: 1px solid #3aacad;
	background: #fffee1;
	border-radius: 20px;
	color: #3aacad;
	display: block;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	width: 100%;
	font-size: 15px!important;
	font-weight: bold;
}
div.whBox dd {
	width: 50%;
	float: left;
	font-size: 12px!important;
}
div.whBox dd a {
	text-decoration: underline;
	color: #8b7a5b;
}
div.whBox dd a:hover {
	text-decoration: none;
}
div.whBox p.searchBtn {
	background: #3aacad;
	width: 250px;
	margin: 0 auto;
	font-weight: bold;
	text-align: center;
	font-size: 16px!important;
}
div.whBox p.searchBtn a {
	background: url(../images/top/icon_arrow.gif) 90% center no-repeat;
	display: block;
	padding: 10px 0;
	color: #FFF;
}
.courseArea {
	background: url(../images/top/bg_course.gif) left top repeat;
	width: 100%;
	padding: 60px 0;
}
h2.courseHead {
	font-size: 28px!important;
	color: #8b7a5b;
	text-align: center;
	margin-bottom: 20px;
}
h2.courseHead span {
	background: url(../images/top/icon_course.png) left center no-repeat;
	padding-left: 30px;
}
div.courseBox {
	cursor:pointer;
	width: 230px;
	border: 1px solid #CCC;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 10px;
}
div.courseBox dl {
	text-align: center;
	color: #FFF;
	padding: 35px 19px;
}
div.courseBox dl dt {
	text-align: center;
}
div.courseBox.color01 dl {
	background: #73b2b3;
}
div.courseBox.color02 dl {
	background: #80b67b;
}
div.courseBox.color03 dl {
	background: #c586b1;
}
div.courseBox.color04 dl {
	background: #d0a885;
}
div.courseBox.color05 dl {
	background: #d25359;
}
div.courseBox.color06 dl {
	background: #b2b642;
}
div.courseBox.color07 dl {
	background: #487ab7;
}
div.courseBox.color08 dl {
	background: #53b382;
}
div.courseBox.color09 dl {
	background: #2d8f8e;
}
div.courseBox.color10 dl {
	background: #826633;
}
div.courseBox dl dd.title {
	font-size: 15px!important;
	font-weight: bold;
}
div.courseBox dl dd {
	font-size: 12px!important;
}
#contents div.topSliderBox02 {
	width: 1000px;
	margin: 0 auto;
}
#contents div.topSliderBox02 .bx-wrapper .bx-viewport {
	background: none;
	border: medium none;
	box-shadow: none;
	left: 0;
}
#contents div.topSliderBox02 .bx-wrapper {
	margin: 0 auto;
}
#contents div.topSliderBox02 .bx-wrapper .bx-prev {
	background: url(../images/top/icon_prev_02.png) left center no-repeat;
	left: -55px;
}
#contents div.topSliderBox02 .bx-wrapper .bx-next {
	background: url(../images/top/icon_next_02.png) left center no-repeat;
	right: -55px;
}
#contents div.topSliderBox02 .bx-wrapper img {
	display: inline-block;
}
#contents div.topSliderBox02 .bx-wrapper .bx-controls-direction a {
	height: 35px;
	width: 35px;
}
.faqArea {
	padding: 60px 0;
	width: 1000px;
	margin: 0 auto;
}
.squareArea {
	margin-bottom: 60px;
}
div.saInr {
	width: 1000px;
	margin: 0 auto;
}
div.saInr ul li {
	float: left;
	height: 310px;
	margin-bottom: 35px;
	margin-right: 35px;
	width: 310px;
	cursor:pointer;
}
div.saInr ul li div {
	border: 1px solid #ccc;
	border-radius: 10px;
	height: 300px;
	padding: 4px;
	width: 300px;
	position: relative;
}
div.saInr ul li dl {
	background: url(../images/top/bg_topics.png) left top repeat;
	bottom: 4px;
	box-sizing: border-box;
	left: 4px;
	padding: 20px;
	position: absolute;
	width: 98%;
}
div.saInr ul li dl dt {
	color: #414141;
	font-size: 16px!important;
	font-weight: bold;
}
div.saInr ul li dl dd {
	color: #999;
}
/*----------------------------------------------------
	☆SHOP
----------------------------------------------------*/

div.ancArea ul li span {
	padding: 3px 0 3px 35px;
}
div.ancArea ul li span.menu01 {
	background: url(../images/shop/m_01.png) left center no-repeat;
}
div.ancArea ul li span.menu02 {
	background: url(../images/shop/m_02.png) left center no-repeat;
}
div.ancArea ul li span.menu03 {
	background: url(../images/shop/m_03.png) left center no-repeat;
}
div.ancArea ul li span.menu04 {
	background: url(../images/shop/m_04.png) left center no-repeat;
}
div.ancArea ul li span.menu05 {
	background: url(../images/shop/m_05.png) left center no-repeat;
}
div.ancArea ul li span.menu06 {
	background: url(../images/shop/m_06.png) left center no-repeat;
}
#shop div.newsList {
	margin-bottom: 30px;
	border-bottom:none;
}
#shop div.newsList li {
	background: none;
	border: none;
	padding: 5px 0;
	width: 100%;
	float: none;
}
#shop div.newsList li.last {
	float: none;
}
#shop div.newsList li span {
	display: block;
	float: left;
	margin-right: 5px;
}
#shop div.newsList li span.data {
	width: 85px;
}
#shop div.newsList li span.category {
	text-align: center;
	color: #FFF;
	width: 100px;
}
#shop div.newsList li span.c01 {
	background: #73b2b3;
}
#shop div.newsList li span.c02 {
	background: #80b67b;
}
#shop div.newsList li span.c03 {
	background: #c586b1;
}
#shop div.newsList li span.c04 {
	background: #d0a885;
}
#shop div.newsList li a {
	float: left;
	text-decoration: underline;
	display: block;
	width: 550px;
}
#shop div.newsList li a:hover {
	text-decoration: none;
}
div.infoTxt {
	width: 380px;
	float: left;
}
div.infoTxt ul li {
	border-bottom: 1px dotted #CCC;
	padding: 10px 0 10px 7em;
	text-indent: -7em;
}
div.infoTxt ul li.last {
	margin-bottom: 20px;
}
div.infoTxt ul li span {
	font-weight: bold;
	padding: 0 20px;
}
div.infoTxt ul li a {
	font-size: 20px!important;
	font-weight: bold;
}
#shop p.shopImg {
	border: 1px solid #CCC;
	background: #ffffff;
	display: table;
	float: right;
	height: 220px;
	margin-bottom: 30px;
	overflow: hidden !important;
	text-align: center;
	width: 330px;
}
#shop p.shopImg span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 330px;
}
#shop p.shopImg span img {
	height: auto !important;
	margin: 0 auto !important;
	max-height: 220px;
	max-width: 330px;
	vertical-align: middle;
	width: auto !important;
}
#shop div.yTbl td, div.yTbl th {
	padding: 3px 0;
}
#shop div.yTbl td {
	font-size: 12px!important;
	color: #000;
}
div.courseList ul li {
	margin-bottom: 30px;
}
div.courseList ul li h3 {
	position: relative;
}
div.courseList ul li h3 a {
	position: absolute;
	right: 0;
	top: 0;
	background: #359f9f;
	border-radius: 20px;
	color: #fff;
	display: block;
	line-height: 23px;
	text-align: center;
	text-decoration: none;
	width: 173px;
	font-size: 12px!important;
}
p.cImg {
	width: 250px;
	float: left;
}
div.courseInfo {
	width: 467px;
	float: right;
}
div.bscTbl th {
	text-align: center;
}
/*div.bscTbl th, div.bscTbl td {
	padding: 5px 15px;
}*/
span.tag01 {
	background: #ff5555;
	color: #FFF;
	font-size: 10px!important;
	font-weight: bold;
	padding: 0 5px;
}
span.tag02 {
	background: #359f9f;
	color: #FFF;
	font-size: 10px!important;
	font-weight: bold;
	padding: 0 5px;
}
span.tag03 {
	background: #F0B02F;
	color: #FFF;
	font-size: 10px!important;
	font-weight: bold;
	padding: 0 5px;
}
div.shopInfo {
	width: 437px;
	float: left;
	margin-bottom:20px;
}
div.sliderArea {
	width: 274px;
	float: right;
}
#shop div.bx-wrapper {
	max-width: 275px !important;
}
/*#shop .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: block;
	margin-bottom: 5px;
}*/
#shop .bx-wrapper .bx-pager {
	padding-top: 0 !important;
}
#shop .bx-wrapper .bx-pager.bx-default-pager a {
	background: #ccc !important;
}
#shop .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #359f9f !important;
}
p.mapImg {
	border: 1px solid #CCC;
	background: #ffffff;
	display: table;
	float: left;
	height: 260px;
	overflow: hidden !important;
	text-align: center;
	width: 260px;
}
p.mapImg span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 260px;
}
p.mapImg span img {
	height: auto !important;
	margin: 0 auto !important;
	max-height: 260px;
	max-width: 260px;
	vertical-align: middle;
	width: auto !important;
}
div.mapArea {
	width: 440px;
	height: 262px;
	float: right;
}
p.mapLink {
	text-align: right;
}
p.mapLink a {
	color: #359f9f;
	text-decoration: underline;
	font-size: 10px!important;
}
p.mapLink a:hover {
	text-decoration: none;
}
div.blogArea {
	background: url(../images/shop/bg_blog.jpg) left top no-repeat;
	padding: 60px 0 45px;
}
span.Caution {
	color: #C00;
	font-size: 10px!important;
}
/* ======================= index.html ====== */


div.iShopList ul li {
	background: #f1f1f1;
	border: 1px dotted #ccc;
	box-sizing: border-box;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 230px;
	text-align: left;
	float: left;
}
div.iShopList ul li:hover {
	background: #359f9f;
}
div.iShopList ul li a {
	background: url(../images/shop/icon_arrow.png) 16px 16px no-repeat;
	color: #359f9f;
	display: block;
	font-size: 13px !important;
	font-weight: bold;
	padding: 16px 0 16px 40px;
}
div.iShopList ul li a:hover {
	color: #fff;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}


/* デバイスの横幅が320px以下の場合 */
@media only screen and (max-width: 667px) {
div.ancArea ul li span.menu03 {
	padding: 3px 0 3px 24px;
}
#shop div.newsList li a {
	float: left;
	width: 100%;
}
#shop div.newsList li a:hover {
	text-decoration: none;
}
div.infoTxt {
	width: 100%;
	float: none;
}
#shop p.shopImg {
	border: none;
	padding-top: 40px;
	background: #ffffff;
	display: table;
	float: none;
	height: 190px;
	margin-bottom: 30px;
	overflow: hidden !important;
	text-align: center;
	width: 300px;
	margin: 0 auto 20px;
}
#shop p.shopImg span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 300px;
}
#shop p.shopImg span img {
	height: auto !important;
	margin: 0 auto !important;
	max-height: 190px;
	max-width: 300px;
	vertical-align: middle;
	width: auto !important;
}
#shop div.yellowBox {
	background: none;
	margin-bottom: 0;
	padding: 0;
}
#shop div.yTbl th {
	display: none;
}
#shop div.yTbl td {
	color: #FFF;
	font-size: 9px!important;
	border: 1px solid #FFF;
	background: #359f9f;
	text-align: center;
	padding: 10px 0;
}
p.cImg {
	width: 100%;
	float: none;
	padding-top: 25px;
}
p.cImg img {
	width: 100%;
}
div.courseList ul li h3 a {
	left: 0;
	position: absolute;
	top: 36px;
	width: 100%;
	font-size: 15px!important;
	line-height: 30px;
}
div.courseInfo {
	width: 100%;
	float: none;
}
div.courseInfo td, div.courseInfo th {
	font-size: 12px!important;
	padding: 5px;
}
div.courseInfo td span {
	display: block;
	text-align: center;
}
div.shopInfo {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
div.sliderArea {
	width: 274px;
	float: none;
	margin: 0 auto;
}
p.mapImg {
	float: none;
	margin: 0 auto 20px;
}
div.mapArea {
	width: 100%;
	height: 262px;
	float: none;
}
div.blogArea {
	background: #f1f1f1;
	border: 1px dotted #CCC;
	padding: 20px;
	margin-bottom: 30px;
}
/* ======================= index.html ====== */

div.iShopList ul li {
	margin-right: 0;
	width: 49%;
}
div.iShopList ul li.even {
	float: right;
}
div.iShopList ul li a {
	background: none;
	/*    background:url(../images/shop/icon_arrow.png) 5px center no-repeat;
		background-size:9% auto;*/
	color: #359f9f;
	display: block;
	font-size: 12px !important;
	font-weight: bold;
	padding: 16px 0 16px 10px;
}

#contents div.bscTbl.courseInfo th{
	display:table-cell !important;
	width:inherit!important;
	box-sizing:border-box !important;
	}

#contents div.bscTbl.courseInfo td{
	display:table-cell !important;
	width:inherit!important;
	box-sizing:border-box !important;
	}
}
/*----------------------------------------------------
	☆RECRUIT
----------------------------------------------------*/

/* ======================= index ====== */

#recruit p.Img {
	float: left;
	width: 150px;
	text-align: center;
}
#recruit div.txtBox {
	float: right;
	width: 580px;
}
div.aboutList ul li {
	width: 350px;
	float: left;
	margin-bottom: 20px;
}
div.aboutList ul li.last {
	float: right;
}
div.redLineBox {
	background: #ff5555;
	border: 1px solid #CCC;
	padding-top: 6px;
	border-radius: 8px 8px 0 0;
}
div.redLineBox h2 {
	line-height: 0;
}
div.redLineBox div.whInr {
	background: #FFF;
	padding: 15px 30px;
}
div.redLineBox div.whInr ul.whList li {
	width: 320px;
	float: left;
	margin-bottom: 20px;
}
div.redLineBox div.whInr ul.whList li.even {
	float: right;
}
p.Img02 {
	float: left;
	width: 223px;
}
div.txtBox02 {
	float: right;
	width: 490px;
}
div.voiceBox ul {
	text-align: center;
}
div.voiceBox ul li {
	width: 182px;
	display: inline-block;
	padding: 0 29px;
}
div.voiceBox ul li span {
	border: 1px solid #359f9f;
	padding: 3px 10px;
	color: #359f9f;
	font-size: 12px!important;
}
div.voiceBox ul li p.name {
	font-size: 15px!important;
	font-weight: bold;
	padding: 10px 0;
}
div.voiceBox ul li p.roundBtn {
	margin: 0 auto;
	width: 182px;
}
div.voiceBox ul li p.roundBtn a {
	width: 182px;
}
div.actionBox {
	background: #fffee1;
	border: 3px solid #cbc98e;
	padding: 10px 50px;
	position: relative;
}
div.abInr {
	width: 432px;
	text-align: center;
}
div.abInr ul li {
	text-align: center;
	float: left;
	background: linear-gradient(to bottom, #ffca62, #ebb64e);
	border-radius: 5px;
}
div.abInr ul li.last {
	float: right;
	background: linear-gradient(to bottom, #ff6262, #eb4e4e);
}
div.abInr ul li a {
	background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top, #ffca62, #ffca62 50%, #ebb64e 50%, #ebb64e) repeat scroll 0 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffca62), color-stop(0.5, #ebb64e), color-stop(0.5, #ebb64e), to(#ebb64e));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffca62', endColorstr='#ebb64e'); /* IE5.5以上 */
	border-radius: 5px;
	color: #ffffff;
	display: inline-block;
	font-size: 16px;
	padding: 10px 0;
	width: 211px;
	font-weight: bold;
}
div.abInr ul li.last a {
	background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top, #ff6262, #ff6262 50%, #eb4e4e 50%, #eb4e4e) repeat scroll 0 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff6262), color-stop(0.5, #eb4e4e), color-stop(0.5, #eb4e4e), to(#eb4e4e));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff6262', endColorstr='#eb4e4e'); /* IE5.5以上 */
}
div.abInr ul li a:hover {
	opacity: 0.8;
	text-decoration: none;
}
div.actionBox p.actionImg {
	bottom: 0;
	line-height: 0 !important;
	position: absolute;
	right: 40px;
}
/* ======================= training ====== */

div.pointBox ul {
	text-align: center;
}
div.pointBox ul li {
	width: 182px;
	display: inline-block;
	padding: 0 29px;
}
div.pointBox ul li p.roundBtn {
	margin: 0 auto;
	width: 182px;
}
div.pointBox ul li p.roundBtn a {
	width: 182px;
}
.trainingG {
	color: #73b2b3;
	font-size: 15px!important;
	margin-bottom: 10px;
	font-weight: bold;
}
.trainingP {
	color: #c586b1;
	font-size: 15px!important;
	margin-bottom: 10px;
	font-weight: bold;
}
.trainingO {
	color: #d0a885;
	font-size: 15px!important;
	margin-bottom: 10px;
	font-weight: bold;
}
div.trainingList ul li {
	width: 225px;
	float: left;
	margin-right: 27px;
	margin-bottom: 10px;
}
div.trainingList ul li dd.title {
	font-size: 15px!important;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
}
div.messageBox {
	background: url(../images/recruit/bg_message.gif) left top repeat;
	padding: 20px 30px;
	position: relative;
}
div.messageBox h3 {
	color: #6a5838;
	font-size: 26px!important;
	text-align: center;
}
div.messageBox h3 span {
	background: url(../images/recruit/icon_message.png) left center no-repeat;
	padding-left: 25px;
}
div.messageBox p.clipImg {
	position: absolute;
	top: -10px;
	right: 20px;
}
/* ======================= data ====== */

p.dataImg {
	width: 300px;
	float: left;
}
div.dataTxt {
	width: 430px;
	float: right;
	padding-top: 30px;
}
/* ======================= requirement ====== */


.requirementTable td {
	line-height: 1.7;
	width: 70%;
}
/* ======================= voice ====== */

div.voiceList ul li {
	background:#fff6eb;
	width: 340px;
	float: left;
	padding: 10px;
	margin-bottom: 20px;
}
div.voiceList ul li.even {
	float: right;
}
div.voiceList ul li p.voiceImg {
  float: left;
  line-height: 0 !important;
  margin-right: 5px;
  width: 100px;
}
p.name span {
	border:1px solid #359f9f;
	color: #359f9f;
	padding: 3px 10px;
	font-size:13px!important;
	font-family: 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
}

p.name {
	font-size:16px!important;
	font-weight:bold;
	color:#000;
	font-family: "游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
	margin-bottom:10px;
}

div.voiceList ul li p.green {
	line-height: 1.1!important;
	margin-bottom: 10px;
}

.voiceTxt {
	width:230px;
	float:right;
}

.voiceTxt p.roundBtn {
	width:200px;
}

.voiceTxt p.roundBtn a {
	width:200px;
	background:#359f9f;
}

.dnBox {
	display:none;
}

.paBox {
	padding:20px;
	width:620px;
}

.paboxTxt {
	width:624px;
}

.paInfo {
	width:300px;
	float:left;
	padding-bottom:30px;
	padding-top: 80px;
}

.paImg {
	float:right;
	width:315px;
	padding-bottom:30px;
}

.paboxTxt p.green {
	line-height:1.7!important;
	margin-bottom:20px;
	font-family: "游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}

/*.paboxTxt p.name {

}
*/

.paboxTxt dl {
	border-top:1px solid #CCC;
	padding-top:30px;
}

.paboxTxt dl dt {
	margin-bottom:10px;
}

.paboxTxt dl dd {
	margin-bottom:20px;
}

/* ======================= stepup ====== */

div.nuberList ul li {
	width:360px;
	float:left;
	border-bottom:1px dotted #CCC;
	margin-bottom:20px;
}

div.nuberList ul li.even {
	float:right;
}

div.nuberList ul li dt {
	font-weight:bold;
	color:#000;
	font-size:16px!important;
	padding-left:24px;
}

div.nuberList ul li.num01 dt { background:url(../images/recruit/num_01.gif) left center no-repeat;}
div.nuberList ul li.num02 dt { background:url(../images/recruit/num_02.gif) left center no-repeat;}
div.nuberList ul li.num03 dt { background:url(../images/recruit/num_03.gif) left center no-repeat;}
div.nuberList ul li.num04 dt { background:url(../images/recruit/num_04.gif) left center no-repeat;}
div.nuberList ul li.num05 dt { background:url(../images/recruit/num_05.gif) left center no-repeat;}

div.nuberList ul li dd {
	padding-bottom:15px;
}


/* デバイスの横幅が320px以下の場合 */
@media only screen and (max-width: 667px) {
/* ======================= index ====== */
	
h1.indHead {
	padding-top: 10px;
	margin-bottom: 10px!important;
}
h1.indHead img {
	width: 100%;
}
#recruit p.Img {
	float: none;
	margin: 0 auto;
}
#recruit div.txtBox {
	float: none!important;
	width: 100%!important;
}

#recruit .ybInr img {
	width:100%!important;
}
div.aboutList ul li {
	width: 100%;
	float: none;
}
div.aboutList ul li.last {
	float: none;
}
div.redLineBox img {
	width: 100%;
}
div.redLineBox h2 {
	line-height: 0;
}
div.redLineBox div.whInr {
	background: #FFF;
	padding: 15px 20px;
}
div.redLineBox div.whInr ul.whList li {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
div.redLineBox div.whInr ul.whList li.even {
	float: none;
}
p.Img02 {
	float: none;
	margin: 0 auto;
}
div.txtBox02 {
	float: none;
	width: 100%;
}
div.voiceBox ul {
	text-align: center;
}
div.voiceBox ul li {
	margin-bottom: 20px;
}
div.actionBox {
	background: #fffee1;
	border: 3px solid #cbc98e;
	padding: 20px;
	position: relative;
}
div.abInr {
	width: 100%;
}
div.abInr ul li {
	text-align: center;
	float: none;
	margin: 0 auto 5px;
}
div.abInr ul li.last {
	float: none;
}
div.actionBox p.actionImg {
	display: none;
}
.spWidth img {
	width: 100%;
}
.section.btm80 {
	margin-bottom: 20px!important;
}

/* ======================= data ====== */

p.dataImg {
	width: 100%;
	float: none;
}
div.dataTxt {
	width: 100%;
	float: none;
	padding-top: 20px;
}

div.dataTxt img {
	width:100%;
}


/* ======================= stepup ====== */

div.nuberList ul li {
	width:100%;
	float:none;
	margin-bottom:20px;
}

div.nuberList ul li.even {
	float:none;
}

/* ======================= training ====== */

div.pointBox ul li {
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
}
div.trainingList ul li {
	margin: 0 auto 10px!important;
	float: none;
}
div.trainingList ul li dd.title {
	font-size: 15px!important;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
}
div.messageBox {
	padding: 20px;
	border: 1px solid #CCC;
}
/* ======================= requirement ====== */


.requirementTable th {
	display: block !important;
	width: 100%;
	box-sizing: border-box !important;
}
.requirementTable td {
	display: block !important;
	width: 100%;
	box-sizing: border-box !important;
}
div.bscTbl {
	width: 100% !important;
}
/* ======================= voice ====== */

div.voiceList ul li {
	width: 100%;
	float: none;
	box-sizing:border-box;
}
div.voiceList ul li.even {
	float: none;
}
div.voiceList ul li.last {
	margin-bottom: 0;
}

div.voiceList ul li p.voiceImg {
	width:30%;
	margin-right:0;
}

div.voiceList ul li p.voiceImg img {
	width:100%!important;
	height: auto!important;
}

.voiceTxt {
    width: 67%;
}

.voiceTxt p.roundBtn {
    width: 160px;
		margin-bottom:0;
}

.voiceTxt p.roundBtn a {
    width: 160px;
}

#fancybox-wrap {
	width:100%!important;
	box-sizing:border-box!important;
	left:0!important;
	top:0!important;
}
.paboxTxt {
	width:100%;
	float:none;
}

.paImg {
	width:100%!important;
}

.paImg img {
	width:100%!important;
	height:auto!important;
	
}


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

#fancybox-content {
	width:100%!important;
	box-sizing:border-box!important;
}

}
/*----------------------------------------------------
	☆OTHER
----------------------------------------------------*/
h1.mainHead {
	background: url(../cmn_img/bg_h1_other.gif) left bottom no-repeat;
}
div.otherBox {
	width: 100%!important;
}
p.tel a {
	color: #359f9f;
	font-size: 16px!important;
	font-weight: bold;
}
.smHead01 a {
	background-color: #cfebeb;
	color: #359f9f;
	display: block;
	font-weight: normal;
	margin-bottom: 20px;
	padding: 8px 18px;
	font-size: 16px!important;
	font-weight: bold;
}
.smHead02 a {
	background-color: #ffffff;
	border: 3px solid #cfebeb;
	color: #359f9f;
	display: block;
	font-weight: normal;
	margin-bottom: 20px;
	padding: 8px 18px;
	font-size: 14px!important;
	font-weight: bold;
}
div.smList ul li {
	width: 33%;
	float: left;
	margin-bottom: 15px;
}
div.smList ul li a {
	color: #000;
	font-size: 12px!important;
}


/* デバイスの横幅が320px以下の場合 */
@media only screen and (max-width: 667px) {
div.bscTbl td, div.bscTbl th {
	width: 100%!important;
	display: block;
	box-sizing: border-box!important;
}
div.smList ul li {
	width: 50%;
}
}
/*----------------------------------------------------
	☆NEWS
----------------------------------------------------*/


div.newsList {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 2px solid #cfebeb;
}
div.newsList li {
	background: url(../cmn_img/icon_arrow.png) left 20px no-repeat;
	border-bottom: 1px dotted #ccc;
	box-sizing: border-box;
	padding: 16px 0 16px 20px;
	width: 100%;
}
div.newsList li.last {
	border-bottom: none;
}
div.newsList li span {
	display: block;
	float: left;
	margin-right: 5px;
}
div.newsList li span.data {
	width: 85px;
}
div.newsList li span.category {
	color: #fff;
	text-align: center;
	width: 100px;
}
div.newsList li span.c01 {
	background: #73b2b3;
}
div.newsList li span.c02 {
	background: #80b67b;
}
div.newsList li span.c03 {
	background: #c586b1;
}
div.newsList li span.c04 {
	background: #d0a885;
}
div.newsList li a {
	display: block;
	float: left;
	text-decoration: underline;
	width: 530px;
}
div.newsList li a:hover {
	text-decoration: none;
}
#contents p.pager {
	text-align: center;
}
#contents p.pager span a {
	background: #fff;
	border: 1px solid #359f9f;
	padding: 6px 11px;
	text-decoration: none !important;
}
#contents p.pager span:hover, #contents p.pager span.current, #contents p.pager span a:hover, #contents p.pager span.current a {
	background: #359f9f;
	color: #fff !important;
}
div.newsList li span {
	display: block;
	float: left;
	margin-right: 5px;
}
div.newsList li span.data {
	width: 85px;
}
p.articleTop {
	text-align: right;
	margin-bottom: 20px;
}
p.articleTop span.category {
	color: #fff;
	text-align: center;
	padding: 5px 25px;
}
p.articleTop span.c01 {
	background: #73b2b3;
}
p.articleTop span.c02 {
	background: #80b67b;
}
p.articleTop span.c03 {
	background: #c586b1;
}
p.articleTop span.c04 {
	background: #d0a885;
}
div.articleBox img {
	max-width: 730px;
	height: auto;
	display: block;
	margin-bottom: 20px;
}
div.articleBox {
	border-bottom: 1px solid #cfebeb;
	padding-bottom: 20px;
	margin-bottom: 40px;
}
div.newsList.handsNews li a {
	width: 630px;
}

/* デバイスの横幅が320px以下の場合 */
@media only screen and (max-width: 667px) {
div.articleBox img {
	max-width: 100%;
}
p.roundBtn {
	margin-bottom: 40px;
}
div.newsList li a {
	width: 100%;
}
#contents p.pager {
	margin-bottom: 40px;
}
}
/*----------------------------------------------------
	☆INTRODUCTION
----------------------------------------------------*/

/* ======================= FLOW ====== */

div.flowArea ul li {
	margin-bottom: 40px;
}
div.flowArea ul li p.Img {
	width: 317px;
}
div.flowArea ul li div.flowTxt {
	width: 400px;
}
div.flowArea ul li div.flowTxt h2 {
	text-align: center;
	color: #359f9f;
	font-size: 20px!important;
	padding-top: 55px;
	margin-bottom: 20px;
}
div.flowArea ul li div.flowTxt.flow01 h2 {
	background: url(../images/introduction/icon_flow_01.gif) center top no-repeat;
}
div.flowArea ul li div.flowTxt.flow02 h2 {
	background: url(../images/introduction/icon_flow_02.gif) center top no-repeat;
}
div.flowArea ul li div.flowTxt.flow03 h2 {
	background: url(../images/introduction/icon_flow_03.gif) center top no-repeat;
}
div.flowArea ul li div.flowTxt.flow04 h2 {
	background: url(../images/introduction/icon_flow_04.gif) center top no-repeat;
}
div.flowArea ul li div.flowTxt.flow05 h2 {
	background: url(../images/introduction/icon_flow_05.gif) center top no-repeat;
}
div.flowArea ul li div.flowTxt.flow06 h2 {
	background: url(../images/introduction/icon_flow_06.gif) center top no-repeat;
}
div.flowArea ul li div.flowTxt.flow07 h2 {
	background: url(../images/introduction/icon_flow_07.gif) center top no-repeat;
}
/* ======================= FAQ ====== */

.faqDl li {
	text-align: left;
	margin-bottom: 10px;
}
.faqDl li.even {
	margin-bottom: 30px;
}
.iconQ {
	display: inline-block;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 20px;/* width,heightの半分 */
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #359f9f;/* 円の色 */
	text-align: center;
	color: #FFF;
	font-size: 24px!important;
	font-weight: bold;
	margin-right: 10px;
	float: left;
}
.iconA {
	border: 1px solid #359f9f;
	box-sizing: border-box;
	display: inline-block;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 20px;/* width,heightの半分 */
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #FFF;/* 円の色 */
	text-align: center;
	color: #359f9f;
	font-size: 24px!important;
	font-weight: bold;
	margin-right: 10px;
	float: left;
}
.inrTxt {
	float: right;
	width: 670px;
}
.txtQ {
	font-size: 15px!important;
	font-weight: bold;
}
.txtA {
	color: #359f9f;
}


/* デバイスの横幅が320px以下の場合 */
@media only screen and (max-width: 667px) {
/* ======================= FLOW ====== */

.flL {
	float: none;
}
.flR {
	float: none;
}
div.flowArea ul li p.Img {
	width: 100%;
	margin-bottom: 20px;
}
div.flowArea ul li p.Img img {
	width: 100%;
}
div.flowArea ul li div.flowTxt {
	width: 100%;
}
div.flowArea ul li div.flowTxt h2 {
	text-align: center;
	color: #359f9f;
	font-size: 20px!important;
	padding-top: 55px;
	margin-bottom: 20px;
}
/* ======================= FAQ ====== */

.iconQ {
	display: inline-block;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 20px;/* width,heightの半分 */
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #359f9f;/* 円の色 */
	text-align: center;
	color: #FFF;
	font-size: 24px!important;
	font-weight: bold;
	margin-right: 10px;
	float: left;
}
.iconA {
	border: 1px solid #359f9f;
	box-sizing: border-box;
	display: inline-block;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 20px;/* width,heightの半分 */
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #FFF;/* 円の色 */
	text-align: center;
	color: #359f9f;
	font-size: 24px!important;
	font-weight: bold;
	margin-right: 10px;
	float: left;
}
.inrTxt {
	float: right;
	width: 83%;
}
}
/*----------------------------------------------------
	☆COURSE
----------------------------------------------------*/

div.dotBox ul {
	text-align: center;
}
div.dotBox ul li {
	display: inline-block;
	padding: 15px;
	width: 104px;
	vertical-align: top;
}
div.dotBox ul li p {
	font-size:11px!important;
	font-weight:bold;
}
div.flowBox {
	margin-bottom: 30px;
}
div.flowBox dl dt {
	width: 195px;
	float: left;
	margin-bottom: 20px;
	font-size: 12px!important;
	line-height: 1.3!important;
}
div.flowBox dl dd {
	width: 72px;
	float: left;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 20px;
	padding-top: 60px;
}
h3.bitsHead {
	background: url(../images/course/icon_pickup.gif) left center no-repeat;
	padding-left: 30px;
	font-size: 20px!important;
	color: #0a5c5c;
	margin-bottom: 20px;
}
div.txtBox {
	width: 400px;
	float: left;
}
#course p.Img {
	border: 1px solid #CCC;
	background: #ffffff;
	display: table;
	float: right;
	height: 182px;
	margin-bottom: 30px;
	overflow: hidden !important;
	text-align: center;
	width: 240px;
}
#course p.Img span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 240px;
}
#course p.Img span img {
	height: auto !important;
	margin: 0 auto !important;
	max-height: 182px;
	max-width: 240px;
	vertical-align: middle;
	width: auto !important;
}
div.ybInr {
	padding: 10px 20px 0;
}
div.shopList li {
	padding: 30px 0;
	border-bottom: 1px dotted #CCC;
}
div.shopList p.shopImg {
	outline: 1px solid #CCC;
	border: 4px solid #FFF;
	background: #ffffff;
	display: table;
	float: left;
	height: 130px;
	overflow: hidden !important;
	text-align: center;
	width: 180px;
}
div.shopList p.shopImg span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 180px;
}
div.shopList p.shopImg span img {
	height: auto !important;
	margin: 0 auto !important;
	max-height: 130px;
	max-width: 180px;
	vertical-align: middle;
	width: auto !important;
}
#course div.shopInfo {
	width: 525px;
	float: right;
}
#course div.shopInfo h3 {
	color: #6a5838;
	font-size: 24px !important;
	line-height: 1;
	margin-bottom: 10px;
}
#course div.shopInfo p.tel {
	font-size: 15px!important;
	font-weight: bold;
	margin-bottom: 5px;
}
#course div.shopInfo p.tel a {
	color: #333;
}
#course div.shopInfo ul li {
	width: 50%;
	float: left;
	border-bottom: none;
	padding: 0;
}
#course div.shopInfo ul li.last .roundBtn a {
	background: #359f9f;
}
ul.setBtn li {
	width: 20%;
	float: left;
	margin-right: 10px;
}
ul.setBtn li a {
	border: 1px solid #359f9f;
	background: #FFF;
	border-radius: 20px;
	color: #359f9f;
	display: block;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	padding: 0 10px;
}
ul.setBtn li a:hover {
	background: #359f9f;
	color: #FFF;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
/* ======================= CAMPAIGN ====== */

div.campBox {
	padding-bottom: 30px;
	border-bottom: 1px dotted #CCC;
}
p.campImg {
	float: left;
	width: 300px;
}
div.campTxt {
	width: 420px;
	float: right;
	padding-top: 15px;
}
h2.campHead {
	font-size: 20px!important;
	line-height: 1.3!important;
	margin-bottom: 10px;
}
p.limitedLine {
	margin-bottom: 10px;
}
p.limitedLine span {
	background: #359f9f;
	padding: 3px 5px;
	color: #FFF;
}
div.campBox ul li {
	float: left;
	width: 33%;
}
div.campBox ul li a {
	width: 220px!important;
	margin: 0 auto;
}


/* デバイスの横幅が320px以下の場合 */
@media only screen and (max-width: 667px) {
div.dotBox ul {
	display: inline-block;
	min-height: 1%;
}
div.dotBox ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	font-size: 0.1em;
	line-height: 0;
	visibility: hidden;
}
div.dotBox ul li {
	display: inline-block;
	padding: 0;
	width: 50%;
	float: left;
	margin-bottom: 20px
}
div.flowBox dl dt {
	width: 30%;
	float: left;
	margin-bottom: 20px;
	font-size: 12px!important;
	line-height: 1.3!important;
}
div.flowBox dl dt img {
	width: 100%;
}
div.flowBox dl dd img {
	width: 50%;
}
div.flowBox dl dd {
	padding-top: 23px;
	width: 5%;
}
div.txtBox {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
#course p.Img {
	float: none;
	height: 182px;
	margin-bottom: 30px;
	overflow: hidden !important;
	text-align: center;
	width: 240px;
	margin: 0 auto;
}
#course div.ybInr {
	padding: 0;
}
#course div.shopList li {
	padding: 30px 0;
	border-bottom: 1px dotted #CCC;
}
#course div.shopList p.shopImg {
	float: none;
	margin: 0 auto 10px;
}
#course div.shopInfo {
	width: 100%;
	float: none;
}
#course div.shopInfo h3 {
	font-size: 18px !important;
	text-align: center;
}
#course div.shopInfo ul li {
	width: 48%;
}
#course div.shopInfo ul li.last {
	float: right;
}
#course div.shopInfo ul li .roundBtn a {
	width: 100%;
	float: left;
	border-bottom: none;
	padding: 0;
}
#course div.shopInfo ul li .roundBtn {
	width: 100%!important;
}
#course ul.setBtn li {
	width: 45%;
}
/* ======================= CAMPAIGN ====== */


p.campImg {
	float: none;
	width: 100%;
}
div.campTxt {
	width: 100%;
	float: none;
}
div.campBox ul li {
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
div.campBox ul li a {
	width: 100%!important;
}
}
/*----------------------------------------------------
☆ABOUT
----------------------------------------------------*/

/* ======================= meister ====== */

/*div.starBox {
	background: url(../images/about/bg_up.gif) center 20px no-repeat;
}*/
div.inrList ul li {
	margin-bottom: 20px;
}
div.inrList ul li div.txtBox {
	width: 420px;
	padding-top: 20px;
}
div.inrList ul li p.inrImg {
	width: 290px;
}
div.staffBox {
	margin-bottom: 30px;
}
div.staffImg {
	width: 260px;
	height: 347px;
	position: relative;
	float: left;
}
div.staffInfo {
	box-sizing: border-box;
	background: url(../images/about/bg_staff.png) left top repeat;
	padding: 15px 10px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
div.staffInfo p {
	color: #FFF;
}
div.staffInfo p span.staff01 {
	font-weight: bold;
	background: #ff5555;
	padding: 2px 5px;
}
div.staffInfo p span.staff02 {
	font-weight: bold;
	background: #ffc655;
	padding: 2px 5px;
}
div.staffTxt {
	border-left: 1px solid #359f9f;
	width: 420px;
	padding: 60px 0 60px 20px;
	float: right;
	position: relative;
}
div.staffTxt p.arrowIcon {
	position: absolute;
	left: -13px;
	top: 50%;
	margin-top: -7px;
}
/* ======================= business ====== */

.clum2List li {
	width: 350px;
	float: left;
}
.clum2List li.even {
	float: right;
}
.busiTxt {
	float: left;
	width: 370px;
}
p.busiImg {
	width: 350px;
	float: right;
}
/* ======================= brand ====== */

p.brandP {
	text-align: center;
	padding-top: 60px;
	margin-bottom: 30px;
}
p.brandP img {
	width: 80%;
	margin: 0 auto;
	max-width: 452px;
}
p.brandP02 {
	font-size: 20px !important;
	text-align: center;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	color: #359f9f;
	margin-bottom: 30px;
}
div.brandDiv {
	width: 100%;
	margin-bottom: 30px;
}
div.brandDiv p.brand_imgP {
	width: 320px;
}
div.brandDiv p.brand_imgP img {
	width: 100%;
}
div.brandDiv div.brand_txtDiv {
	box-sizing: border-box;
	width: 375px;
}
div.brandDiv div.brand_txtDiv h3 {
	font-size: 16px !important;
	color: #359f9f;
	margin-bottom: 5px;
}
h2.brand_h2_sp {
	display: none;
}
/* ======================= anniversary ====== */



p.anniversary_mvP {
	width: 100%;
	margin-bottom: 30px;
}
p.anniversary_mvP img {
	width: 100%;
}
p.anniversary_p01 {
	font-size: 20px !important;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	color: #359f9f;
	margin-bottom: 30px;
}
div.anniversary_div01 {
	margin-bottom: 30px;
}
p.anniversary_txtBox {
	width: 490px;
	float: left;
}
p.anniversary_imgBox {
	width: 230px;
	float: right;
}
p.anniversary_imgBox img {
	width: 100%;
}
p.anniversary_p02 {
	font-size: 20px !important;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	margin-bottom: 30px;
	text-align: center;
}
p.anniversary_p03 {
	width: 100%;
	line-height: 0 !important;
}
p.anniversary_p03 img {
	width: 100%;
}
/* ======================= company ====== */
h3.title_h3_01 {
	background: url(../images/about/company_img15.gif) repeat-x scroll left center;
	margin-bottom: 30px;
}
h3.title_h3_01 span {
	background-color: #FFFFFF;
	font-size: 26px !important;
	color: #000000;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	padding-right: 5px;
}
h3.title_h3_02 {
	background: url(../images/about/company_img16.gif) repeat-x scroll left center;
	margin-bottom: 10px;
}
h3.title_h3_02 span {
	background-color: #FFFFFF;
	font-size: 20px !important;
	color: #ff5555;
	/*	font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;*/
	padding-right: 5px;
}
ul.numUl {
	display: inline-block;
	padding-right: 70px;
}
ul.numUl li {
	padding: 15px 0 15px 45px;
	font-size: 16px !important;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-weight: bold;
	margin-bottom: 20px;
}
li.numUl01 {
	background: url(../images/about/company_img01.gif) no-repeat scroll left center;
}
li.numUl02 {
	background: url(../images/about/company_img02.gif) no-repeat scroll left center;
}
li.numUl03 {
	background: url(../images/about/company_img03.gif) no-repeat scroll left center;
}
li.numUl04 {
	background: url(../images/about/company_img04.gif) no-repeat scroll left center;
}
li.numUl05 {
	background: url(../images/about/company_img05.gif) no-repeat scroll left center;
}
li.numUl06 {
	background: url(../images/about/company_img06.gif) no-repeat scroll left center;
}
table.company_table td {
	line-height: 1.7;
}
div.midoriBox {
	background: url(../images/about/company_img14.gif) top left repeat-y;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative;
	margin-bottom: 30px;
}
p.yellowMark {
	position: absolute;
	right: 0px;
	top: -10px;
	z-index: -9999;
}
p.yellowMark img.yellowMark02 {
	display: none;
}
p.company_p01 {
	font-size: 16px !important;
	color: #359f9f;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}
p.company_p02 {
	width: 525px;
}
div.company_box01 {
	width: 345px;
	float: left;
}
div.company_box01 p {
	margin-bottom: 20px;
}
div.company_box02 {
	width: 365px;
	float: right;
}
table.company_table02 th p {
	width: 30px;
}
table.company_table02 td {
	line-height: 1.5;
}

/* ======================= product ====== */


p.productImg {
	float: left;
	width: 200px;
	text-align: center;
}
div.productTxt {
	float: right;
	width: 510px;
	padding-top: 20px;
}


/* デバイスの横幅が320px以下の場合 */
@media only screen and (max-width: 667px) {
/* ======================= meister ====== */

.clum3List li {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.clum4List li {
	width: 50%;
	float: left;
	text-align: center;
	margin-bottom: 20px;
	min-height: 248px;
}
.clum4List li.even {
	float: right;
}
div.starBox {
	background: none;
}
div.inrList ul li div.txtBox {
	width: 100%;
}
div.inrList ul li p.inrImg {
	width: 100%;
}
div.inrList ul li p.inrImg img {
	width: 100%;
}
.flL, .flR {
	float: none;
}
div.staffImg {
	float: none;
	margin: 0 auto 20px;
}
div.staffTxt {
	border: none;
	background: url(../cmn_img/bg_voice.gif) center top no-repeat;
	background-size: 100% auto;
	width: 100%;
	padding-left: 0;
	padding-top: 30px;
	padding-bottom:0;
	float: none;
	position: inherit;
}
div.staffTxt p.arrowIcon {
	display: none;
}
/* ======================= business ====== */

.clum2List li {
	width: 100%;
	float: none;
	margin-bottom: 30px;
}
.clum2List li.even {
	float: none;
}
.arrowTbl th, .arrowTbl td {
	width: 100%!important;
	display: block!important;
	border: none!important;
}
.arrowTbl th p {
	box-sizing: border-box;
	margin-bottom: 20px!important;
}
div.ancArea.businessAnc ul li.last {
	width: 100%;
}
.busiTxt {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
p.busiImg {
	width: 100%;
	float: none;
}
p.busiImg img {
	width: 100%;
}
/* ======================= brand ====== */

p.brandP {
	text-align: center;
	padding-top: 60px;
	margin-bottom: 30px;
}
p.brandP img {
	width: 80%;
	margin: 0 auto;
	max-width: 452px;
}
p.brandP02 {
	font-size: 20px !important;
	text-align: center;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	color: #359f9f;
	margin-bottom: 30px;
}
div.brandDiv {
	width: 100%;
	margin-bottom: 30px;
}
div.brandDiv p.brand_imgP {
	width: 100%;
	float: none !important;
	margin-bottom: 10px;
}
div.brandDiv p.brand_imgP img {
	width: 100%;
}
div.brandDiv div.brand_txtDiv {
	box-sizing: border-box;
	width: 100%;
	float: none !important;
}
div.brandDiv div.brand_txtDiv h3 {
	font-size: 16px !important;
	color: #359f9f;
	margin-bottom: 5px;
}
h2.brand_h2 {
	display: none;
}
h2.brand_h2_sp {
	display: inline-block;
	width: 100%;
}
h2.brand_h2_sp img {
	width: 100%;
}
/* ======================= anniversary ====== */



p.anniversary_txtBox {
	width: 94%;
	margin: 0 auto 20px;
	float: none;
}
p.anniversary_imgBox {
	width: 80%;
	margin: 0 auto;
	max-width: 230px;
	float: none;
}
p.anniversary_p02 {
	font-size: 20px !important;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	margin-bottom: 30px;
	text-align: center;
}
p.anniversary_p03 {
	width: 100%;
}
/* ======================= company ====== */


h3.title_h3_01 {
	background: url(../images/about/company_img15.gif) repeat-x scroll left center;
	margin-bottom: 20px;
}
h3.title_h3_01 span {
	font-size: 18px !important;
}
h3.title_h3_02 {
	background: url(../images/about/company_img16.gif) repeat-x scroll left center;
	margin-bottom: 10px;
}
h3.title_h3_02 span {
	font-size: 18px !important;
}
ul.numUl {
	padding-right: 0px;
	display: block;
}
ul.numUl li {
	padding: 15px 0 15px 45px;
	font-size: 16px !important;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-weight: bold;
	margin-bottom: 20px;
}
div.midoriBox {
	padding-left: 18px;
}
p.yellowMark {
	right: 2%;
}
p.yellowMark img.yellowMark01 {
	display: none;
}
p.yellowMark img.yellowMark02 {
	display: inline-block;
}
p.company_p01 {
	font-size: 16px !important;
	color: #359f9f;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}
p.company_p02 {
	width: 100%;
}
div.company_box01 {
	width: 100%;
	float: none;
}
div.company_box01 p {
	margin-bottom: 10px;
	max-width: 345px;
	margin: 0 auto;
}
div.company_box01 p img {
	width: 100%;
}
div.company_box02 {
	width: 100%;
	float: none;
}
table.company_table02 th {
	display: block;
	width: 100%;
}
table.company_table02 td {
	display: block;
	width: 100%;
}
table.company_table02 th p {
	width: 100%;
}

/* ======================= product ====== */


p.productImg {
	float: none;
	width: 200px;
	margin: 0 auto;
}
div.productTxt {
	float: none;
	width: 100%;
	padding-top: 10px;
}
.w100 {
	width: 100%!important;
	margin: 0!important;
}
}

/* ======================= add/20151127 ====== */

input[name="postal"] {
	width:30%!important;
}

input[size="40"] {
	width:90%;
}

.w290 {
	width:290px!important;
}

.w290 a {
	width:290px!important;
}

/* ======================= add/20160106 ====== */

div.ancArea ul li.caresWidth {
	width:363px;
}