@charset "utf-8";
/* CSS Document */

/* (横画像）スマホ以外 */
@media only screen and (orientation : landscape) {
}
/* (縦画像） */
@media only screen and (orientation : portrait) {
}

/*
iPhone6 device-pixel-ratio: 2.0
縦：375px 559px／横：667px・375px

iPhone 6 Plus device-pixel-ratio: 3.0
縦：414px・628px／横：736px・414px
*/

/*スマホ、767px以下 */
@media
only screen and (max-width: 767px) {
.inner { width: 90%;}
.outer { background:none !important; }
#slide3 h2 { margin: 0 !important; } #slide3 { padding: 20px 0 60px; }
#slide1 h2, #slide3 h2, #slide6 h2 { margin: 20px auto 40px;}
#slide1 h3 { margin: 20px auto; height: 100%;}
.mado { height: 100%;}
.grid { width: 100% !important;}
.g1, .g2, .g3 { width: 100% !important; float: none !important; }

#slide3 .inner { width: 80%;}
/*#recruit table.type1 { width: 90%;}*/
.inner p{ letter-spacing:0.1em !important; }
ul.type2 { width: 90%;}

/*---------共通-------------*/
.slide { padding: 20px 2em !important; }
br.spnone { display: none !important; } /*スマホのみ改行を消す*/
span.spbr, .spbr { display: block; }
/*---------メニュー-------------*/
div#navwrap { display: none !important; }
div#menu-box { display: block; }
#menu { display: none ; }
div#toggle{
	display: block !important;
	position: fixed!important;
	top: 0!important;
	width: 100%;
	background: #111;
	color: #fff;
	text-align: center;
	text-decoration: none;
	z-index:10;
}
#mobile-nav {
	position: fixed!important;
	top: 0!important;
}
div#menu-box {
	position: fixed!important;
	top: 0!important;
	width: 100%;
	z-index: 10;
	text-align: center;
}
ul#menu {
	position: fixed!important;
	top: 50px!important;
	padding: 0 0 16px 0;	
	text-align: center;
	display: bolock;
	width: 100%;
	border-bottom: none !important;
	border-top: 1px solid #8f7e78;
	margin: 0;
}
ul#kotei {
	display:block !important;
	position: fixed;
	background: #111;
	width: 100%;
	height: 50px;
}
ul#kotei li.menulogo {
	position: fixed;
	top: 2px;
	left: 10px;
}
ul#menu li {
	display: block !important;
	text-align: left;	
	background: rgba(0,0,0,0.8);
	margin: 0;
	margin-left: 0 !important;	
	font-size: 1.1em;
}
ul#menu li a {
	display:block;
	color: #fff;
	padding: 10px 20px 5px 15px;
	border-bottom: 1px solid #444;
	height: 2.5em;
}
ul#menu a:visited {
	color: #fff;
}
ul#menu a:hover {
	color: #ccc;
}
.ce {
	width: 280px;
	height: 158px;
	position: absolute;
	top:55%;
	left:50%;
	margin: -79px 0 0 -140px;
}
#bgfirst {
	background: url(../img/bg_first.jpg) ;
	height: 100%;
	overflow: hidden;
}

}

/***** Phone横 (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
/*メニュー575以下 */
@media
only screen and (max-width: 575px) {
#slide2 .circle { width: 420px; height: 420px; }
#slide2 h2 { padding: 30px auto 0; margin:20px auto 10px; }
}
/*メニュー495以下 */
@media
only screen and (max-width: 495px) {
#slide2 .circle { width: 100%; height: auto; padding: 40px 2em 40px;
	-webkit-border-radius: 0%;
	-moz-border-radius: 0%;
	border-radius: 0%;
}
#slide2 { height: 100%;}
#slide2 h2 { padding:0; margin:20px auto 10px; }
}
/*メニュー449以下 */
@media
only screen and (max-width: 449px) {
#slide2 h2 { padding:0; margin:0px auto 10px; }

}
/* iPad mini サイズ（縦用）768px以上 */
@media 
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.inner { width: 90% !important; }

}


/*----------------------------------
	grid
------------------------------------*/
[class*="grid_"] img {
  max-width: 100%;
  height: auto;
}


/***** 1200px以上（ワイド画面用） *****/
@media only screen and (min-width:1200px) {
.inner { margin:0 auto; width:960px; overflow:hidden; }
.outer { background: url(../img/bg_outer.png) no-repeat center 0; }
}

/***** 956px以上（PC画面用） *****/
@media only screen and (min-width:956px) {

}
/***** 1044px以下（PC画面用） *****/
@media only screen and (max-width:1044px) {
.grid { width: 80%; }
}
/***** 1036px以下（PC画面用） *****/
@media only screen and (max-width:1036px) {
.g1, .g2, .g3 { width: 33%;}
}

/***** 960以下（メニュー） *****/
@media only screen and (max-width:960px) {
#navi { width: 100%; }
#navi li { float: none; margin: 0 3.3%; }
#navi li a { padding: 10px; }
}

/***** 955px以下（PC画面用） *****/
@media only screen and (max-width:955px) {
.inner { width: 100%; margin: 0 auto; }
.grid { width: 100%; }
.g1, .g2, .g3 { width: 33%; float: left; padding: 0 20px;}
}

/***** 900px以下（メニュー） *****/
@media screen and (max-width:900px){
}
/***** 939px以下（メニュー2行上部余白つめ） *****/
@media screen and (max-width:939px){
.ce {
	width: 300px;
	height: 125px;
	position: absolute;
	top:50%;
	left:50%;
	margin: -35px 0 0 -150px;
}
#logo2 img { width: 240px; heigt:124px; }

}

/***** 916px以下（着こなし） *****/
@media screen and (max-width:916px){


}


/*830以下メニュー折り返しの為調整（アンドロイドは800） */
@media only screen and (max-width: 830px) {



}
/***** タブレット 790px以下 *****/
@media only screen and (max-width: 790px) {

.bnrtell li {  display: block; float: none !important; width: 100% !important;}
.bnrtell .fr { float: none !important; width: 100%; padding-top: 10px !important; }


/***** 699px以下（メニュー★システム下table） *****/
@media screen and (max-width:699px){
ul.type2 { width: 96%; }
#navwrap { height: 50px; }
#navi li { font-size: 1.1em; height: 50px; line-height: 1.6; }
#navi li a { height: 50px; }
}

/***** 620px以下（スマホ版） *****/
@media only screen and (max-width: 620px) {
#logo2 img { width: 240px; heigt:124px; }

}
/*575px以下 */
@media only screen and (max-width: 575px) {
#recruit table.type1 th { width: 25%; }

}

/***** スマホ 500px以下 *****/
@media only screen and (max-width: 500px) {
.slide p { font-size: 1em; }


}
/***** スマホ 423px以下 *****/
@media only screen and (max-width: 423px) {
#recruit table.type1 th { width: 4em; }
}
/***** スマホ 415px以下 *****/
@media only screen and (max-width: 423px) {
.weblink li a  { font-size: 1em; letter-spacing: -0.1em; padding: 10px 20px; }
#tel { font-size: 1.6em; }

/***** スマホ 383px以下 *****/
@media only screen and (max-width: 383px) {
br.spnone3 { display: none !important; } /*スマホのみ改行を消す*/
span.spbr3, .spbr3 { display: block; }
}
/***** スマホiPhone6 360px以下 *****/
@media only screen and (max-width: 360px) {
.g1, .g2, .g3 { float: none; padding:0 !important; margin: 0 auto; width: 100%;}
br.spnone2 { display: none !important; } /*スマホのみ改行を消す*/
span.spbr2, .spbr2 { display: block; }
.weblink li a { width: 100%; paddng: 10px 0; }
}
/***** スマホiPhone5 320px以下 *****/
@media only screen and (max-width: 320px) {
.spacing { letter-spacing: -0.05em; }
ul.type2 { padding: 40px 1.5em;}


}