@charset "shift_jis"; 

/*********************************************************
共通設定
*********************************************************/


/*
見出し
*********************************************************/

h1{}
/*ページタイトル*/
h2 {
	color:#fe0002;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
}
h2 span {
	display:block;
	font-family: 'Yellowtail', cursive;
	font-size:4em;
	font-weight:normal;
	color:#222;
	letter-spacing:3px;
	line-height:1.2em;
}
.secondContents .block2 h2 {
	color:#fff;
	font-size:2em;
	margin-bottom:60px;
}
/*タイトル*/
h3{}
.secondContents h3 {
	color:#fff;
	font-size:1.4em;
	font-weight:bold;
	padding:0 0 20px 0;
	border-bottom:1px solid #fff;
	margin-bottom:20px;
}
/*サブタイトル*/
h4{}

/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 1025px){
}
/*IE*/
@media all and (-ms-high-contrast:none){
}


/*
共通-コンテンツ
*********************************************************/

.contents { padding:20px 0; }
.contents2 { padding:20px 0; border-bottom:1px solid #ddd; }
.mailBn img {
	/*シャドウ（順序 横・下・ぼかし・広がり・色）*********************/ 
	box-shadow: 0 0 3px 0px rgba(0,0,0,0.3); 
	-moz-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3); 
	-o-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3);
}
.recruitBn {
	background:url(../images/common/recBg.jpg) top center no-repeat;
	background-size:cover;
}
.btnContact {
	display:block;
}
.btnContact a {
	display:inline-block;
	padding:20px 40px;
	text-align:center;
	border-radius: 7px;        /* CSS3草案 */  
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	background:#fe0002;
	text-decoration:none;
}

/*TABLET*/
@media only screen and (min-width : 600px){
	.contents,.contents2 { padding:40px 0; }
}
/*PC*/
@media only screen and (min-width : 1025px){
	.contents,.contents2 { padding:60px 0; }
}



/*
ヘッダー
*********************************************************/
#header{
	clear:both;
	float:none;
	padding:0;
	}
.logo {
	float:left;
	width:330px;
}
.logo img { max-height:60px; }
.drawer-menu li:nth-child(5) {
	margin-right:0px;
}
.drawer-menu li:nth-child(5),
.drawer-menu li:nth-child(6) {
	margin-top:0;
}
.drawer-menu li a.menuRec {
	background:#333;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	text-align:center;
	color:#fff;
	padding:20px 0;
	margin-bottom:15px;
}
.drawer-menu li a.menuInq {
	background:#fe0002;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	text-align:center;
	padding:20px 0;
	color:#fff;
}

/*TABLET*/
@media only screen and (min-width : 600px){
.drawer-menu li:nth-child(5) {
	margin-top:15px;
}
.drawer-menu li:nth-child(6) {
	margin-top:10px;
}
.logo img { max-height:86px; }
}
/*PC*/
@media only screen and (min-width : 1025px){
.drawer-menu li a.menuRec {
	padding:10px 30px;
}
.drawer-menu li a.menuInq {
	padding:10px 30px;
}
}

/*IE*/
@media all and (-ms-high-contrast:none){
}


/*
フッター
*********************************************************/
.recBn {
	position:relative;
	background:url(../images/common/recBg.jpg) top center no-repeat;
	background-size:cover;
	padding:20px 0;
}
.recBn img {
	margin:auto;
}
/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 1025px){
.recBn {
	padding:70px 0;
}
}

#footer{
	/*position: absolute; ←wrapperの一番下に表示 */
	bottom: 0;
	left:0;
	width:100%;
	clear:both;
	float:none;
	padding:20px 0;
	}
.copyright{
	font-size:0.6em;
	line-height:1;
	text-align:center;
	}
/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 1025px){
	#footer{padding:30px 0;}
}
/*IE*/
@media all and (-ms-high-contrast:none){
}


/*********************************************************
メインイメージ
*/

.mainImg{
	position: relative;
}
.mainImg h1 {
	z-index:2;
}

/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 1025px){
}


/*********************************************************
index
*/

.block1 {
	clear:both;
	display:block;
	position:relative;
	background:url(../images/index/blc1_bg.jpg) top center no-repeat;
	background-size:cover;
	padding:40px 0;
}
.blc1Logo {
	margin-bottom:20px;
}
.block1 dl {
	width:100%;
	margin-bottom:30px;
}
.block1 dl dt {
	margin-bottom:20px;
	font-size:1.8em;
	font-weight:bold;
	line-height:1.6em;
}
.block1 dl dt span {
	display:inline-block;
	color:#C00;
}
.block1 dl dd {
	line-height:2em;
	font-size:1em;
}
.blc1Img {
	position:relative;
	top:0;
	right:0;
	max-width:833px;
	width:92%;
	margin:auto;
}

/*PC*/
@media only screen and (min-width : 1025px){
.block1 {
	padding:100px 0;
}
.block1 dl {
	width:48%;
	margin-bottom:0;
}
.block1 dl dd {
	font-size:0.95em;
}
.blc1Img {
	position:absolute;
	top:50%;
	right:0px;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	max-width:833px;
	width:50%;
}
}

.block2 {
	clear:both;
	display:block;
	position:relative;
	background:url(../images/index/blc2_bg.jpg) top center no-repeat;
	background-size:cover;
	padding:40px 0;
}
.block2 .column1-2 li {
	background:#fff;
	/*シャドウ（順序 横・下・ぼかし・広がり・色）*********************/ 
	box-shadow: 0 0 3px 0px rgba(0,0,0,0.3); 
	-moz-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3); 
	-o-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3);
}
.block2 .column1-2 li:first-child {
	margin-bottom:20px;
}
.block2 .column1-2 li dl {
	padding:30px;
}
.block2 .column1-2 li dt {
	color:#fe0002;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:10px;
}
.block2 .column1-2 li dd a {
	text-decoration:underline;
	line-height:1.6em;
	color:#222;
	font-size:0.9em;
}
.facility .block2 table th,
.facility .block2 table td {
	text-align:center;
}
/*PC*/
@media only screen and (min-width : 1025px){
.block2 {
	padding:100px 0;
}
}

.block3 {
	clear:both;
	position:relative;
	padding:40px 0;
	background:url(../images/index/blc3_bg.jpg) top center no-repeat;
	background-size:cover;
}
.block3 ul {
	background:#fff;
	/*シャドウ（順序 横・下・ぼかし・広がり・色）*********************/ 
	box-shadow: 0 0 3px 0px rgba(0,0,0,0.3); 
	-moz-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3); 
	-o-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3);
	padding:30px;
	margin-bottom:30px;
	border-radius: 7px;        /* CSS3草案 */  
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */
}
.topItems li {
	display:inline-block;
	padding:10px;
	margin:10px 10px;
	background:#f7f7f7;
	border-radius: 7px;        /* CSS3草案 */  
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */
	text-align:center;
}

/*2-3
*****************************************************/
/*SP*/
.aboutCard{}
.aboutCard > *{
	float:left;
	list-style:none;
	width:49%;
	margin-right:2%;
	margin-bottom:10px;
	}
.aboutCard > *:nth-child(2n){margin-right:0;}
.aboutCard:after {display: block;content:'';clear: both;height: 0;visibility: hidden;}
/*TABLET*/
@media only screen and (min-width : 600px){
	.aboutCard > *{
		float:left;
		list-style:none;
		width:32%;
		margin-right:2%;
		margin-bottom:20px;
		}
	.aboutCard > *:nth-child(2n){margin-right:2%;}
	.aboutCard > *:nth-child(3n){margin-right:0 !important;}
}

.block3 ul.aboutCard {
	background:none;
	/*シャドウ（順序 横・下・ぼかし・広がり・色）*********************/ 
	box-shadow: 0 0 0 0 rgba(0,0,0,0); 
	-moz-box-shadow: 0 0 0x 0 rgba(0,0,0,0); 
	-o-box-shadow: 0 0 0 0 rgba(0,0,0,0); 
	-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
	padding:0;
	margin-bottom:0;
	border-radius: 0;        /* CSS3草案 */  
	-webkit-border-radius: 0;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 0;   /* Firefox用 */
}

.topAbout .aboutCard li {
	background:#ffffff;
	padding:20px;
	border-radius: 7px;        /* CSS3草案 */  
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */
	box-shadow: 0 0 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3);
	-o-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3);
}
.topAbout .aboutCard dt {
	padding:0 0 10px;
	color:#fe0002;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:10px;
}
.topAbout .aboutCard dd {
}

/*PC*/
@media only screen and (min-width : 1025px){
.block3 {
	padding:100px 0;
}
}

.block4 {
	clear:both;
	position:relative;
	padding:40px 0;
	background:#f7f7f7;
}
/*PC*/
@media only screen and (min-width : 1025px){
.block4 {
	padding:100px 0;
}
}


/*NEWS*/
.newsScroll{
	max-height:139px;
	overflow-y:auto;
	padding:10px 30px;
	background:#fff;
	border-radius: 7px;        /* CSS3草案 */  
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */
	}
	.newsScroll::-webkit-scrollbar {
    width: 5px;
		}
	.newsScroll::-webkit-scrollbar-track {
    background-color:#ddd;
		}
 	.newsScroll::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		background-color:#ccc;
		}

.news {
	border-bottom:#ccc solid 1px;
}
.news dd{
	float:none;
	clear:both;
	padding:20px 10px;
	
	}
.news dt{
	display:inline-block;
	margin-right:20px;
	padding:5px 0;
	font-weight:bold;
	color:#fe0002;
	}
.news dd{
	display:inline-block;
}
.news .newsCate{
	}
	.newsCate.cate1{border-color:#237e80;}
	.newsCate.cate2{border-color:#941ca2;}
	.newsCate.cate3{border-color:#eb7620;}
	.newsCate.cate4{border-color:#1044d8;}
	.newsCate.cate5{border-color:#d5d200;}

.news a{ text-decoration:none; }

/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 1025px){
	.news dl{
		padding:20px;
		}
	.news .newsCate{
		float:left;
		}
	.news .newsTtl{
		float:left;
		clear:none;
		padding:5px 0 5px 40px;
		width : 80% ;
		width : -webkit-calc(100% - 280px) ;
		width : calc(100% - 280px) ;
	}
}
/*IE*/
@media all and (-ms-high-contrast:none){
}



/*********************************************************
2nd
*/

.secondContents {
}

.secondContents .block1 {
	clear:both;
	display:block;
	position:relative;
	background:url(../images/index/blc1_bg.jpg) top center no-repeat;
	background-size:cover;
	padding:40px 0;
}
.secondContents .block1 dl {
	width:100%;
	margin-bottom:30px;
}
.secondContents .block1 dl dt {
	margin-bottom:30px;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.6em;
	text-align:center;
}
.secondContents .block1 dl dt span {
	display:inline-block;
	color:#C00;
}
.secondContents .block1 dl dd {
	line-height:2em;
	font-size:1em;
}
/*PC*/
@media only screen and (min-width : 1025px){
.secondContents .block1 {
	padding:100px 0;
}
.secondContents .block1 dl dd {
	font-size:0.95em;
	width:65%;
	margin:auto;
}
}


/** 設備紹介 ********************************************/
.facility .block2 .column1-2 li {
	background:none;
	/*シャドウ（順序 横・下・ぼかし・広がり・色）*********************/ 
	box-shadow: 0 0 0 0 rgba(0,0,0,0); 
	-moz-box-shadow: 0 0 0 0 rgba(0,0,0,0); 
	-o-box-shadow: 0 0 0 0 rgba(0,0,0,0); 
	-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
.facility .block2 .column1-2 li {
	margin-bottom:30px;
}
.facility .block2 .column1-2 li p {
	background:#fff;
	padding:15px;
}
.facility .block2 .column1-2 li img {
	margin:auto;
}
.gallery li span {
	display:block;
	font-size:0.9em;
	margin-top:5px;
}
/*PC*/
@media only screen and (min-width : 1025px){
.facility .block2 .column1-2 li p {
	padding:30px;
}
}


/** 商品紹介 ********************************************/
.itemList li span {
	display:block;
	font-size:0.9em;
	margin-top:5px;
	color:#fff;
}


/** 求人情報 ********************************************/
.method p {
	text-align:left;
	margin-bottom:30px;
}
.method dl {
	padding:20px;
	background:#f7f7f7;
	border-radius: 7px;        /* CSS3草案 */  
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */
	text-align:left;
}
.method dl dt {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
}
/*PC*/
@media only screen and (min-width : 1025px){
.method p {
	text-align:center;
}
.method dl {
	text-align:center;
}
}




/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 1025px){
}
/*IE*/
@media all and (-ms-high-contrast:none){
}