/**--==================================  1200px以上(lg)  **/
@media (max-width: 1400px) {
  
.detail_box h3 {/* キャッチ */
	font-weight: bold;
	margin: 2% 0 2% 0;
	font-size: 32px;
	line-height: 120%;
    font-family : YuMincho,/* Mac用 */'Yu Mincho',/* Windows用 */"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
}
/**--==================================  1199px以上(md)   **/
@media (max-width: 1199px) {
/**-----------------------------------------------  detail  **/ 
#detail {
	-webkit-text-size-adjust: none;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
    #scroll {
    position: fixed;
    bottom: 10%;
    right: 0;
    left: 0;
}
    
.detail_box h3 {/* キャッチ */
	font-weight: bold;
	margin: 2% 0 2% 0;
	font-size: 32px;
	line-height: 120%;
    font-family : YuMincho,/* Mac用 */'Yu Mincho',/* Windows用 */"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
}
/**--==================================  991px以上(sm)   **/
@media (max-width: 991px) {
footer {
	padding: 10% 0 5% 0;
	color: #fff;
}
 input[type="button"],input[type="submit"] {
    border-radius: 0;
	-webkit-appearance: none;
  }
/*------ global navigation  */
header {/* ついてくるメニュー */
	height: 50px;
}
header img {
	margin-top: 4%;
}
header nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -362px;
        width: 100%;
        left: 0;
        margin: 0;
        text-align: center;
        padding: 10px 0 0 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        z-index: 9999;
    overflow: hidden;
}
header nav #global-nav {
    list-style: none;
    position: relative;
    right: 0;
    top: 0;
    width: 106%;
    background: rgba(255,255,255,0.95);
		border-top: 1px solid #ccc;
    z-index: 9999;
}
header nav h2 {
    font-size: 18px;
        width: 100%;
        display: block;
        color: #333;
    font-weight: bold;
        padding: 15px 0 15px 10px;
		border-bottom: 1px solid #ccc;
        z-index: 9999;
}
header nav h2.line {
		border-right: 1px solid #ccc;
}
#nav-toggle {
        display: block;
}
/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
}
.open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-3sdeg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
}
/* #global-nav スライドアニメーション */
.open nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(402px);
        -webkit-transform: translateY(402px);
        transform: translateY(402px);
}
/**-----------------------------------------------  top  **/
    
#top {
	background-size: cover;
}
.backcolor02 {/* 職種部分の背景 */
	margin-top: 8%;
	padding: 1% 0 5% 0;
}
/* キャッチコピー部分 */ 
h3 {/* キャッチ */
	margin: 10% 0 5% 0;
	font-size: 28px;
}
.backcolor hr {/* キャッチ内のラインの指定 */
	margin: 0 auto 5% auto;
}
.backcolor p {/* キャッチ内の詳細文章 */
	font-size: 14px;
	line-height: 160%;
}
/**-----------------------------------------------  detail  **/ 
#detail {
	-webkit-text-size-adjust: none;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.frame h3 {/* キャッチ */
	font-size: 30px;
}
.frame {
	padding: 15% 0 15% 0;
	width:80%;
	margin: 50px auto 0 auto;;
}
/* エリア① */
.detail_box {
	width: 90%;
	margin: 10% auto 10% auto;
}
.detail_box h3 {/* キャッチ */
	font-size: 30px;
}
/* エリア② */
.frame02 {
	background-size: cover;
}
.frame02 .col-md-3 img {
    width: 270px;
    margin: 0 auto;
}
/* エリア③ */    
.frame03 h2,
.frame04 h2 {/* tタイトル */
	font-size: 30px;
}
#scroll {
    display: none;
}
/**-----------------------------------------------  pagetop  **/
#pagetop {
    z-index: 1000;
    width: 50px;
    position: fixed;
    top: 0;
    right: 50px;
    z-index: 100;
	cursor: pointer;
}
/**-----------------------------------------------  contact  **/ 
.frame04 iframe {
	height: 1100px;
}
.frame04 table th {
	padding: 2% 3% 2% 0;
	font-size: 16px;
	text-align: left;
    display: block;
	width: 100%;
	vertical-align: top;
	color: #333;
	font-weight: bold;
	line-height: 150%;
	border-right: none;
}
.frame04 table td {
    display: block;
	width: 100%;
	font-size: 16x;
	text-align: left;
	padding: 2% 2% 2% 3%;
	color: #333;
	font-weight: 444;
	line-height: 150%;
}
.red_btn {
	width: 80%;
	margin-top: 15px;
}
}

/**--==================================  768px以下(xs)  **/
@media screen and (max-width: 768px) {
 /**-----------------------------------------------  top  **/

}