wk⇒カミングスーン
一番いい感じのCSS
*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_cssslider {
width: 800px;
padding-top: 440px; /* 画像の高さ */
position: relative;
margin: 2em auto;
text-align: center;
}
.cp_cssslider > img {
position: absolute;
left: 0;
top: 0;
transition: all 0.5s;
border-radius: 3px;
box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
}
.cp_cssslider input[name='cp_switch'] {
display: none;
}
/* サムネイル */
.cp_cssslider label {
margin: 15px 5px 0 5px;
border: 2px solid #ffffff;
display: inline-block;
cursor: pointer;
transition: all 0.5s ease;
opacity: 0.6;
border-radius: 3px;
}
.cp_cssslider label:hover {
opacity: 0.9;
}
.cp_cssslider label img {
display: block;
width: 40px;
border-radius: 2px;
}
.cp_cssslider input[name='cp_switch']:checked + label {
border: 2px solid #FF7043;
opacity: 1;
}
.cp_cssslider input[name='cp_switch'] ~ img {
opacity: 0;
}
.cp_cssslider input[name='cp_switch']:checked + label + img {
opacity: 1;
}
CSS
/* カルーセル全体 */
.carousel {
/* 水平方向中央寄せ */
display: flex;
justify-content: center;
}
/* カルーセル内容 */
.contains1 {
/* サイズは自由に変更してください。*/
/* 下の.slideも同じサイズにしてください。 */
width: 680px;
height: 380px;
overflow: hidden;
position: relative;
padding: 0;
list-style: none;
}
/* スライド切り換え用ラジオボタンは常に非表示 */
.slide_select {
display: none;
}
/* 各スライド */
.slide {
/* サイズは自由に変更してください。*/
/* 上の.containsも同じサイズにしてください。 */
width: 680px;
height: 380px;
position: absolute;
/* スライドの初期値は選択されていないので透明にしておく */
opacity: 0;
}
/* 前へ次へボタン */
.scroll_button {
position: absolute;
display: block;
height: 30px;
width: 30px;
/* 縦中央から20px上の位置 */
top: 50%;
margin-top: -20px;
/* 上辺と右辺のみ幅5pxの枠線 */
border-width: 5px 5px 0 0;
border-style: solid;
border-color: #fdfdfd;
cursor: pointer;
/* 普段はボタンはやや薄くする */
opacity: 0.5;
/* スライドよりも前面にする */
z-index: 3;
}
/* ホバー時にボタンを強調 */
.scroll_button:hover {
opacity: 1;
}
/* 前へボタン */
.scroll_prev {
left: 15px;
/* 上辺と右辺の枠線を回転して"＜"にする */
transform: rotate(-135deg);
}
/* 次へボタン */
.scroll_next {
right: 15px;
/* 上辺と右辺の枠線を回転して"＞"にする */
transform: rotate(45deg);
}
/* スライド移動ボタンエリア */
.move_controler {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
}
/* スライド移動の各ボタン */
.button_move {
display: inline-block;
height: 15px;
width: 15px;
margin: 0 2px;
border-radius: 100%;
cursor: pointer;
/* 普段はやや薄くする */
opacity: 0.5;
/* スライドより前面にする */
z-index: 2;
}
/* ホバー時はやや明るくする */
.button_move:hover {
opacity: 0.75;
}
/* スライド移動ボタンの色 */
.button_move {
background-color: #fdfdfd;
}
/* 1番目のスライド選択時 */
/* 1番目のスライドの透明度を0にして表示する */
.slide_select:nth-of-type(1):checked ~ .slide:nth-of-type(1) {
opacity: 1;
}
/* 1番目のスライドの前へ次へボタンの領域を */
.slide_select:nth-of-type(1):checked
~ .move_controler
.button_move:nth-of-type(1) {
opacity: 1;
}
.slide_select:nth-of-type(2):checked ~ .slide:nth-of-type(2) {
opacity: 1;
}
.slide_select:nth-of-type(2):checked
~ .move_controler
.button_move:nth-of-type(2) {
opacity: 1;
}
.slide_select:nth-of-type(3):checked ~ .slide:nth-of-type(3) {
opacity: 1;
}
.slide_select:nth-of-type(3):checked
~ .move_controler
.button_move:nth-of-type(3) {
opacity: 1;
}
.slide_select:nth-of-type(4):checked ~ .slide:nth-of-type(4) {
opacity: 1;
}
.slide_select:nth-of-type(4):checked
~ .move_controler
.button_move:nth-of-type(4) {
opacity: 1;
}
/* カルーセル全体 */
.carousel {
/* 水平方向中央寄せ */
display: flex;
justify-content: center;
}
/* カルーセル内容 */
.contains2 {
/* サイズは自由に変更してください。*/
/* 下の.slideも同じサイズにしてください。 */
width: 320px;
height: 180px;
overflow: hidden;
position: relative;
padding: 0;
list-style: none;
}
/* スライド切り換え用ラジオボタンは常に非表示 */
.slide_select {
display: none;
}
/* 各スライド */
.slide {
/* サイズは自由に変更してください。*/
/* 上の.containsも同じサイズにしてください。 */
width: 320px;
height: 180px;
position: absolute;
/* スライドの初期値は選択されていないので透明にしておく */
opacity: 0;
}
/* 前へ次へボタン */
.scroll_button {
position: absolute;
display: block;
height: 30px;
width: 30px;
/* 縦中央から20px上の位置 */
top: 50%;
margin-top: -20px;
/* 上辺と右辺のみ幅5pxの枠線 */
border-width: 5px 5px 0 0;
border-style: solid;
border-color: #fdfdfd;
cursor: pointer;
/* 普段はボタンはやや薄くする */
opacity: 0.5;
/* スライドよりも前面にする */
z-index: 3;
}
/* ホバー時にボタンを強調 */
.scroll_button:hover {
opacity: 1;
}
/* 前へボタン */
.scroll_prev {
left: 15px;
/* 上辺と右辺の枠線を回転して"＜"にする */
transform: rotate(-135deg);
}
/* 次へボタン */
.scroll_next {
right: 15px;
/* 上辺と右辺の枠線を回転して"＞"にする */
transform: rotate(45deg);
}
/* スライド移動ボタンエリア */
.move_controler {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
}
/* スライド移動の各ボタン */
.button_move {
display: inline-block;
height: 15px;
width: 15px;
margin: 0 2px;
border-radius: 100%;
cursor: pointer;
/* 普段はやや薄くする */
opacity: 0.5;
/* スライドより前面にする */
z-index: 2;
}
/* ホバー時はやや明るくする */
.button_move:hover {
opacity: 0.75;
}
/* スライド移動ボタンの色 */
.button_move {
background-color: #fdfdfd;
}
/* 1番目のスライド選択時 */
/* 1番目のスライドの透明度を0にして表示する */
.slide_select:nth-of-type(1):checked ~ .slide:nth-of-type(1) {
opacity: 1;
}
/* 1番目のスライドの前へ次へボタンの領域を */
.slide_select:nth-of-type(1):checked
~ .move_controler
.button_move:nth-of-type(1) {
opacity: 1;
}
.slide_select:nth-of-type(2):checked ~ .slide:nth-of-type(2) {
opacity: 1;
}
.slide_select:nth-of-type(2):checked
~ .move_controler
.button_move:nth-of-type(2) {
opacity: 1;
}
.slide_select:nth-of-type(3):checked ~ .slide:nth-of-type(3) {
opacity: 1;
}
.slide_select:nth-of-type(3):checked
~ .move_controler
.button_move:nth-of-type(3) {
opacity: 1;
}
.slide_select:nth-of-type(4):checked ~ .slide:nth-of-type(4) {
opacity: 1;
}
.slide_select:nth-of-type(4):checked
~ .move_controler
.button_move:nth-of-type(4) {
opacity: 1;
}
住所
アクセス
連絡先
(代理店事業部)
〒252-0804 神奈川県藤沢市湘南台1丁目12-1 エバーズ第13湘南台ビル7F
さいたまオフィス
〒330-0843 埼玉県さいたま市大宮区吉敷町4丁目29-1 ロイヤルブルーム2F
草加オフィス
〒340-0034 埼玉県草加市氷川町2122-4 日建第4ビル4F
松戸オフィス
〒271-0091 千葉県松戸市本町7-6 HPビル2F
国立オフィス
〒186-0002 東京都国立市東1丁目6-24 新プリンスビル5F
札幌オフィス
〒062-0009 北海道札幌市豊平区美園九条5丁目3-7 1,2F
福岡オフィス
〒810-0802 福岡県福岡市博多区中洲中島町2-3号福岡フジランドビル10F
ABOUT US 会社概要
| 会社名 | 株式会社キージェント（Keygent Co.,Ltd.） |
|---|---|
| 役員 |
|
| 本社 |
東京本社 〒101-0041 東京都千代田区神田須田町1丁目32-2F ≫地図 TEL：03-6811-6988 FAX：03-6811-6989 |
| 支社 |
大阪支社 〒530-0011 大阪府大阪市北区大深町4-20 グランフロント大阪タワーA 17F TEL：06-6867-9940 FAX：06-6867-9941 |
| 営業所 (代理店事業部) |
さいたまオフィス 〒330-0843 埼玉県さいたま市大宮区吉敷町4丁目29-1 ロイヤルブルーム2F 草加オフィス 〒340-0034 埼玉県草加市氷川町2122-4 日建第4ビル4F 松戸オフィス 〒271-0091 千葉県松戸市本町7-6 HPビル2F 国立オフィス 〒186-0002 東京都国立市東1丁目6-24 新プリンスビル5F 湘南オフィス 〒252-0804 神奈川県藤沢市湘南台1丁目12-1 エバーズ第13湘南台ビル7F 札幌オフィス 〒062-0009 北海道札幌市豊平区美園九条5丁目3-7 1,2F |
| 設立年月 | 2015年5月 |
| 資本金 | 4567万円 |
| 従業員数 | 111名（※当社業務従事者含む。2021年7月現在） |
| 許認可 等 | 一般労働者派遣許可（ 派13-314298 ） 有料職業紹介事業許可（ 13-ユ-311770 ） 電気通信事業者／販売代理店届出番号（ C1902074 ) プライバシーマーク登録番号 第17004451（01）号 |
| 業務内容 |
総合人材サービス （人材派遣、通信系アウトソーシング） ケーブルテレビの運営 ケーブルテレビ一次代理店 インフラ・エナジー事業 等 |
| 取引先 |
JCOM株式会社 株式会社ジェイコム東京 株式会社ジェイコム埼玉・東日本 株式会社ジェイコム湘南・神奈川 株式会社ジェイコム千葉 株式会社ジェイコムウエスト 株式会社ジェイコム九州 株式会社ジェイコム札幌 横浜ケーブルビジョン株式会社 土浦ケーブルテレビ株式会社 日本瓦斯株式会社 新日本瓦斯株式会社 東彩ガス株式会社 （他、順不同） |
| 子会社/関連会社 | キーエナジー株式会社（Keyenergy Co.,Ltd.） 大分ケーブルネットワーク株式会社（OITA CABLE NETWORK CO.,LTD.） |
| 取引銀行 |
埼玉りそな銀行 三菱UFJ銀行 三井住友銀行 朝日信用金庫 |
| マージン率 |
