@charset "utf-8";

/*!
 * フォント関連CSS
 */

/* フォント・見出し　基本
------------------------------------------------------------ */
@media screen and (min-width: 100px){ /* フォントサイズ(PC) */
	body {
		line-height: 1.6;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo/*,'ＭＳ Ｐゴシック','MS PGothic'*/,sans-serif;
		font-size: 13px;
		*font-size: small;
		/* font-family: Arial, Helvetica, sans-serif; */
	}
}
h1,h2,h3,h4,h5,h6 { /* 見出しのリセット */
	margin: 0;
	padding: 0;
	line-height: 1.4;
}
/* PC */
@media screen and (min-width: 768px){ /* 見出しのリセット */
	h1 {font-size: 174%; }
	h2 {font-size: 161.6%; }
	h3 {font-size: 146.5%; }
	h4 {font-size: 138.5%; }
	h5 {font-size: 123.1%; }
	h6 {font-size: 116%; }
}
/* TB,SP */
@media screen and (max-width: 767px){ /* 見出しのリセット */
	h1 {font-size: 161.6%; }
	h2 {font-size: 146.5%; }
	h3 {font-size: 138.5%; }
	h4 {font-size: 123.1%; }
	h5 {font-size: 116%; }
	h6 {font-size: 116%; }
}
em { /* 強調 */
	font-style: normal;
}
.smaller { /* 小さく */
	font-size: smaller;
}
.larger { /* 大きく */
	font-size: larger;
}

/* 見出し2
------------------------------------------------------------ */
.container h2 { /* 基本 */
	overflow: hidden;
	text-align: center;
	font-size: 231%;
	margin-bottom: 1ex;
}
.container h2 span.text { /* テキスト囲み(アイコン含む) */
	position: relative;
  display: inline-block;
  margin: 0 0;
  padding: 0 1ex;
  text-align: left;
	color: rgb(79,127,141);
  letter-spacing: 0.1ex;
}
.container h2 span.text:before,
.container h2 span.text:after { /* 左右ライン */
	position: absolute;
  top: 50%;
  content: '';
  width: 500%;
  height: 2px;
  background-color: rgb(151,188,199);
}
.container h2 span.text:before { /* 左ライン */
	right: 100%;
}
.container h2 span.text:after { /* 右ライン */
	left: 100%;
}
.container h2 span.CDSic { /* アイコン */
  margin-right: 0.5ex;
}
.container > h2 .small { /* 小さい文字 */
	display: inline;
	font-size: 57.7%;
}
/* TB,SP */
@media screen and (max-width: 767px){
	.container h2 { /* 基本 */
		font-size: 153.8%;
	}
	.container h2 span.text { /* テキスト囲み(アイコン含む) */
	  padding: 0 0.5ex;
		letter-spacing: 0;
	}
}

/* 現在募集中の職種
------------------------------------------------------------ */
#fss h3 { /* 現在募集中の職種 */
	font-size: 160%;
}

/* 見出し3
------------------------------------------------------------ */
.container h3 { /* 基本 */
	font-size: 200%;
}
/* TB,SP */
@media screen and (max-width: 767px){
	h3 { /* 基本 */
		font-size: 138.5%;
	}
	h3:first-of-type { /* コンテンツの最初 */
		margin-top: 1ex;
	}
}

/* アイコンフォント読込み
 * CONDENSEicon
 * http://icon.condense-c.com/
------------------------------------------------------------ */
@font-face { /* IE */
	font-family: CONDENSEicon;
	src: url(../fonts/CONDENSEicon.eot);
}
@font-face { /* Firefox, Opera, Safari */
	font-family: CONDENSEicon;
	src:url('../fonts/CONDENSEicon.woff') format('woff'),url('../fonts/CONDENSEicon.otf') format('opentype');
}
.CDSic {
	font-family: CONDENSEicon;
	font-weight: normal;
	margin: 0em;
}
.CDSic-home:before { /* ホーム */
	font-weight: normal;
	content: "A";
}
.CDSic-pencil:before { /* 鉛筆 */
	font-weight: normal;
	content: "B";
}
.CDSic-pen:before { /* ペン */
	content: "D";
}
.CDSic-filebooks:before { /* ファイル本(複数) */
	content: "M";
}
.CDSic-people3:before { /* 人(3人) */
	content: "¸";
}
.CDSic-man:before { /* 人(男性1人) */
	content: "˘";
}
.CDSic-filebox:before { /* ファイルボックス */
	content: "O";
}
.CDSic-tweet:before { /* つぶやき */
	content: "f";
}
.CDSic-clipboad:before { /* クリップボード */
	content: "J";
}
.CDSic-clock:before { /* 時計 */
	content: "!";
}
.CDSic-steering:before { /* ステアリング */
	content: "m";
}
.CDSic-speakerOn:before { /* スピーカー(オン) */
	content: "Ä";
}
.CDSic-arrowR:before { /* ＞ */
	content: "ú";
}
.CDSic-arrowL:before { /* ＜ */
	content: "ù";
}
.CDSic-arrowB:before { /* ∨ */
	content: "û";
}
.CDSic-arrowT:before { /* ∧ */
	content: "ü";
}
.CDSic-hamburger:before { /* ハンバーガー */
	content: "ˇ";
}
.CDSic-tel:before { /* 固定電話機 */
	content: ";";
}
.CDSic-mail:before { /* 手紙 */
	content: "F";
}
.CDSic-close:before { /* 閉じる×印 */
	content: "ò";
}

.CDSic-earth:before { /* 地球 */
	content: "Y";
}

.CDSic-book:before { /* 本 */
	content: "E";
}

.CDSic-thunder:before { /* 雷 */
	content: "8";
}

/* フォントカラー設定
 * 参考：原色大辞典
 * http://www.colordic.org/
 * 予め指定してある要素も上書きできる様に
 * アスタリスクを入れてある
------------------------------------------------------------ */
.container *.black {color: #000000;}
.container *.dimgray {color: #696969;}
.container *.gray {color: #808080;}
.container *.darkgray {color: #a9a9a9;}
.container *.silver {color: #c0c0c0;}
.container *.lightgrey {color: #d3d3d3;}
.container *.gainsboro {color: #dcdcdc;}
.container *.whitesmoke {color: #f5f5f5;}
.container *.white {color: #ffffff;}
.container *.snow {color: #fffafa;}
.container *.ghostwhite {color: #f8f8ff;}
.container *.floralwhite {color: #fffaf0;}
.container *.linen {color: #faf0e6;}
.container *.antiquewhite {color: #faebd7;}
.container *.papayawhip {color: #ffefd5;}
.container *.blanchedalmond {color: #ffebcd;}
.container *.bisque {color: #ffe4c4;}
.container *.moccasin {color: #ffe4b5;}
.container *.navajowhite {color: #ffdead;}
.container *.peachpuff {color: #ffdab9;}
.container *.mistyrose {color: #ffe4e1;}
.container *.lavenderblush {color: #fff0f5;}
.container *.seashell {color: #fff5ee;}
.container *.oldlace {color: #fdf5e6;}
.container *.ivory {color: #fffff0;}
.container *.honeydew {color: #f0fff0;}
.container *.mintcream {color: #f5fffa;}
.container *.azure {color: #f0ffff;}
.container *.aliceblue {color: #f0f8ff;}
.container *.lavender {color: #e6e6fa;}
.container *.lightsteelblue {color: #b0c4de;}
.container *.lightslategray {color: #778899;}
.container *.slategray {color: #708090;}
.container *.steelblue {color: #4682b4;}
.container *.royalblue {color: #4169e1;}
.container *.midnightblue {color: #191970;}
.container *.navy {color: #000080;}
.container *.darkblue {color: #00008b;}
.container *.mediumblue {color: #0000cd;}
.container *.blue {color: #0000ff;}
.container *.dodgerblue {color: #1e90ff;}
.container *.cornflowerblue {color: #6495ed;}
.container *.deepskyblue {color: #00bfff;}
.container *.lightskyblue {color: #87cefa;}
.container *.skyblue {color: #87ceeb;}
.container *.lightblue {color: #add8e6;}
.container *.powderblue {color: #b0e0e6;}
.container *.paleturquoise {color: #afeeee;}
.container *.lightcyan {color: #e0ffff;}
.container *.cyan {color: #00ffff;}
.container *.aqua {color: #00ffff;}
.container *.turquoise {color: #40e0d0;}
.container *.mediumturquoise {color: #48d1cc;}
.container *.darkturquoise {color: #00ced1;}
.container *.lightseagreen {color: #20b2aa;}
.container *.cadetblue {color: #5f9ea0;}
.container *.darkcyan {color: #008b8b;}
.container *.teal {color: #008080;}
.container *.darkslategray {color: #2f4f4f;}
.container *.darkgreen {color: #006400;}
.container *.green {color: #008000;}
.container *.forestgreen {color: #228b22;}
.container *.seagreen {color: #2e8b57;}
.container *.mediumseagreen {color: #3cb371;}
.container *.mediumaquamarine {color: #66cdaa;}
.container *.darkseagreen {color: #8fbc8f;}
.container *.aquamarine {color: #7fffd4;}
.container *.palegreen {color: #98fb98;}
.container *.lightgreen {color: #90ee90;}
.container *.springgreen {color: #00ff7f;}
.container *.mediumspringgreen {color: #00fa9a;}
.container *.lawngreen {color: #7cfc00;}
.container *.chartreuse {color: #7fff00;}
.container *.greenyellow {color: #adff2f;}
.container *.lime {color: #00ff00;}
.container *.limegreen {color: #32cd32;}
.container *.yellowgreen {color: #9acd32;}
.container *.darkolivegreen {color: #556b2f;}
.container *.olivedrab {color: #6b8e23;}
.container *.olive {color: #808000;}
.container *.darkkhaki {color: #bdb76b;}
.container *.palegoldenrod {color: #eee8aa;}
.container *.cornsilk {color: #fff8dc;}
.container *.beige {color: #f5f5dc;}
.container *.lightyellow {color: #ffffe0;}
.container *.lightgoldenrodyellow {color: #fafad2;}
.container *.lemonchiffon {color: #fffacd;}
.container *.wheat {color: #f5deb3;}
.container *.burlywood {color: #deb887;}
.container *.tan {color: #d2b48c;}
.container *.khaki {color: #f0e68c;}
.container *.yellow {color: #ffff00;}
.container *.gold {color: #ffd700;}
.container *.orange {color: #ffa500;}
.container *.sandybrown {color: #f4a460;}
.container *.darkorange {color: #ff8c00;}
.container *.goldenrod {color: #daa520;}
.container *.peru {color: #cd853f;}
.container *.darkgoldenrod {color: #b8860b;}
.container *.chocolate {color: #d2691e;}
.container *.sienna {color: #a0522d;}
.container *.saddlebrown {color: #8b4513;}
.container *.maroon {color: #800000;}
.container *.darkred {color: #8b0000;}
.container *.brown {color: #a52a2a;}
.container *.firebrick {color: #b22222;}
.container *.indianred {color: #cd5c5c;}
.container *.rosybrown {color: #bc8f8f;}
.container *.darksalmon {color: #e9967a;}
.container *.lightcoral {color: #f08080;}
.container *.salmon {color: #fa8072;}
.container *.lightsalmon {color: #ffa07a;}
.container *.coral {color: #ff7f50;}
.container *.tomato {color: #ff6347;}
.container *.orangered {color: #ff4500;}
.container *.red {color: #ff0000;}
.container *.crimson {color: #dc143c;}
.container *.mediumvioletred {color: #c71585;}
.container *.deeppink {color: #ff1493;}
.container *.hotpink {color: #ff69b4;}
.container *.palevioletred {color: #db7093;}
.container *.pink {color: #ffc0cb;}
.container *.lightpink {color: #ffb6c1;}
.container *.thistle {color: #d8bfd8;}
.container *.magenta {color: #ff00ff;}
.container *.fuchsia {color: #ff00ff;}
.container *.violet {color: #ee82ee;}
.container *.plum {color: #dda0dd;}
.container *.orchid {color: #da70d6;}
.container *.mediumorchid {color: #ba55d3;}
.container *.darkorchid {color: #9932cc;}
.container *.darkviolet {color: #9400d3;}
.container *.darkmagenta {color: #8b008b;}
.container *.purple {color: #800080;}
.container *.indigo {color: #4b0082;}
.container *.darkslateblue {color: #483d8b;}
.container *.blueviolet {color: #8a2be2;}
.container *.mediumpurple {color: #9370db;}
.container *.slateblue {color: #6a5acd;}
.container *.mediumslateblue {color: #7b68ee;}

/* フォントカラー設定
------------------------------------------------------------ */
/* 白文字 */
.text-white, a.text-white {color: #fff;}
/* 赤文字 */
.text-red, a.text-red {color: #e1021e;}
/* 青文字 */
.text-blue, a.text-blue {color: rgb(51,138,220);}
/* 赤バック(日/祝) */
.bg-red {background-color: rgb(255,240,240);}
/* 青バック(土) */
.bg-blue {background-color: rgb(229,240,255);}

/* 文字色
------------------------------------------------------------ */
.dark-red { /* ダークレッド */
	color: rgb(153,0,0);
}

/* 行間
------------------------------------------------------------ */
.line-height1 { /* 行間1(行間無し) */
	line-height: 1;
}

/* 文字間隔調整
 * 主に文字の幅を揃える時に使用する
 * 使い方
 * 以下の記述では文字間が半角空く
 * <span class="mojikan1ex">あいう</span>え
 * 注意：全部を囲むと最後の後にも空白が入る
------------------------------------------------------------ */
.mojikan1ex { /* 半角空け */
	display: inline-block;
	letter-spacing: 1ex;
	margin-right: -1ex;
}
.mojikan1em { /* 全角空け */
	display: inline-block;
	letter-spacing: 1em;
	margin-right: -1em;
}
.mojikan2em { /* 全角２つ空け */
	display: inline-block;
	letter-spacing: 2em;
	margin-right: -2em;
}

/* --YouTubeサイズ調整-- */
.video {
position: relative;
height: 0;
width: 100%;
padding: 8px 0 58%;
overflow: hidden;
}

.video iframe {
position: absolute;
width: 100%;
height: 100%;
}