@charset "utf-8";

a img:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); /* 影をつける */
  transition: box-shadow 0.3s;
}


/*アルバム*/
#page-2450171590 .cc-imagewrapper img{width:100%;height:180px;border:10px solid #99CCFF;border-radius:50em;}

/*勉強場所*/
#page-2506115090 .cc-imagewrapper img{width:95%;height:150px;object-fit:cover;}
#page-2506115090 .j-textWithImage .cc-imagewrapper{width:100%!important;}

/*勉強時間  find time*/
#page-2506115190 .j-textWithImage img{width:95%;height:150px;object-fit:cover;margin:0 auto;}
#page-2506115190 .wrap-staff .name{padding:17% 2%;}
#page-2506115190 .wrap-staff .name{font-size:160%; color:#000!important;line-height:140%;}


/*６つの場所の各ページ*/
[id^="page-2506246"] .wrap-staff .name {padding:7% 2%;}
[id^="page-2506246"] .j-textWithImage .cc-imagewrapper img{display:none;}

/*勉強時間の内容contents*/
.study-detail-contents { margin: 40px auto; background: #fff; padding: 5%; font-family: "sans-serif"; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.study-detail-title { font-size:180%; font-weight: bold; color: #333; border-bottom: 4px solid #555; padding-bottom: 10px; margin-bottom: 30px; text-align: center; }
.study-detail-section { display: flex; flex-direction: column; border-top: 1px solid #ccc; padding:3% 0; }
.study-detail-label { font-size:130%;font-weight: bold; color: #4a89dc; border-left: 4px solid #4a89dc; padding-left: 10px; margin:0 0 3% 0; }
.study-detail-value { font-size:100%;padding-left: 14px; color: #333; }

/*ベージュの勉強時間の背景画像があるもの*/
.study-section {display: flex; background-color: #f9f9f9; padding: 20px; gap: 20px; align-items: flex-start;}
.study-image {flex: 1; min-height: 400px; background-image: url('https://u.jimcdn.com/cms/o/sb4f17c96820caa5a/userlayout/img/study-photo1.jpg?t=1745549720'); background-size: cover; background-position: center; border-radius: 10px;}
.study-text {flex: 2;font-size:120%;  line-height: 1.8;}
.study-text ul {list-style: none; padding-left: 0;}
.study-text li {margin-bottom: 20px;}
.study-text li strong{background:none;font-size:130%;border:none;color:#0066CC;}
/*---勉強の一覧リスト------*/
.content-header { display: flex; align-items: center; flex: 1; }
.study-category-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1em; }
.study-category { border: 2px solid #0066cc; margin: 0.5em 0; padding: 1em; background: linear-gradient(to right, #eef2ff, #ffffff); 
border-radius: 12px; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); box-sizing: border-box; transition: background-color 0.2s ease; 
display: block; text-decoration: none; color: inherit; font-size: 1.2em; color: #333!important; margin-bottom: 0.5em; display: flex; align-items: center; gap: 0.5em; justify-content: flex-start; text-align: left; position: relative; overflow: hidden; }
.study-category a{ color: #333!important;}
.study-category:hover { background-color: #f0f0ff; cursor: pointer; color: #5c3ee8; text-decoration: underline; }
.study-category.half-width { width: calc(50% - 0.5em); }
.study-category .bg-text { position: absolute; right: 10px; bottom: 25px; font-size: 3em; color: #E6E6FA; font-weight: bold; pointer-events: none; }
.study-category ul.no-marker { list-style: none; padding-left: 0; margin-left: 0; }
.category-number { background: #0066cc; color: white; border-radius: 50%; width: 1.6em; height: 1.6em; display: inline-flex; align-items: center; justify-content: center; margin-right: 0.5em; font-weight: bold; font-size: 1em; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
.circle-number { font-weight: bold; margin-right: 0.5em; font-size: 1.1em; color: #0066cc; background: #f0f0ff; padding: 0.2em 0.6em; border-radius: 1em; }


/* 勉強方法*/ 
table.planner {width: 100%; border-collapse: separate; border-spacing: 0; background-color: #fffef8; margin-bottom: 30px; border: 2px solid #30597a; border-radius: 10px; overflow: hidden;}
table.planner th, table.planner td {border: 1px solid #30597a; padding: 10px 12px; text-align: left; vertical-align: top; font-size: 14px;}
.planner th {background-color: #f0a867; color: #000; font-weight: bold; white-space: nowrap;}
.planner td:first-child {background-color: #ffe7c0; font-weight: bold;}





/**/
*開閉 全体スタイル */
.kaihei{  margin: 10px 0;}

/*開閉  チェックボックスは非表示 */
.kaihei input[type="checkbox"] {  display: none;}

/* 開閉 ラベル（クリック部分） */
.kaihei-label {margin:3% 0;font-size:150%;text-align:center;  display: block; background-color: #F0F8FF; color: #0099CC;padding:5% 0;  border: 2px solid #4dd0e1;
  border-radius: 6px;  cursor: pointer;  font-weight: bold;  transition: background-color 0.3s;}

.kaihei-label:hover {  background-color: #b2ebf2;}

/* 開閉 開閉コンテンツ（初期は非表示） */
.kaihei-content {font-size:120%;  max-height: 0;  overflow: hidden;  transition: max-height 0.5s ease;  background-color: #f1f8e9;  padding: 0 15px;  border-left: 4px solid #aed581;
  margin-top: 5px;}

/* 開閉 チェックが入ったら表示 */
.kaihei input[type="checkbox"]:checked ~ .kaihei-content {
  max-height: 500px;  /* 必要に応じて調整 */
  padding: 10px 15px;
}


/******/
.message-section {display: flex; 
background: #f0effa url('https://u.jimcdn.com/cms/o/sb4f17c96820caa5a/userlayout/img/pickup4.jpg?t=1718606144') no-repeat right center; 
background-size: contain; padding: 10%; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
.text-box { padding:5% 3%; background-color: rgba(255, 255, 255, 0.85); box-sizing: border-box; border-radius: 8px;}
.text-box h2 {font-size:230%; color: #1f1f3f; font-weight: bold; margin:5%;}
.text-box p {font-size:110%; line-height: 2;  margin-bottom: 16px;}
.image-box {display: none;}

/*20240828start pickup chatGPTより----------------*/
/*トップエントリーボタン*/
.entry-button {
    display: inline-block;
    padding:30px 80px;
    color: white!important;
    text-align: center;
    text-decoration: none;
    border-radius: 50px;
    font-size: 1.2em;
    font-weight: bold;
    position: relative;
    transition: background 0.3s ease;
}

.entry-button .icon {
    margin-left: 10px;
    font-size: 0.9em;
}

.entry-button:hover {
    background: linear-gradient(90deg, #ff2a2a, #ff5a5a);
}

/*トップピックアップ*/
.pickup-container {width:1200px;margin:0 auto;display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px;}

.section { text-align: center; width: 30%;}

.circle-image {
    border-radius: 40%;
    overflow: hidden;
    width: 100%;
    padding-top: 120%; /* Makes the element a square */
    position: relative;
}

.circle-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: opacity(0.7); /* Adds the color overlay effect */
}


.text strong {
    color: #0066CC;
    font-weight: bolder;
    display: block;
    font-size: 180%;
    margin: 3% 0;
    letter-spacing: 0.2em;
    background: none;
    border: none;}
.text p a{
    color: #3399FF!important;
    font-size: 1em;
}




/*20240828end^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/



/*toppage改行---*/
  .br-sp {display: none; }
/*濃いめの青#6495ED
org 青　#0066CC
mizuiro  3399FF
黄色#FFFF77
*/
.txt1-l em{font-style:normal!important;}
em{border-bottom:solid;border-color:#0066CC;font-style:normal!important;color:#0066CC;border-width:2px;}
strong{}
.new{background:#0066CC;padding:1px 3px;margin:0 2%;color:#fff;font-weight:bold;border-radius:2em;}
/*社員*/#page-2450170190 .new{padding:1px 3px;margin-left:2%;font-size:40%!important;color:#fff;font-weight:bold;}

/*会計　PC　色*/

.kai,.pc{width:120px;font-weight:bold; padding:1% 3%;margin-bottom:3%;color: #Ffffff!important; border-radius: 8ex;text-align:center;}
.kai a,.pc a,.kai a:hover,.pc a:hover{ padding:1% 5%;display:block;color: #Ffffff!important;; }

.kai{}
.kai a:hover{}

.pc{}
.pc a:hover{}


/*画像つきテキスト*/
.j-textWithImage{border:2px solid #0066CC;border-radius:2ex;margin-bottom:5%;padding:5%;}
.j-textWithImage img{margin:2%;}

.j-textWithImage .bnr-btn a {border: 1px solid #0066cc;color: #0066cc !important; margin: 1% 2%;}



/*★ボックスalcs-box*/
/*青枠コメントボックス*/
.alcs-box1{margin:2% 0;background:#F8F8FF;border:2px solid #0066CC;padding:2%;border-radius:0.5em;font-size:120%;}
.alcs-box1 strong{display:block;font-size:130%;padding:0 1%;color:#0066CC;}

/*白ボックス*/
.alcs-box2{margin:2%;padding:1.5%;display:block;background:#fff!important;}


/*左詰めグレーボックス*/
.alcs-box3{margin:2% 0 4% 0;padding:1.5%;display:block;background:#EEEEEE;}




/*************************/

.obj-fit-img {
object-fit: cover;
object-position: 0 100%;
font-family: 'object-fit: cover; object-position: 0 100%;'
}



/* CSS Document */
/*201690319リンクで一時的に使う*/
.hplink{line-height:160%;}
.hplink strong{color:darkblue;font-size:120%;}
.hplink span{color:#fff;background-color:red;padding:2px;margin-right:5px;}





/*-社員紹トップ / 勉強場所　使用-------------------------------------------------*/
.wrap-staff strong{display:block;font-size:400%;color:#0066CC;margin: 5% 0 -2% 0;padding-bottom:5%;}
.inner-staff{clear:both;padding:3%;}
.wrap-staff .name{display:block;font-size:90%;color:#0066CC;margin-top:-9%;    padding:4% 2%;}

.wrap-staff .bnr-btn{text-align:right;margin-top:0%;  }
/*-社員紹　各ページ-------------------------------------------------*/
.wrap-staff-page{padding:0% 0;margin-bottom:4%;}
.wrap-staff-page img{width:21%;margin:0 auto;background-size:cover;float:right;height:270px;object-fit:cover;
object-position:0% 0%;}
.inner-staff-page{background:#0099FF;float:left;width:100%;height:290px;overflow:hidden;margin:0% 0;
padding:3% 0%;position: relative;}
.inner-staff-page:before{}

/*NO*/
.inner-staff-page strong{display:block;font-size:650%!important;color:#fff;float:left;padding:5% 3% 5% 5%;background:none;border:none;}
.inner-staff-page h1{color:#fff!important;text-align:left!important;padding:0% 0% 1% 0%!important;margin:2% 2% 2% 5%!important;background:none!important;}
.inner-staff-page h1:before{position:static!important;}
.inner-staff-page h2{width:79%;background:#99CCFF;font-size:110%!important;color:#0099FF!important;text-align:left;padding:1% 0 0 5%;}
.staffname-page{font-size:200%;position: relative;background-color: #da3c3c;color: #fff;overflow:hidden;padding:1% 5%;}
/*NAME*/
.staffname-page:before{background-color: rgba(27, 37, 56, 1);content: '';	display: block;
transform: rotate(-30deg);position: absolute;bottom: -30px;right: -100px;width: 200px;height: 200px;}
.staffname-page span{font-size:60%;padding:2%;}
.inner-staff-page p{font-size:110%;padding:0% 5%;color:#fff;}


/*共通*/
div.j-text { clear: both;}/*上のfloatがうまくいかず*/




/**先輩インタビュー下へ移行するsenpai*/

/*h3*/
#page-2502567390/*矢作*/ h3,
#page-2502567490/*斎藤*/ h3,
#page-2495047690/*堤*/ h3,
#page-2495047590/*長内*/ h3,
#page-2480947990/*浦野*/ h3,
#page-2452833090/*五十嵐*/ h3,
#page-2482781690/*東園*/ h3
{width:100%;clear:both;font-size:130%!important;border-bottom:dotted 2px skyblue;font-weight:bold;color:#000;text-align:left;
margin:6% 0 2% 0%!important;padding:2%!important;border-radius:0;background:none;line-height:160%;}
/*h3:before*/
#page-2502567390/*矢作*/ h3:before,
#page-2502567490/*斎藤*/ h3:before,
#page-2495047690/*堤*/ h3:before,
#page-2495047590/*長内*/ h3:before,
#page-2480947990/*浦野*/ h3:before,
#page-2452833090/*五十嵐*/ h3:before,
#page-2482781690/*東園*/ h3:before{content:"Q.";	color:#0066CC;font-size:150% }
/*画像付き*/
#page-2502567390/*矢作*/ .j-textWithImage,
#page-2502567490/*斎藤*/ .j-textWithImage,
#page-2495047690/*堤*/ .j-textWithImage,
#page-2495047590/*長内*/ .j-textWithImage,
#page-2480947990/*浦野*/ .j-textWithImage,
#page-2452833090/*五十嵐*/ .j-textWithImage,
#page-2482781690/*東園*/ .j-textWithImage{background:none; }




/**************************************************/
table.ichinen-nagare{font-size:140%;width: 100%;border-collapse:separate;  border-spacing: 0;}

table.ichinen-nagare .maru1{border-radius: 10px 0 0 0;}
table.ichinen-nagare .maru2{border-radius: 0 10px 0 0px }
table.ichinen-nagare .maru3{border-radius: 0 0 10px 0 ;}
table.ichinen-nagare .maru4{border-radius: 0 0 0 10px ;}
table.ichinen-nagare .top-line{border-top: 1px solid #a8b7c5;}
table.ichinen-nagare .right-line{border-right: 1px solid #a8b7c5;}


/*th================================*/
table.ichinen-nagare tr th{  border-left: 1px solid #a8b7c5;   border-bottom: 1px solid #a8b7c5;width:3%;padding:2% 0;}
/*縦書 ①左　th*/
table.ichinen-nagare tr th div{max-height: 20em;padding:0px 20px;
writing-mode: vertical-rl; -ms-writing-mode: tb-rl;-webkit-writing-mode:vertical-rl;margin:0 auto;height:auto;}
/*繁忙期　①左ｔｈ*/
table.ichinen-nagare tr.hanbou th{   background: linear-gradient(#FFDBC9,#FFAD90);border-right:5px solid #FF8856;}

/*閑散期　①左ｔｈ*/
table.ichinen-nagare tr.kansan th{   background: linear-gradient(#F0FFF0,#98FB98); border-right:5px solid #00CC66;}

/*td================================*/
table.ichinen-nagare td{text-align: center;text-align:left; width: 25%; /*幅設定★②③④*/
 border-left: 1px solid #a8b7c5;  border-bottom: 1px solid #a8b7c5;  border-top:none;  padding:3% 2%;}
table.ichinen-nagare td.month{width:4%;/*幅設定★②*/font-size:140%;line-height:140%;text-align:center;}
/*丸の数字:閑散期
table.ichinen-nagare tr.kansan td.month*/ 
.maru-num-g{ height:50px; width:50px; border-radius:50%; line-height:50px;
 text-align:center;background-color:#0066CC;color:#fff;display:inline-block;}
/*丸の数字：繁忙期
table.ichinen-nagare tr.hanbou td.month*/ .maru-num-o{ height:50px; width:50px; border-radius:50%; line-height:50px;
 text-align:center;background-color:orange;color:#fff;display:inline-block;}

table.ichinen-nagare tr.kansan td.month span{color:green;font-size:80%;}
table.ichinen-nagare tr.hanbou td.month span{color:orange;font-size:80%;}
table.ichinen-nagare td img{width:25%;float:right;padding:0 0 0 2%;}

table.ichinen-nagare td strong{font-size:170%;background:none;border:none;margin:3% auto;display:block;}
table.ichinen-nagare td p{font-size:130%;color:maroon;}
table.ichinen-nagare .point{margin:3% auto;font-size:150%;font-weight:bold;background:lightgreen;border-radius:3px;padding:2%;display:inline-block;}

/***仕事について　一年の流れ**********----------------------------------**/
table.nagare {margin:50px auto; border-collapse:separate;  border-spacing:15px;  width: 100%;}
/*tdとthの設定*/
table.nagare th,table.nagare td{border-radius:8px;  text-align: center;  padding:1% 1%;}

/*【流れ】のタイトル*/
table.nagare td{vertical-align:top; text-align: left;border: #999 1px solid;} 
table.nagare th{border:solid 1px #927141;}


/*幅の設定*/
table.nagare th.na-title1{width:3%;}
table.nagare th.na-title2{width:30%;}
table.nagare th.na-title3{width:30%;}
table.nagare th.na-title4{width:30%;}

/*左のｔｈタイトル------*/
table.nagare th.na-naiyou{text-align:center;font-size:120%;vertical-align: middle;border-left:#999 1px solid;border-top:#999 1px solid;
border-bottom:#999 1px solid!important;}
table.nagare  strong{display:block;line-height:220%;background:none;}
table.nagare th.na-naiyou span{display:block;padding:0;maring:0;font-size:90%;font-weight:normal;}


/*２．３行目のテキスト*/
table.nagare td.na-txt{height:100px;}

/*画像　img*/
table.nagare th.na-naiyou img{height:50px;margin:4% auto;margin-bottom:2%;}
table.nagare td.na-txt img{height:100px!important;margin:0% auto;margin-bottom:5%; width: 100%; object-fit: cover;
object-position:50% 50%;}
table.nagare td.moku img{height:50px;padding-top: 3%;margin:2% auto; width:20%;}


/*流れのタイトル　左の列----*/
table.nagare th.left-title{border-right: #999 1px solid; padding:10px 10px; vertical-align: middle;text-align: left;border-bottom: #999 1px solid;}
table.nagare th.left-title strong{margin-bottom:4px;font-size:130%;display:block;line-height:170%;font-weight:bold; -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl; writing-mode: vertical-rl;max-height: 20em;}


/*流れのタイトル　1番左の列-  色付けボーダー---*/
table.nagare th.na-ichi{border-left:8px solid #FF9933;}
table.nagare th.na-two{border-left:8px solid #FF99CC;}
table.nagare th.na-three{border-left:8px solid #66CC99;}


/**３列目 目標**/
.nagare td.moku1 strong{font-size:100%!important;margin:5% auto;padding:10% 2%;
line-height:110px;border-radius:1.5em;text-align:center;height:auto;background:#FAEBD7;border:1px solid #DAA520; }
.nagare td.moku2 strong{font-size:100%!important;margin:5% auto;padding:10% 2%;
line-height:110px;border-radius:1.5em;text-align:center;height:auto;background:#FFF0F5;border:1px solid #FF1A6F; }
.nagare td.moku3 strong{margin:5% auto;padding:10% 2%;
line-height:110px;border-radius:1.5em;text-align:center;height:auto;background:#E6FFE9;border:1px solid #32CD32; }




/*1 青*/
#sidenav,.j-header h2.blue{color:#fff!important;background: linear-gradient(to top,#0066CC,#3399FF);color:#ffffff;border:1px solid #0066CC; }


/*2025*/

.grade{color:#fff!important;background: linear-gradient(to bottom, #0099FF, #0066CC);}

/*2 濃い青グラデ*/
.grade2{background:linear-gradient(to top, #0099CC,#BAD3FF);border-left: 5px #005FFF solid;}


/*4 もっと薄い*/
.grade4{background:linear-gradient(to top, #F0F8FF,#FFF);}
/*3 水色 */
.grade3{background:linear-gradient(to top, #87CEEB,#D9E5FF);}



/****header*******************************************************************************/
#header{padding:0px;margin:0px auto;}


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

#content h1{color:#0066CC;font-weight:bolder;clear:both;position: relative;text-align:left;font-size:350%;padding:10% 0 0% 0;
margin-bottom:8%;}
#content h1 span {font-size:30%;display: block;color:#000;}

/*①第１階層　midashi */
#content h1.main-title1 {font-size:550%!important;font-weight: bold;  margin: 0!important;}
.gnav-title { position: relative; overflow: hidden; padding: 5% 10%; background: linear-gradient(#F0F8FF, #F0F8FF 0%, #D7EEFF 100%);margin-bottom:5%;}
.gnav-title::before { content: ""; position: absolute; width: 300px; height: 300px; background: #8EB8FF; border-radius: 50%; top: -100px; left: -100px; opacity: 0.2; z-index: 0; }
.gnav-title::after { content: ""; position: absolute; width: 200px; height: 200px; background: #ffdede; border-radius: 50%; bottom: -80px; right: -80px; opacity: 0.2; z-index: 0; }
.main-title1, .sub-title1 {color:#0066CC!important;position: relative; z-index: 1; }
.main-title1 { font-size: 550%; font-weight: bold; margin: 0; }
.sub-title1 { font-size: 150%; margin: 3% 0 10% 0;  color: #5c3ee8;  margin:3% 0 10% 0; }


/*②勉強の第二階層　midashi 青紫*/
#content h1.main-title {font-size:550%!important;font-weight: bold; color: #0066cc; margin: 0!important;}
.sub-title {  font-size:150%;  color: #0066cc;  margin:3% 0 10% 0; }



.cc-page-index #content h1{text-align:center!important;}
.cc-page-index #content h1:before{display:none;}
.j-header h2{clear:both;position: relative;font-size:230%!important;font-weight:bolder;padding:2% 0;margin:7% 0% 2% 0%;height:26px;line-height:40px;clear:both;}
.j-header h3 {background:#F0F8FF;display:block;width:50%;margin:0 auto;margin-top:6%;margin-bottom:3%;border-radius:3em;color:#0066CC;font-size:160%!important;font-weight:bolder;padding:0.5% 2% 0.5% 2%;}






/*top*/
.top-left-img{float:left;width:48%;}
.top-left-img img{width:550px;}
.top-right-txt{float:right;width:48%;}



/*ヘッダにある「求人サイト」という言葉*/
#header h1{clear:both;padding:0px 0px 1% 0% ;font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
 font-size:25px;font-weight:normal; text-decoration:none;line-height:1.3em;color:black;text-align:left;margin:0px auto;clear:both;}
#header h1 span{font-size:55%;width:60px!important;dislay:block;border:1px solid gray;padding:6px 12px;
margin:0px 10px 0px 0px;vertical-align:top;}








/***********************************************************/
/*h2 --------------------*/
.j-header h2#shigoto{margin:0% 0% 3% 0%!important; color: #fff;  overflow: hidden; padding:5%;  position: relative;}
.j-header h2#shigoto:before{ background-color: #fff; border-radius: 50%; content: ''; display: block; opacity: 0.6;  position: absolute;
 top: -20px; left: 0px; width: 200px; height: 200px; }
/*h2 --------------------maru
.j-header h2#shigoto{margin:0% 0% 3% 0%!important; background-color: #ef858c;  color: #fff; 
 overflow: hidden; padding:5%;  position: relative;}
.j-header h2#shigoto span{padding:0;font-size:70%;display:block;line-height:20px;}

.j-header h2#shigoto:before{
 background-color: #fff; border-radius: 50%; content: ''; display: block; opacity: 0.6;  position: absolute;
 top: -20px; left: 0px; width: 100px; height: 100px; 
}0524*/
/*緑*/.j-header .shigo1 h2#shigoto{background:#33CC66;}  
/*ピ*/.j-header .shigo2 h2#shigoto{background:#FF82B2;}  
/*黄*/.j-header .shigo3 h2#shigoto{background:#FF8856;}  
/*青*/.j-header .shigo4 h2#shigoto{background:#75A9FF;}  
/*灰*/.j-header .shigo5 h2#shigoto{background:#aaa;}  
/*紫*/.j-header .shigo6 h2#shigoto{background:#FF77FF;}  
/**************************************************************************************/
.j-header h3#shigoto{clear:both;line-height:150%;margin:10% 0%;padding:0% 0;color:#000;font-size:150%!important;font-weight:bold;}  
.j-header h3#shigoto{color:#555555;  position: relative;  display: inline-block;  margin-bottom: 1em;}
.j-header h3#shigoto:before {
  content: '';  position: absolute;  bottom: -10px;  display: inline-block;
  width: 60px;  height: 3px;
  left: 50%;  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);  background-color: #777777;  border-radius: 2px;}



/******comment 仕事についてOLDで利用：two　改行をやるためにdivでやりなし*/
div.com-number{list-style:none;margin:2% 2% 2% 3%!important;float:left; 
color:#444;font-weight:bold;text-align:center;padding:3% 0;width:44%;background:#FFF;list-style:none;border:1px solid #778899;
border-radius:2ex;}
div.com-one{width:95%;}
div.com-two{width:44%;}

div.com-number h3{padding:0!important;margin:2% 2%!important;font-size:150%!important;}
div.com-number h3 span{padding:1% 2%!important;margin:2% 2%!important;border:3px double #778899;border-radius:3ex;display:block;font-size:60%!important;}

div.com-number img{display:block;width:90%;margin:2% auto;padding:2% 0;object-fit: cover;object-position:50% 70%;height:150px;   background: #eee;}
div.com-number .com-number-box{font-weight:normal;text-align:left;line-height:150%;padding:0% 3%;}
div.com-number .com-number-box strong{text-align:left;line-height:150%;padding:0% 0;}




/**20250506******************************************************/
.message-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.icon-box {
  display: flex;
  align-items: center;
  position: relative;
}

.message-item .circle {
  width: 6px;
  height: 6px;
  background-color: #a88efb;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  left: -10px;
}

.message-item .number {
  color: #5c3ee8;
  font-size: 14px;
  font-weight: bold;
}

.message-item .slash {
  margin-left: 5px;
  color: #999;
}

.message-text {
  font-size: 16px;
  font-weight: bold;
  color: #111133;
}

/***各カテゴリの背景色設定*----------------------------------------------------*/

.shigo{
     overflow: hidden;text-align:center;padding:5% 0px 10% 0%;width:100%;clear:both;}

/*緑*/.shigo1{margin:10% auto;background:#99FF99;}
/*ピ*/.shigo2{margin:10% auto;background:#FFF0F5;}
/*黄*/.shigo3{margin:10% auto;background:#FFDBC9;}
/*青*/.shigo4{margin:10% auto;background:#D7EEFF;}
/*灰*/.shigo5{margin:10% auto;background:#f5f5f5;}
/*紫*/.shigo6{margin:10% auto;background:#FFAAFF;}


/*ーーーーーーーーー********/


/*ーーーーーーーーshigoto=*色分け、左右に写真あるしごとについて******/
.shigoto .comment0{clear:both;margin:10% auto;font-size:180%;}
.shigoto .comment4{clear:both;margin:0px 0px 0px 0%;font-size:190%;padding:5%;
letter-spacing:1.7px;line-height:150%;}

.comment2{clear:both;margin:4% 0;padding:5%;}
.comment2 p{font-size:120%;text-align:left;padding:0%;letter-spacing:1.7px;line-height:150%;}


 /*背景色有りの小さい文字のコメント（背景色設定）**/     
/*緑*/.j-header .shigo1 .comment2{background:#93FFAB;}  
/*ピ*/.j-header .shigo2 .comment2{background:#FFD5EC;background:linear-gradient(#FFD5EC,#FFABCE);}    
/*黄*/.j-header .shigo3 .comment2{background:#FFAD90;background:linear-gradient(#FFC7AF,#FFAD90);}  
/*青*/.j-header .shigo4 .comment2{background:#BAD3FF;background:linear-gradient(#C2EEFF,#A4C6FF);}    
/*灰*/.j-header .shigo5 .comment2{background:#DCDCDC;background:linear-gradient(#EEEEEE,#CCCCCC);}  



.shigoto .comment2 img{margin:0% 5% 0% 0%;float:left;width:8%;margin-top:0%;}
.shigoto  img.img-full{margin:0% 0% 0% 0%;width:100%; object-fit: cover;height:220px;  
  background: #eee;}


/*coment3--左右どちらかの画像のある2分割-----*/
.shigoto .comment3{clear:both;margin:0% 0px 0% 0%;padding:0% 0%;letter-spacing:1.7px;line-height:180%;height:220px;}
.shigoto .comment3 img.img-left{margin:0% 0% 0% 0%;float:left;width:50%; object-fit: cover;height:220px;    background: #eee;}
.shigoto .comment3 img.img-right{margin:0% 0% 0% 0%;float:right;width:50%; object-fit: cover;height:220px;   background: #eee;}


/**左右に画像*/
/*右：タイトル*/.com-left{float:right;width:44%;margin:0% 0;padding:2% 2%;text-align:left;
border-right:10px solid  #C0C0C0;}
/*右：内容*/.com-left2{float:right;width:44%;padding:0% 2%;text-align:left;margin:3% 0;}
/*左：タイトル*/.com-right{float:left;width:44%;margin:0% 0;padding:2% 2%;text-align:left;
border-left:10px solid #C0C0C0;}
/*左：内容*/.com-right2{float:left;width:44%;padding:0% 2%;text-align:left;margin:3% 0;}
/*左右：タイトルｐ*/.com-right p,.com-left p{font-weight:bold;font-size:150%;padding:0;line-height:none;}
/*左右：内容ｐ*/.com-right2 p,.com-left2 p{font-size:120%;padding:0;line-height:none;}




/**yoshitomi　わたしたちについてのトップに利用　よしとみのまね*************************************************************************/

.j-header h2.yoshitomi{margin:-3% 0% 0% 0%!important;
 background-color: #4682B4; text-align:left;display:inline!important;border-radius:0; color: #fff; /* 文字色 */ padding:2%; /* 余白 */}
.j-header h3.yoshitomi{clear:both;margin:5% 0px 8% 0%;padding:0% 0%;letter-spacing:1.7px;line-height:180%;}

.yoshi{margin:2% 0 10% 0 ;border-top:14px gray solid;clear:both;}


/*回り込み*/
.yoshi-memo:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/*yoshi-memo3--左右どちらかの画像のある2分割-----*/
.yoshi-memo{clear:both;margin:2% 0px 2% 0%;padding:0% 0% 5% 0;letter-spacing:1.7px;line-height:180%;}
.yoshi-memo img.img-left{margin:0% 0% 0% 0%;float:left;width:25%; object-fit: cover;height:220px;  }
.yoshi-memo img.img-right{margin:0% 0% 0% 0%;float:right;width:25%; object-fit: cover;height:220px;}
.yoshi-memo-left{float:right;width:70%;line-height:35px;padding:2% 2% 2% 2%;font-size:110%;text-align:left;}
.yoshi-memo-right{float:left;width:70%;line-height:35px;padding:2% 2% 2% 2%;font-size:110%;text-align:left;}


.yoshi-memo-left span{font-size:70%;display:block;}
.yoshi-memo-right span{font-size:70%;display:block;}
.yoshi-memo-left strong{font-size:180%;display:block;margin:3% 0;padding-bottom:2%;color:#555555;font-weight:normal;border-bottom:2px solid #4682B4;}
.yoshi-memo-right strong{font-size:180%;display:block;margin:3% 0;padding-bottom:2%;color:#555555;font-weight:normal;border-bottom:2px solid #4682B4;}

.yoshi-memo-comment{clear:both;margin:0px 0px 0px 0%;font-size:110%;text-align:left;padding:5%;
letter-spacing:1.7px;line-height:150%;}

.yoshi-memo-comment img{margin:0% 5% 0% 0%;float:left;width:8%;margin-top:0%;}




/*青い背景のボックス*/
.yoshi-box {text-align:center;
  position: relative;
  display: inline-block;
  margin: 2em 0;
 padding:3%　0;
  width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}

.yoshi-box:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 30px solid #e0edff;
}

/**ul-  yoshi ボックス　リンクul-----------------------------------------*/
.yoshi-box ul{width:100%;padding:0;margin:0% 0 3% 0;font-size:100%;}
.yoshi-box ul li{float:left;width:24%;border:1px solid #4682B4;border-radius:2ex;padding:2%;
list-style:none;width:auto;padding: 0.5em 1em; margin: 0.5em 0;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);}
.yoshi-box ul li a{ margin: 0;  padding: 0;color:#4682B4;}


.yoshi-box span{font-size:90%;display:block;margin:3% 0;padding-bottom:2%;color:#555555;font-weight:normal;}
.yoshi-box img{width:10%;margin:3% auto;}
/*--------横棒ついてる文字*/
.yoshi-box strong {font-size:120%;display:block;margin:0% 0;padding:0%;color:#006699; position: relative;line-height:140%;
font-weight:bold;  display: inline-block;  padding: 0 55px;}
.yoshi-box strong:before, .yoshi-box strong:after {
  content: '';
  position: absolute;
  top: 40%;
  display: inline-block;
  width: 45px;
  height: 2px;
  border-top: solid 1px #4682B4;
  border-bottom: solid 1px #4682B4;
}

.yoshi-box strong:before {
  left:0;
}
.yoshi-box strong:after {
  right: 0;
}


 /**「仕事について」**－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－******/
/**********☆共通項目-----------------*/

/*チェックは見えなくする*/
.hidden_box input,.hidden_box2 input,.hidden_box3 input,.hidden_box4 input{    display: none;}
/*中身を非表示にしておく*/
.hidden_box .hidden_show,.hidden_box2 .hidden_show,.hidden_box3 .hidden_show ,.hidden_box4 .hidden_show {
height: 0; padding: 0; overflow: hidden;opacity: 0;transition: 0.8s;padding:0!important;margin:0% 0!important;}
/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show ,.hidden_box2 input:checked ~ .hidden_show ,.hidden_box3 input:checked ~ .hidden_show ,.hidden_box4 input:checked ~ .hidden_show {    padding: 10% 0;height: auto;    opacity: 1;}
.hidden_box .hidden_show img,.hidden_box2 .hidden_show img,.hidden_box3 .hidden_show img,.hidden_box4 .hidden_show img{width:50%;margin:3% auto;}
/**ボタン装飾 内側　文字 ホバー時---------------------------------------*/
.hidden_box label:hover,.hidden_box2 label:hover,.hidden_box3 label:hover,.hidden_box4 label:hover {border-bottom:2px solid #999;}
/*ボタン装飾 外側　枠－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
.box1,.box2,.box3,.box4,.box5{text-align:center;font-size:100%;    font-weight:normal;  cursor :pointer;
color: #000;padding: 4% 0%;border: solid 1px #666666;border-radius:10ex;background-size:80px auto;background-position:20%; text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,             -1px 1px 0 #FFF, 1px -1px 0 #FFF,             0px 1px 0 #FFF,  0-1px 0 #FFF,             -1px 0 0 #FFF, 1px 0 0 #FFF;
}－－－－－－－－－－*/


 /**********☆共通項目-----------------*/

 /*私たちの気持ち　クリック開閉①*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
.hidden_box h2{font-size:120%!important;letter-spaceing:2px;}
.hidden_box h3{font-size:200%!important;margin:10% 0 7% 0;}

 
/*ボタン装飾 内側　文字－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
.hidden_box label {text-align:center;font-size:120%;    font-weight: bold;  cursor :pointer;
color: #000;/*background: linear-gradient(white, #EEEEEE);*/padding: 2% 1%;display:inline-block;width:60%;
border-bottom:2px dotted #D9E5FF;}

/*太文字*/
.hidden_box label span{color:#FF6928;font-size:130%;}
.hidden_box h2 img.hidden-img{width:7%;margin:0 3% 0 0;vertical-align: middle;display:inline;}

.hidden_box{ margin: 7%  0 5% 0;text-align:center;font-size:100%;    font-weight:normal;  cursor :pointer;
color: #000;padding: 2% 0%;border: solid 1px #BAD3FF;border-radius:10ex;background-size:80px auto;background-position:20%; text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,             -1px 1px 0 #FFF, 1px -1px 0 #FFF,             0px 1px 0 #FFF,  0-1px 0 #FFF,             -1px 0 0 #FFF, 1px 0 0 #FFF;
}

  /*======仕事についてトップ　クリック開閉②　*－=========－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
.hidden_box2{margin:10% 0 5% 0;text-align:center;padding:3% 0;}
.hidden_box2 h2{font-size:110%!important;}
.hidden_box2 h3{font-size:150%!important;margin:8% 0;}

/*ボタン装飾 内側　文字－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
.hidden_box2 label {text-align:center;font-size:120%;letter-spacing:0.2em;font-weight: bold;  cursor :pointer;
color: #000;background: linear-gradient(white, #EEEEEE);padding: 3% 1%;display:inline-block;width:60%;border-bottom:2px solid #BBBBBB;}
/*太文字*/
.hidden_box2 label span{color:#FF6928;font-size:130%;}
.hidden_box2 h2 img.hidden-img{width:10%;margin:0 3% 0 0;vertical-align: middle;display:inline;}
.hidden_box2{text-align:center;font-size:100%;    font-weight:normal;  cursor :pointer;
color: #000;padding: 4% 0%;border: solid 1px #666666;border-radius:10ex;background-size:80px auto;background-position:20%; text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,             -1px 1px 0 #FFF, 1px -1px 0 #FFF,             0px 1px 0 #FFF,  0-1px 0 #FFF,             -1px 0 0 #FFF, 1px 0 0 #FFF;
}
  /*======仕事についてトップ　クリック開閉③　今年のテーマで利用*－=========－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
.hidden_box3{margin:10% 0 5% 0;text-align:center;padding:3% 0;}
.hidden_box3 h2{font-size:110%!important;}
.hidden_box3 h3{font-size:200%!important;margin:8% 0;}

/*ボタン装飾 内側　文字－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
.hidden_box3 label {text-align:center;font-size:120%;letter-spacing:0.2em;font-weight: bold;  cursor :pointer;
color: #000;padding: 3% 1%;display:inline-block;width:60%;border-bottom:2px solid #BBBBBB;}
/*太文字*/
.hidden_box3 label span{color:#fff;font-size:110%;display:inline-block;background:#708090;padding:2% 3%;margin-bottom:5%;}
.hidden_box3 h2 img.hidden-img{width:10%;margin:0 3% 0 0;vertical-align: middle;display:inline;}

.hidden_box3{text-align:center;font-size:100%;    font-weight:normal;  cursor :pointer;
color: #000;padding: 4% 0%;border: solid 1px #666666;background-size:80px auto;background-position:20%;}

/*==reiwa====仕事についてトップ　クリック開閉4　今年のテーマで利用*－=========－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
.hidden_box4{margin:5% 0 2% 0;text-align:center;text-align:center;font-size:100%;    font-weight:normal;  cursor :pointer;
color: #000;padding: 4% 0%;background-size:80px auto;background-position:20%;}

.hidden_box4 h2{font-size:150%!important;}
.hidden_box4 h2 img.hidden-img{width:7%;margin:0 3% 0 0;vertical-align: middle;display:inline;background:none;}
.hidden_box4 h2{vertical-align: middle;display:inline;background:none;}

.hidden_box4 h2 span{font-size:40%;display:inline-block;border:1px solid #ccc;padding:1%;letter-spacing:0.1em;}


 /*ｈ3（背景色設定）**/     
/*.hidden_box4 h3{font-size:160%!important;margin:5% auto;margin-top:5%;width:100%;padding:2% 0;font-weigth:bold;}*/
.hidden_box4 h3{ position: relative;text-align: center; font-size:160%!important;padding:2% 0;margin:5% 0 6% 0;}
.hidden_box4 h3:before {position: absolute; bottom: -10px;  left: calc(50% - 30px);  width: 80px;height: 5px;  content: '';  border-radius: 3px;  background: #87CEEB;}


/*ボタン装飾 内側　文字－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
.hidden_box4 label {text-align:center;font-size:130%;letter-spacing:0.2em;font-weight: bold;  cursor :pointer;
color: #000;padding: 2% 1%;display:inline-block;width:70%;}


/*トップの下線*/
.hidden_box4.box1 label{border-bottom:2px dotted #FFA500;}
.hidden_box4.box2 label{border-bottom:2px dotted #87CEFA;}/*青*/
.hidden_box4.box3 label{border-bottom:2px dotted #0066FF; }/*水色*/



/*20240613*/
/**pea***/
.tsuyomi{text-align:left;padding:0 4%;margin-top:3%;}
.tsuyomi p{font-size:130%;line-height:190%;text-align:left;padding:0 0%;text-shadow:none;}
/**仕事について:会計事務所経験者の皆さんへ***/
.tsuyomi-moji{text-align:left;padding:0 0%;margin-top:3%;}
.tsuyomi-moji p{font-size:130%;line-height:none;text-align:left;padding:0 0%;text-shadow:none;}




/*-------------------------------------------------------------*/
.j-calltoaction-link-style-2{
    background-color: blue;}




/******************topbox メッセージーーーーー*********************/


.top-page .top-txt{background:#fff;height:200px;padding:0% 2%;box-shadow: 2px 2px 4px #DCDCDC;}
.top-page3 .top-txt{background:#fff;height:160px;padding:2% 2%;box-shadow: 2px 2px 4px #DCDCDC;}
.top-txt a{display:block;text-align:right;}
.top-txt p{font-size:90%!important;}
.top-txt strong{/*font-weight:normal;line-height:180%;font-size:120%!important;color:#0066CC;background:#F8F8FF;border-bottom:1px solid #0066CC;*/}
.top-page img{float:right;padding:0 3% 3% 3%;width:20%;}



/*-----------------------**************----0520*/
.wrap-top-content{background-color:#F0F8FF;width: 100%;  height: 600px;  }
.top-content img{float:right;padding:0 3% 3% 3%;width:20%;}
.top-content { display: table;  width: 100%;height:70px;  background-color:#FFF; transform: skewY(-10deg); margin-top:1vw;}
.top-content > * {transform: skewY(10deg);}

/*topｈ2*/
.j-header h2#top-content{text-align:left;font-weight:bold;line-height:26px;height:26px;font-size:140%!important; 
color:#4169E1; padding:1% 2%;width:50%;background:none;border-radius:0px;
border-bottom:solid 3px #6495ED;margin:2% 0 3% 0 ;}

/*topbox*/
.top-content-box{padding:2%;margin:0% 0%;}
.top-content-txt1{width:70%;font-size:140%;line-height:200%;padding:0% %;text-align:left;}


.boxcontent a{display:block;border-left: 1px solid #210e75; margin: 1em 1em; padding:3%  10px;}
.boxcontent a:hover{display:block;border-left: 1px solid #210e75;color:#006699!important;margin: 1em 1em; padding:3% 10px;background-color:#F8F8FF!important;}
.boxcontent span{display:block;font-size:160%;border-bottom:dotted 0.5px gray;padding-bottom:5px;margin-bottom:5px;}
.boxconbnr a{width:18%;float:left;display:block;border: 1px solid #210e75; margin: 1em 1em; padding:3%  10px;}
.boxconbnr a:hover{width:18%;float:left;display:block;color:#006699!important;border: 1px solid #210e75;margin: 1em 1em; padding:3% 10px;background-color:#F8F8FF!important;}
.boxconbnr span{display:block;font-size:130%;border-bottom:dotted 0.5px gray;padding-bottom:5px;margin-bottom:5px;}



/*グレーのバナー------------------------------------------------------------------------*/
.box-list a{display:block;  border: 1px solid #ccc; /* background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);*/
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;}
.box-list a:hover{display:block;
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);}



/**2024 top pickup**--------------------------------------------------------------------------******/
ul.linkbnr-wrap li{float:left;width:23%;margin:0% 0 2% 0%;list-style:none;}
ul.linkbnr-wrap li span{font-size:70%;}
ul.linkbnr-wrap li span.arrow06{line-height:130%;background:#fff;display:inline-block;font-size:90%;margin:2% 0 3% 2%;color:#000000;letter-spacing:0.07em;}
ul.linkbnr-wrap li strong{color:#0066CC;font-weight:bolder;display:block;font-size:180%;margin:3% 0;letter-spacing:0.2em;background:none;border:none;}
/*a*/
ul.linkbnr-wrap li a{display:block;border-radius:2px;height:320px;
box-shadow: 0.5px 0.5px 0 #B0C4DE inset,0 0 2px #B0C4DE inset, 1px 1px 1px #B0C4DE; 
margin: 3% 0 0 0; padding:1% 3%; background-size:100% auto, auto;color:#000!important; }
/*hover*/
ul.linkbnr-wrap li a:hover{display:block;border-radius:2px;height:320px;
box-shadow: 0.5px 0.5px 0 #A4C6FF9 inset,0 0 2px #A4C6FF inset, 1px 1px 1px #A4C6FF;
margin: 3% 0 0 0; padding:1% 3%; background-size:100% auto, auto;color:#004400!important; }

ul.linkbnr-wrap li a:hover strong,ul.linkbnr-wrap li a:hover span{color:#0066CC;}

li.linkbnr1 a{background:url(https://u.jimcdn.com/cms/o/sb4f17c96820caa5a/userlayout/img/pickup1.jpg?t=1718605057) bottom no-repeat,linear-gradient( to right,#F8F8FF,#EEEEEE); }
li.linkbnr2 a{background:url(https://u.jimcdn.com/cms/o/sb4f17c96820caa5a/userlayout/img/pickup2.jpg?t=1718606137) bottom no-repeat,linear-gradient( to right,#F8F8FF,#EEEEEE); }
li.linkbnr3 a{background:url(https://u.jimcdn.com/cms/o/sb4f17c96820caa5a/userlayout/img/pickup3.jpg?t=1718606140) bottom no-repeat,linear-gradient( to right,#F8F8FF,#EEEEEE);    }
li.linkbnr4 a{background:url(https://u.jimcdn.com/cms/o/sb4f17c96820caa5a/userlayout/img/pickup4.jpg?t=1718606144) bottom no-repeat,linear-gradient( to right,#F8F8FF,#EEEEEE);    }
li.linkbnr1 a:hover{background:url(https://u.jimcdn.com/cms/o/sb4f17c96820caa5a/userlayout/img/pickup1.jpg?t=1718605057) bottom no-repeat,linear-gradient( to right,#D9E5FF,#F5FFFA);   }
li.linkbnr2 a:hover{background:url(https://u.jimcdn.com/cms/o/sb4f17c96820caa5a/userlayout/img/pickup2.jpg?t=1718606137) bottom no-repeat,linear-gradient( to right,#D9E5FF,#F5FFFA);   }
li.linkbnr3 a:hover{background:url(https://u.jimcdn.com/cms/o/sb4f17c96820caa5a/userlayout/img/pickup3.jpg?t=1718606140) bottom no-repeat,linear-gradient( to right,#D9E5FF,#F5FFFA);    }
li.linkbnr4 a:hover{background:url(https://u.jimcdn.com/cms/o/sb4f17c96820caa5a/userlayout/img/pickup4.jpg?t=1718606144) bottom no-repeat,linear-gradient( to right,#D9E5FF,#F5FFFA);    }
/**--------2024kokomade-----------------------------------------------------******/

/*---**top求人と求人ページ*----------------------------------------
ul.linkbnr-wrap2{margin-top:5%;}
ul.linkbnr-wrap2 li a{background:#fff;display:block;border: 0.5px solid #0066cc; border-radius:2em;margin: 2% 0 0 0; padding:1%; color:#000!important; }
ul.linkbnr-wrap2 li a:hover{background:#F0F8FF;display:block;border: 0.5px solid #191970;}
ul.linkbnr-wrap2 li{float:left;width:47%;margin:0% 0 2% 0;list-style:none;}
ul.linkbnr-wrap2 li span{display:inline-block;font-size:90%;margin:0% 0 2% 2%;color:#333333;
border-bottom:1px #0066CC dotted;letter-spacing:0.1em;letter-spacing:0.1em;}
ul.linkbnr-wrap2 li strong{border:none;display:block;font-size:140%;background:none;margin:2% 0 3% 7%;letter-spacing:0.2em;padding:3% 1%;}
ul.linkbnr-wrap2 li strong::before{font-weight:normal;content:"「";padding:0% 1%;font-size:80%;}
ul.linkbnr-wrap2 li strong::after{font-weight:normal;content:"」はこちら";padding:0% 1%;font-size:80%;}-----*/

/*---**勉強の下のサブバナー*-----------------------------------------*/
ul.linkbnr-wrap2{margin-top:5%;}
ul.linkbnr-wrap2 li a{background:#fff;display:block;border: 0.5px solid #0066cc; border-radius:1em;margin: 2% 0 0 0; padding:1%; color:#000!important; }
ul.linkbnr-wrap2 li a:hover{background:#F0F8FF;display:block;border: 0.5px solid #191970;}
ul.linkbnr-wrap2 li{float:left;width:47%;margin:0% 0 2% 0;list-style:none;}
ul.linkbnr-wrap2 li span{display:inline-block;font-size:90%;margin:0% 0 2% 2%;color:#333333;
border-bottom:1px #0066CC dotted;letter-spacing:0.1em;letter-spacing:0.1em;}
ul.linkbnr-wrap2 li strong{border:none;display:block;font-size:140%;background:none;margin:0 0 0 7%;letter-spacing:0.2em;padding:3% 1%;}
ul.linkbnr-wrap2 li strong::before{font-weight:normal;content:"「";padding:0% 1%;font-size:80%;}
ul.linkbnr-wrap2 li strong::after{font-weight:normal;content:"」はこちら";padding:0% 1%;font-size:80%;}




/*2025*/
.card{width:22%; border:1px solid #0099FF; background: #fff;border-radius:5px;box-shadow:0 2px 2px #8B4513;float:left;margin:0% 1% 0% 1%;}
/*2分割*/
.card .card-title1{font-size:110%;letter-spacing:5px;}
.card-title1 a{display:block;font-size:100%!important;padding:0px;margin:0;font-weight:bold;text-align:center;padding:5px 0;border-radius: 5px 5px 0 0;}
.card-title1 a:hover{color:#FFA07A!important;}
.card-img {height:120px; object-fit: cover;;margin:5% auto;}
.card-content {  padding:1% 3%;height:200px;text-align:left;}
.card p.card2-text{font-size:100%!important;  height:90px;line-height: 1.5;padding:3% 5%!important;}



/*---**仕事についてバナー＾緑02962f*-----------------------------------------*/

ul.linkbnr-wrap3 li{width:85%;list-style:none;}
ul.linkbnr-wrap3 li span{background:#F5FFFA;display:inline-block;font-size:90%;margin:0% 0 2% 2%;color:#333333;border-bottom:1px green dotted;letter-spacing:0.1em;letter-spacing:0.1em;}
ul.linkbnr-wrap3 li strong{font-weight:normal;display:block;font-size:150%;margin:2% 0 1% 4%;letter-spacing:0.2em;}
ul.linkbnr-wrap3 li strong span{font-weight:bold;font-size:140%;border:none;}

ul.linkbnr-wrap3 li{      display:block;border: 1px solid green;margin: 3% 0 0 0; padding:3% 3%;background-size:30% auto, auto;color:#000!important; }
ul.linkbnr-wrap3 li:hover{display:block;border: 1px solid green;margin: 3% 0 0 0; padding:3% 3%; background-size:30% auto, auto;color:#004400!important; }

ul.linkbnr-wrap3 li:hover strong,ul.linkbnr-wrap3 li:hover span{color:#0066CC;}

li.linkbnr5{background:url(shigoto9.jpg) top right no-repeat,linear-gradient( to right,#F8F8FF,#EEEEEE);    }
li.linkbnr6{background:url("shigoto5.jpg") top right no-repeat,linear-gradient( to right,#F8F8FF,#EEEEEE); }
li.linkbnr7{background:url(shigoto2.jpg) top right no-repeat,linear-gradient( to right,#F8F8FF,#EEEEEE); }
li.linkbnr8{background:url(shigoto7.jpg) top right no-repeat,linear-gradient( to right,#F8F8FF,#EEEEEE);    }
li.linkbnr9{background:url(shigoto9.jpg) top right no-repeat,linear-gradient( to right,#F8F8FF,#EEEEEE);    }


/*見出しナビ*/
ul.linkbnr-wrap3 ul{width:auto;text-align:center!important;margin:0% 0!important;}
ul.linkbnr-wrap3 ul li{float:left;list-style:none;width:auto;text-align:center;height:20px; padding:0 0 0 5%;border:none;}
ul.linkbnr-wrap3 ul li:hover{padding:0 0 0 5%!important;border:none!important;}
ul.linkbnr-wrap3 ul li a{color:green; border-bottom:1px dotted green;padding-bottom:3%;}
ul.linkbnr-wrap3 ul li a:hover{color:green;padding-bottom:3%;}
ul.linkbnr-wrap3 ul li span{font-weight:bold;padding:2% 0!important;}



/*★*****サイドナビ２**20240521　第二階層表示VER

#side-left ul.mainNav1 li .level_1{display: none;}
#side-left ul.mainNav1 li{list-style-type: none;}

#side-left ul.mainNav2{list-style: none;padding: 0;margin: 0;display: flex;background-color: #F0F8FF;margin-top:10%;}
#side-left ul.mainNav2 li{float:left;width:20%;paddding:5%;margin: 0;}
#side-left ul.mainNav2 li a.current {border-bottom: 3px solid yellow;}
#side-left ul.mainNav2 a{display: block;padding: 14px 20px;text-decoration: none;text-align: center;background-color: #F0F8FF;}
#side-left ul.mainNav2 a:hover {background-color: #ADD8E6;}

#side-left ul.mainNav3{display:none;}
#side-left ul.mainNav3 li{display:none;}
**/

/*★*****サイドナビ3階層**20240521　第3階層表示VER--------------------------------------------

#side-left ul.mainNav1,#side-left ul.mainNav2{margin:2%;padding:0;}
#side-left ul.mainNav1 li{list-style-type: none; margin:0;padding:0;backgournd-color:#BBBBBB;}
#side-left ul.mainNav1 li .level_1{display: none;}
/*第２階層
#side-left ul.mainNav2 li .current{/*background:#777777;*/}
#side-left ul.mainNav2 li{list-style-type: none;margin:0;padding:0px 0px;}


/*サイドナビ背景色*/


#side-left ul.mainNav3{font-size:90%;list-style: none;padding: 0;margin: 0;display: flex;background-color: #F0F8FF;margin-top:10%;}
#side-left ul.mainNav3 li{float:left;width:20%;paddding:5%;margin: 0;}
#side-left ul.mainNav3 li a.current {border-bottom: 1px solid #0066CC;background:#F0F8FF;}
#side-left ul.mainNav3 a{display: block;padding:2% 2%;text-decoration: none;text-align:left;width:auto;border-bottom:1px solid #ccc;}
#side-left ul.mainNav3 a:hover {background-color: #ADD8E6;border-bottom:1px solid #ccc;}
#side-left ul.mainNav3 a::before { content: "▶ "; color: #99CCFF; font-size:80%;}

#side-left ul.mainNav1 li,#side-left ul.mainNav2 li{list-style-type: none;}
#side-left ul.mainNav1 .level_1{display:none;}
#side-left ul.mainNav2 .level_2{display:none;}
#side-left ul.mainNav3{display:block;}


/*******************************************/
/*topbnr文字共通*/
#wraptopbnr p,#wraptopbnr1 p{text-align:left;font-size:90%;}
#wraptopbnr{background:linear-gradient(to top, #FFFAF0, #FAF0E6);padding:0;margin:0;text-align: center;}
#wraptopbnr1{background:linear-gradient(to top, #F0FFF0, #99CC99);padding:0;margin:0;text-align: center;}

ul.topbnr{width:100%;padding:0;margin:0;list-style:none;}
ul.topbnr li{float:left;width:29%;padding:1%;margin:2% 0.5%;height:auto;background:#fff;}

#wraptopbnr ul.topbnr li{border-top:5px solid #F4A460;}
#wraptopbnr1 ul.topbnr li{border-top:5px solid #339933;}

.bnrtitle{font-size:110%;display:block;margin:0;padding:1%;text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,0px 1px 0 #FFF,  0-1px 0 #FFF,
-1px 0 0 #FFF, 1px 0 0 #FFF;}
ul.topbnr li strong{display: block;margin:0% 0;padding:3% 0;font-size:140%;}

/******リスト******/
ul.topbnr li ul:after {content: " ";display: block;height: 0;clear: both;visibility: hidden;}
ul.topbnr li ul{padding:0;margin:0;padding-inline-start:0;}
#wraptopbnr ul.topbnr li ul li{border:1px solid gray;border-radius:0.2em;float:left;font-size:80%;width:80%;display:inline-block;margin:1% 1% 1% 1%;
padding-left:1%;  color: #333;  text-decoration: none;}
#wraptopbnr1 ul.topbnr li ul li{border:1px solid gray;border-radius:0.2em;float:left;font-size:80%;width:40%;display:inline-block;margin:0 1% 1% 1%;
padding-left:1%;  color: #333;  text-decoration: none;}
#wraptopbnr ul.topbnr li ul li a,#wraptopbnr ul.topbnr li ul li a:hover{display:block;}
#wraptopbnr1 ul.topbnr li ul li a,#wraptopbnr1 ul.topbnr li ul li a:hover{display:block;}

#wraptopbnr ul.topbnr li ul li:hover{background:#FFDBC9;}
#wraptopbnr1 ul.topbnr li ul li:hover{background:#CBFFD3;}



/*******************************************/
/*shigoto-bnr　仕事バナー共通*/

#wrapshigoto-bnr{padding:0;margin:0;text-align: center;}
ul.shigoto-bnr{width:100%;padding:0;margin:0;list-style:none;}
ul.shigoto-bnr li{border:1px solid #DCDCDC;border-top:5px solid #CCCCFF;float:left;width:25%;padding:1% 3%;
margin:2% 1%;height:100px;
background:#fff;}
ul.shigoto-bnr-wide li{border:1px solid #DCDCDC;border-top:5px solid #CC99FF;float:left;width:40%;padding:1% 1%;
margin:2% 2%;height:100px;
background:#fff;list-style:none;}

.shigoto-bnrtitle{font-size:140%;font-weight:bold;display:block;margin:2% 0 3% 0;padding:1%;}
span.shigoto-bnr-btn  a{width:50%;margin:1% auto;display: block;color:#fff;background:#CC99FF;padding: 0.1em;}
span.shigoto-bnr-btn  a:hover {width:50%;margin:1% auto;color:#000!important;background:#CC99FF；}
ul.shigoto-bnr li p{text-align:center;padding:2% 0;font-size:90%;margin:1% 0;}

/***2024使いまわし　ORG****************************************/


/******リンク******/
.bnr-btn{clear:both;font-size:90%;margin:3% auto;}
.bnr-btn a{width:auto;margin:3% auto;display:inline-block;padding:0.5em 1em;color:#0066CC!important;border:1px solid #0066CC;background:#fff;}
.bnr-btn a:hover{width:auto;color:#fff!important;background:#0066CC;padding:0.5em 1em;display:inline-block;}

.bnr-btn-big{clear:both;font-size:130%;margin:3% auto;}
.bnr-btn-big a{width:auto;margin:3% auto;display:inline-block;color:#fff;padding:1em 2em;}
.bnr-btn-big a:hover{width:auto;color:#fff!important;background:#3399FF;padding:1em 2em;display:inline-block;}



/***装飾文字：トップページのグレー枠のまとめコメント********/
.txt1{font-size:110%!important;line-height:200%;padding:0% 2%;text-align:center;margin:0% 2%; }
.txt2{font-size:110%!important;line-height:200%;text-align:center;padding:0% 2%;}
.txt2 a{color:#0066CC!important;}
.txt2 a:hover{color:#3399FF!important;}
.txt3{font-size:115%!important;line-height:200%;text-align:left;padding:0% 2%;}
.txt3-c{font-size:115%!important;line-height:200%;text-align:center;padding:2% 2%;}
.txt4{font-size:90%!important;line-height:150%;text-align:center;padding:2% 2%;}
.txt5{font-size:120%!important;line-height:150%;text-align:center;padding:2% 2%;font-weight:bold;}
.txt2 strong,.txt1 strong{font-size:140%!important;padding-bottom:1%;display:block;}



/**/
/*2025top用*/
.txt1-l-b{font-size:220%!important;line-height:130%;text-align:left;padding:3% 2%;font-weight:bold;color:#0099CC;color:#000;}
.txt2-l-b{font-size:160%!important;line-height:130%;text-align:left;padding:1% 2%;font-weight:bold;color:#0099CC;color:#000;}
.txt2-l-b-normal{font-size:160%!important;line-height:130%;text-align:left;padding:1% 2%;color:#000;}
.txt3-l-b{font-size:110%!important;line-height:130%;text-align:left;padding:1% 2%;color:#000;}

/**/
.txt1-l{font-size:250%!important;line-height:200%;text-align:left;padding:3% 2%;font-weight:bold;}/*2024左寄せ大文字*/
.txt1-c{font-size:160%!important;line-height:200%;text-align:center;padding:2% 2%;font-weight:bold;}/*2024センター寄せ大文字*/
.txt2-l{font-size:160%!important;line-height:150%;text-align:left;padding:1% 2%;font-weight:bold;color:#0066CC;}/*2024左寄せ中文字*/
.txt2-l:before{/*content:"●";color:#3399FF;*/ }
#cc-m-14180455490 .txt2-l:before{content:none; }
.txt2-c{font-size:170%!important;line-height:150%;text-align:center;padding:1% 2%;font-weight:normal;}
.txt3-l{font-size:150%!important;line-height:150%;text-align:left;padding:1% 2%;font-weight:normal;}
.txt3-c{font-size:150%!important;line-height:150%;text-align:center;padding:1% 2%;font-weight:normal;}/*2024左寄せ中文字*/
.txt4-l{font-size:120%!important;line-height:200%;text-align:left;padding:1% 2%;font-weight:normal;}/*2024左寄せ小文字*/
.txt4-c{font-size:120%!important;line-height:200%;text-align:center;padding:1% 2%;font-weight:normal;}/*2024左寄せ小文字*/
/*span*/
.txt1-l span,.txt2-l span,.txt3-l span,.tx4-l span{diplay:inline-block;font-size:60%!important;padding:1% 4%;}

.bigtxt{font-size:140%!important;}
/*img*/
.txt2 img{float:left;padding:0 3% 3% 0;width:20%;}
.txt4-l img{width:25%;margin:0%!important;padding:0 0 2% 2%!important;float:right;}
/*li*/
.txt3 li{    list-style-type:upper-latin;}
/***画像********/
img.migigawa{padding:5%;float:right;width:auto;height:100px;}

/*はてなボックス*/
.question-box {  display: flex;  align-items: center;
  border: 2px solid #4CAF50;   padding: 4% 3%;
  border-radius: 8px;  background-color: #f6fff6; /* 少し緑がかった背景（任意） */
  margin: 4% 0;
}

.question-box .icon {  width: 40px;  height: 40px;  background-color: #4CAF50; /* 緑の背景 */
  color: white;  font-weight: bold;  font-size: 130%;
  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  margin-right: 10px;
}
.question-box .comment {  flex: 1;  font-size: 130%;font-weight:bold;}
/* はてな緑系 */
.green-box {  border: 2px solid #4CAF50;color:#4CAF50;  background-color: #f6fff6;}
.green-box .icon { background-color: #0099CC;}

/* はてな青系 */
.blue-box {  border: 2px solid #0099CC;  background-color: #f0f8ff;color:#2196F3;}
.blue-box .icon {  background-color:#0099CC;}


/*緑バージョン------------------------------------------*/
.txt3 dl{
    border-bottom: 1px solid #ccc;
}
.txt3 dl dt{
    width:25%;
    border-top:1px solid #ccc;
    margin:0 20px 0 0;
    padding: 5px 5px 5px 15px;
    float:left;
    clear:left;border-left:5px solid #3CB371;background:#F5FFFA;
}
.txt3 dl dd{
    margin:5px 0 5px 25%;
    padding:0;
    padding:5px 5px 5px 20px;
    border-top:1px solid #ccc;
}


/*---2024 お知らせ開閉ーーーーーーーーーーーーーーーーーーーーーーーーー
.news{margin:0% 10%;}
.news-title{border-bottom:1px dotted gray;padding:1% 0;margin:0%;}
.news-title a{color:#000;font-weigth:bold;}
.news-day{font-size:90%;padding-right:3%;}
.news-answer{margin:0% 0%!important;border-bottom:1px solid gray;background:#F5F5F5;}
.news-day{color:gray;d;display:inline;}
.news-contents{font-size:110%;padding:1% 1%;margin:0%;}
.news-title a:before {
  content: '▼'; }ー*/


/**2025 お知らせ******************************************/
 .news-item {display: flex;gap: 20px;margin-bottom: 20px;border: 1px solid #ddd;border-radius: 10px;overflow: hidden;}
.news-item img {width: 200px;height: auto;object-fit: cover;align-self: flex-start;}
.news-content {padding: 10px;text-align:left;flex-grow: 1;}
.news-date {color: #888;font-size: 14px;margin-bottom: 5px;}
.news-category {display: inline-block;padding:0.2% 0.5%;border-radius: 5px;font-size: 12px;}
.news-title {font-size: 18px;font-weight: bold;color: #333;margin: 10px 0;}
.news-description {}



/*2024 皆さんからのご質問menu-titleFAQ*/
.question a,.question2 a{width:25%;display:inline-block;margin:0;border:1px solid gray;border-radius:0.2em;float:left;margin:0 3% 1% 0;}
.cc-page-index .question a{font-size:80%;width:42%;display:inline-block;margin:0;margin:0 1% 1% 1%;}
.question a,.question2 a{ position: relative;  display: inline-block;  padding-left:3%;  color: #333;  text-decoration: none;}
.cc-page-index .question a{ padding-left:1%;  color: #333;  text-decoration: none;}

.question a:hover,.question2 a:hover{background:#FFE4E1;color:#663300!important;font-weight:bold;border:1px solid #663300;} 
.question a:before,.question2 a:before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-bottom: solid 2px #333;
  border-right: solid 2px #333;
  position: absolute;
  top: 50%;
  left:3%;
  margin-top: -6px;
  transform: rotate(45deg);
}
.cc-page-index .question a:before {content:none;}
.question2 a{width:40%;}


/* -皆様からの質問 menu-title */
.menu-title{position:relative;border-bottom:1px dotted gray;margin:0 2%;font-size:135%;padding:4% 0;cursor:pointer;}
.menu-title .que{display:inline-block;margin-right:0.5em;}
.menu-title a{color:#333;text-decoration:none;}
.menu-title::after{content:'+';position:absolute;right:2%;top:50%;transform:translateY(-50%);font-size:145%;transition:transform 0.2s;}
.menu-title.open::after{content:'−';}
.menu-answer{display:none;clear:both;margin:2% 3% 7% 3% !important;padding:0% 2% !important;background-color:#F0FFFF;border-bottom:1px solid #00BFFF;padding-bottom:15% !important;}
.menu-answer .menu-answer{margin:2%;border:1px solid #32CD32;}

/*---皆様からの質問 queーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.quetxt{font-size:120%!important;line-height:200%;text-align:left;}
.quetxt:after { content: ""; display: block; height: 0; visibility: hidden; clear: both;}
.menu-answer .quetxt .quetxt{font-size:100%!important;}
 .que{font-size:120%;color:#FF0461;font-weight:bold;display:inline;}
 .que1{color:#FF6928!important;font-weight:bold;font-size:100%;display:inline;}
 .ans{font-size:120%;color:#00BFFF!important;font-weight:bold;}
 .ans1{color:#32CD32!important;font-size:100%!important;font-weight:bold;}
.quetxt img.QAimg{width:70%;margin:2% auto;}
.quetxt .sp-left{width:47%;margin:1%;float:left;background:#fff;padding:0.5%;}
.quetxt .sp-left:before {text-align:center;font-size:80%;content:"社内で協働し成長　コース";color:#fff;display:block;background:rgb(12, 198, 173);
line-height: 140%;margin-bottom:4%;}
.quetxt .sp-right{width:47%;margin:1%;float:right;background:#fff;padding:0.5%;}
.quetxt .sp-right:before {text-align:center;font-size:80%;content:"一人で独立　コース";color:#fff;display:block;background:#00BFFF;
line-height: 140%;margin-bottom:4%;}



/*---スピード感について menu-titleーーーーーーーーーーーーーーーーーーーーーーーーーー*/
   .menu-title-sp{border-bottom:1px dotted gray; margin:2% 2%;}
   .menu-title-sp a{color:#333; font-size:110%;margin:0% 0%;display:inline-block;width:80%;}
   .menu-title-sp a:hover{background:#F5F5F5;display:inline-block;}
   .menu-answer-sp{margin:2% 3% 7% 5%!important;padding:0% 1%!important;background-color:#F0FFFF;border-bottom:1px solid #00BFFF;padding-bottom:15%importnant;}
   .menu-answer-sp .menu-answer-sp{margin:2%; border:1px solid #32CD32;}
/*---スピード感について queーーーーーーーーーーーーーーーーーーーーーーーーーー*/
 .que-sp{font-size:120%;color:#FF0461;font-weight:bold;display:inline;margin-left:5%;}

/**スピード感トップページのボタン***/
.top-sp-list li{float: left;width: 40%;display: inline-block;margin: 0 1% 1% 1%;
padding-left: 1%;color: #333;text-decoration: none;padding-right:0;}
.top-sp-list li a{display:block;border:1px solid #e0ffff;padding:2% 2%;background:#fff;border: 1px solid gray;border-radius: 0.2em;}
.top-sp-list li a:hover{display:block;border:1px solid #e0ffff;padding:2% 2%;background:#f0ffff;border: 1px solid #3399CC;}



/*ーー2024不使用？　開閉ーーーーーーーーーーーーーーーーーーーー

  .menu2{margin-bottom:4%!important;}
  .menu2 a{color:#000;}
.menu2-title{border-radius:2em;padding:0.5% 1% 0.5% 1%; border:1px dotted lightgray;background:#fff;margin:1% 0% 0% 0%;font-size:100%;height:auto;} 
.menu2-title a{padding:0% 0 0 4%;;margin-top:4%;line-height: 250%;    vertical-align: top;}
.menu2-title strong{font-size:70%; padding:0%;color:#fff;display:inline-block; width:30px; height:30px; background-color:#0066CC;border-radius: 50%; margin: 0 auto; text-align: center; line-height:370%;}
.menu2-title span{font-size:170%;}


.menu2-answer img{height:150px;float:right;padding:0 5% 2% 5%;}
.menu2-answer p{font-size:100%;}
.menu2-answer em{font-weight: bold;display:inline-block;text-align:center;color:#0066CC; background:linear-gradient(transparent 60%, #D7EEFF 60%);font-style:normal;}
.menu2-answer strong{font-size:100%;color:#0066CC;}
.menu2-answer{padding:2% 4% 2% 4%; border-radius:3em;border-right:1px dotted lightgray;border-left:1px dotted lightgray;border-bottom:1px dotted lightgray;}
.menu2-answer{ background: #FFF;}-----*/


/**★2024★*****2024　使用　開閉************************/
.cp_box *, .cp_box *:before, .cp_box *:after {-webkit-box-sizing: border-box;box-sizing: border-box;}
.cp_box {padding:0% 8% 0% 8%; border:1px dotted lightgray;width: auto;margin: 1em 0%;}
/*画像付きのとき枠なし*/
.j-textWithImage .cp_box{ border:none;}

.cp_box h3{font-weight: bold;font-size:100%;margin-bottom:2%;text-align:left!important;}
/*.cp_box span{font-size:80%; padding:0;margin-right:4%;margin-left:-5%;color:#fff;display:inline-block; width:30px; height:30px; background-color:#0066CC;border-radius: 50%; text-align: center; line-height:270%;}*/
.cp_box img{height:100px;float:right;padding:0 5% 2% 5%;}
.cp_box label{font-size:90%;position: relative;display: block;width:35%;margin:1% 2%;padding: 0 1em;
cursor: pointer;transition: all 0.3s;text-align:center;color: #6495ED;border: 1px solid #6495ED;}
.cp_box label:hover {transition: all 0.3s;color: #ffffff;background: #6495ED;}
.cp_box label::after {content: '↓';color: #6495ED;}
.cp_box label:hover::after {color: #ffffff;}
.cp_box input:checked ~ label::after {content: '↑';color: #6495ED;}
.cp_box input:checked ~ label:hover::after {color: #ffffff;}
.cp_box input {display: none;}
.cp_box .cp_container {position: relative;z-index: 10;overflow: hidden;height: 0;margin-bottom:0%;transition: height 0.3s ease-in-out,
box-shadow 0.6s linear;background: rgba(255, 255, 255, 0.5);}
.cp_box .cp_container p{padding:1% 0;    font-size: 120% !important;padding: 0 2%;    line-height: 200%;}
.cp_box input:checked ~ div {transition: height 0.5s ease-in-out,box-shadow 0.1s linear;}
/* 続きを読むを押すと表示されるテキストの高さ */
.cp_box input:checked ~ div.cp_container {height:auto;padding-bottom: 4%;}


/**★2024★kokomade*/
 
 
/********　間違えないで下さい／転職希望者の皆さんへ#02962f　‣　勉強して欲しいでも使用************************/
.tensyoku_box *, .tensyoku_box *:before, .tensyoku_box *:after {-webkit-box-sizing: border-box;box-sizing: border-box;}
.menu2 .tensyoku_box {border-radius:2em;padding:1% 8% 0% 8%; border:1px dotted lightgray;background:#fff;width: auto;margin: 1em 10%;}
.tensyoku .tensyoku_box {padding:1% 0% 0% 0%; border-bottom:1px dotted gray;width: auto;margin: 1em 0%;}

.tensyoku_box h3{color: #0066CC;font-weight: bold;font-size:190%;margin:3% 0;text-align:left!important;}
.tensyoku_box h3 span{font-size:100%; padding:0;margin-right:2%;color:#fff;display:inline-block; width:65px; height:65px; background-color: #0066CC;border-radius: 50%; text-align: center; line-height:270%;}
.tensyoku_box strong{font-size:150%;}
.tensyoku_box img{height:150px;float:right;padding:0 5% 2% 5%;}
.tensyoku_box label{font-size:100%;position: relative;display: block;width:15%;margin:4% auto;padding: 0 1em;
cursor: pointer;transition: all 0.3s;text-align: center;color: #0066CC;border: 1px solid #0066CC;border-radius:0.5em;}
.tensyoku_box label:hover {transition: all 0.3s;color: #ffffff;background: #0066CC;}
.tensyoku_box label::after {content: '↓';color: #0066CC;}
.tensyoku_box label:hover::after {color: #ffffff;}
.tensyoku_box input:checked ~ label::after {content: '↑';color: #02962f;}
.tensyoku_box input:checked ~ label:hover::after {color: #ffffff;}
.tensyoku_box input {display: none;}
.tensyoku_box .cp_container {position: relative;z-index: 10;overflow: hidden;height: 0;margin-bottom:0%;transition: height 0.3s ease-in-out,
box-shadow 0.6s linear;background: rgba(255, 255, 255, 0.5);}
.tensyoku_box .cp_container p{padding:1% 0;}
.tensyoku_box input:checked ~ div {transition: height 0.5s ease-in-out,box-shadow 0.1s linear;}
.tensyoku_box input:checked ~ div.cp_container {height:auto;padding-bottom: 4%;}

/*開閉の中のボタン*/
.tensyoku_link { display: flex; gap: 15px; padding: 20px; justify-content: flex-end; }
.tensyoku_link .button {padding: 12px 24px; border: 1px solid #0066cc; border-radius:1ex; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); text-align: right; transition: all 0.3s ease; }
.tensyoku_link .button a { color: #0066cc; text-decoration: none; font-size: 15px; font-weight: bold; display: flex; align-items: center; justify-content: space-between; gap: 5px; }
.tensyoku_link .button a .arrow { font-weight: bold; transition: margin-left 0.3s ease; }
.tensyoku_link .button:hover { background: linear-gradient(to bottom, #99CCFF, #D9E5FF); transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); }
.tensyoku_link .button:hover .arrow { margin-left: 6px; }

/*大きくなるバナー*/


/*明朝----文字-*/
.movebnr p{font-family:"Rob　oto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;  }
.movebnr-box{background:#F5F5F5;padding:3% 3% 70px 3%;}/*下に画像―１００px用*/
.movebnr-box span{font-size:80%;padding-left:5%;color:gray;}
/*TOPマウスオーバーで拡大するbnr*/
.movebnr{margin:0px 0;padding:0;}
.movebnr {overflow: hidden; position: relative;}
.movebnr p{position: absolute; top:70%;left: 65%;text-shadow:1px 1px 1px #000000;
 -ms-transform: translate(-70%,-65%);  -webkit-transform: translate(-70%,-65%);  transform: translate(-70%,-65%);  margin:0;  padding:0;color: white; font-weight: bold;font-size:2em;width:80%;}
  .movebnr p span{display:block;font-size:60%!important;}
.movebnr img{width: 100%;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear; 
height: 250px;  object-fit: cover;object-position: 50% 20%; /* トリミング */}
.movebnr img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}




/***応募　職業の表　概要**********----------------------------------**/
table.top-gaiyou {margin:50px auto; border-collapse:collapse;border-spacing: 0px 1px;border-right:#999 1px solid!important;}
table.top-gaiyou strong{background:none;}
/*幅の設定*/

table.top-gaiyou th.t1{width:30%;}
table.top-gaiyou th.kategori{width:6%;}
table.top-gaiyou th.t2{width:25%;}
table.top-gaiyou th.t3{width:25%;}
table.top-gaiyou th.t4{width:15%;}

/*【職種】医療・財務・PCのタイトル------*/
table.top-gaiyou th.gyou{text-align:center;font-size:120%;vertical-align: middle;border-left:#999 1px solid;border-top:#999 1px solid;
border-bottom:#999 1px solid!important;}
table.top-gaiyou th.gyou strong{font-size:120%;display:block;line-height:220%;}
table.top-gaiyou th.gyou a{color:#000!important;padding:20px 0px;background:#fff;}
table.top-gaiyou th.gyou a:hover{color:#0000CC!important;padding:20px 0px;background:#F0F8FF;}
table.top-gaiyou th.gyou span{display:block;padding:0;maring:0;font-size:90%;font-weight:normal;}


/*職種のタイトル　1番左の列　背景色----*/
table.top-gaiyou th.kategori{border-left: #999 1px solid;border-bottom: #999 1px solid;color:#fff;}
table.top-gaiyou th.kate1{background:#111111;}
table.top-gaiyou th.kate2{background:#444444;}
table.top-gaiyou th.kate3{background:#666666;}
table.top-gaiyou th.kate4{background:#888888;}



/*職種のタイトル　2番左の列----*/
table.top-gaiyou th.r1{border-right: #999 1px solid; padding:10px 10px; vertical-align: middle;text-align: left;border-bottom: #999 1px solid;}
table.top-gaiyou th.r1 strong{margin-bottom:4px;font-size:130%;display:block;line-height:170%;font-weight:bold;}
table.top-gaiyou th.r1 span{display:block;color:#000!important;font-size:100%;font-weight:normal;}
table.top-gaiyou th.r1 strong span{display:inline;color:#000!important;font-size:90%;border:1px solid #666;
padding:2%;margin-left:2%;text-shadow:none;background:none;}
table.top-gaiyou th.r1 p{color:#000!important;font-size:100%;border:1px solid #666;font-weight:bold;
padding:2% 1%;margin-left:0%;text-shadow:none;background:none;}

/*1番左のサブコメント*/
table.top-gaiyou th.syok u2 span{display:block;color:#FF773E!important;font-weight:bold;}
table.top-gaiyou th.syoku3 span{display:block;color:#FF69A3!important;font-weight:bold;}
table.top-gaiyou th.syoku4 span{display:block;color:#00AA00!important;font-weight:bold;}
/*職種のタイトル　1番左の列-  色付けボーダー---*/
table.top-gaiyou th.syoku1{border-left:8px solid #0099FF;}
table.top-gaiyou th.syoku2{border-left:8px solid #FF9933;}
table.top-gaiyou th.syoku3{border-left:8px solid #FF99CC;}
table.top-gaiyou th.syoku4{border-left:8px solid #66CC99;}




/*【職業】のタイトル*/
table.top-gaiyou td{vertical-align: middle; text-align: left; border-bottom:#999 1px solid;padding:5px 5px;font-size:110%;} 


/**全部のセルのマウスオーバー**/
/*td*/
table.top-gaiyou td a{display:block;color:#000;display:block;width:100%;padding:10px 0px;}
table.top-gaiyou td a:hover{/*display:block;color:#0000FF!important;border-radius:6px;padding:10px 0px;*/}

/*th*/
table.top-gaiyou th a{display:block;width:95%;}

  
/**３列目の薄い背景色（医療・財務系）***/
.top-gaiyou td.syoku2{background:#FFFFCC;}/*中堅：オレンジ*/
.top-gaiyou td.syoku3{background:#FFF0F5;}/*一般：ピンク*/
.top-gaiyou td.syoku4{background:#F0FFF0;}/*他：みどり*/
.top-gaiyou td.r2 {width:25%;border-left: #fff 1px solid; border-right: #999 1px solid;}
/*蛍光ペン*/
.top-gaiyou td.syoku2 span{background: linear-gradient(transparent 30%, #FFDBC9 30%);}/*中堅：オレンジ*/
.top-gaiyou td.syoku3 span{background: linear-gradient(transparent 30%, #fbd 30%);}/*一般：ピンク*/
.top-gaiyou td.syoku4 span{background: linear-gradient(transparent 30%, #B1F9D0 30%);}/*他：みどり*/

/*一般グループ*/
.top-gaiyou .ippan{border-top:20px #FF99CC solid!important;}/*他/

/*他グループの上部分を空欄にする*/
.top-gaiyou .hoka{border-top:20px #c0c0c0 solid!important;}/*他/

/*マウスオーバー*/
.top-gaiyou td.syoku2:hover{background:#FFC7AF;color:#FF570D!important;}/*中堅：オレンジ*/
.top-gaiyou td.syoku2 a:hover{color:#8B0000!important;}
.top-gaiyou td.syoku3:hover{background:#FFD5EC;color:#FF570D!important;}/*一般：ピンク*/
.top-gaiyou td.syoku3 a:hover{color:#A52A2A!important;}
.top-gaiyou td.syoku4:hover{background:#CEF9DC;color:#FF570D!important;}/*他：みどり*/
.top-gaiyou td.syoku4 a:hover{color:#009900!important;}

.top-gaiyou td.r2-nashi {width:25%;border-right: #999 1px solid;background:#DDDDDD;}
.top-gaiyou td.r2-horyu {width:25%;border-right: #999 1px solid;background:#EEEEEE;}

  
/**４．PC系*
.top-gaiyou td.r4 {background: #D9E5FF;border-right: #999 1px solid;}
.top-gaiyou td.r4-nashi {border-right: #999 1px solid; background:#DDDDDD;}**/





/**応募フォーム**********************************************************************/
.cc-m-form-subheading{font-size:80%!important;font-weight:normal;margin-bottom:20px;}







/**採用のポリシー リンクボックス******/
.policy-link a{text-align:center!important;color:#fff;margin:10px 10px 10px 30px!important;color:#fff;
font-size:100%!important;border-radius:20px;float:left;padding:5px 5%;color:#fff!important;display:block;}
.policy-link a strong{font-size:120%!important;}



/***採用　医療トップ**********----------------------------------**/
#saiyou-iryou{margin:10px auto;}
#saiyou-iryou h3{color:#000!important;margin:40px 0 0 0;text-align:left!important;padding:20px 50px 20px 70px;
background:url("17910867.jpg") left no-repeat!important;background-size:6% auto!important;font-size:200%!important;
line-height:40px; height:auto;}
#saiyou-iryou h3 a{color:#000!important;}
#saiyou-iryou h3 a:hover{color:#0066CC!important;}

#saiyou-iryou h3 strong{text-align:center!important;padding:5px 5px;color:#fff;background:#fff;margin:0px 0px 0px 20px!important;
width:20%;font-size:50%!important;color:#FF6633!important;font-weight:normal;vertical-align:top;border:1px solid #FF6633;}



#saiyou-iryou h4{margin:0px!important;text-align:left!important;padding:0px 10px 10px 50px!important;line-height:40px; height:auto;line-height:40px; height:auto;}
#saiyou-iryou p{margin:0px;text-align:left!important;padding:10px 10px 10px 50px!important;font-size:140%;}
#saiyou-iryou .txt3{margin:0px 50px;text-align:left!important;padding:0px;}


/*矢印*/
.arrow1{position: relative;display: inline-block;padding-left: 20px;}
.arrow3{position: relative;display: inline-block;padding-left:20%;}
.arrow3::before{content: '';width: 6px;height: 6px;border: 0px;border-top: solid 3px #fff;border-right: solid 3px #fff;
-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;left:9%;margin-top: -4px;}
.arrow4{position: relative;display: inline-block;padding-left:20%;}
.arrow4::before{content: '';width: 6px;height: 6px;border: 0px;border-top: solid 2px #6495ED;border-right: solid 2px #6495ED;
-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;left:9%;margin-top: -4px;}


/*使用top お知らせ・全体像2024*/
.arrow{position: relative;display: inline-block;}
.arrow::before{content: '';width: 6px;height: 6px;border: 0px;border-top: solid 2px #0066CC;border-right: solid 2px #0066CC;
-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;left: 10px;margin-top: -4px;}
a.arrow{color:#0066CC!important;font-size:80%!important;border:1px solid #0066CC;padding:0 0.5% 0 30px;}

.arrow2{position: relative;display: inline-block;padding-left: 20px;}
.arrow2::before{content: '';width: 6px;height: 6px;border: 0px;border-top: solid 2px #000;border-right: solid 2px #000;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;left: 0;margin-top: -4px;}
a.arrow2{color:#0066CC!important;font-size:120%!important;padding:0 0.5% 0 30px;}



/*使用arrowlink 2　2024使用メッセージ**/
.arrow-link2{margin-bottom:3%;}
.arrow-link2 a{text-align:center!important;margin:10px 10px 10px 30px!important;color:blue!important;font-size:100%!important;
border-radius:20px;padding:5px 10%;display:inline-block;border:1px solid blue;background:#fff;}
.arrow-link2 a:hover{background:#0066CC;color:#fff!important;}

.arrow-orange{position: relative;display: inline-block;padding-left:20%;}
.arrow-orange::before{content: '';width: 6px;height: 6px;border: 0px;border-top: solid 2px #02962f;border-right: solid 2px #02962f;
-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;left:9%;margin-top: -4px;}


/*arrowlink 3　緑#02962f*/
.arrow-link3{margin-bottom:3%;}
.arrow-link3 a{text-align:center!important;margin:10px 10px 10px 30px!important;color:#02962f!important;font-size:100%!important;
border-radius:20px;padding:5px 10%;display:inline-block;border:1px solid #02962f;background:#fff;}
.arrow-link3 a:hover{background:#F0F8FF;color:#02962f!important;}

.arrow-green{position: relative;display: inline-block;padding-left:20%;}
.arrow-green::before{content: '';width: 6px;height: 6px;border: 0px;border-top: solid 2px #02962f;border-right: solid 2px #02962f;
-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;left:9%;margin-top: -4px;}






.arrow_u {  position: relative; padding-left: 20px;  color: #333;  text-decoration: none;}
.arrow_u:before{  content: '';  width: 6px;  height: 6px;  border: 0;  border-bottom: solid 2px #333;  border-right: solid 2px #333;
  position: absolute;  top:50%;  right:10%;  margin-top: -6px;  transform: rotate(45deg);}


/**募集職種 リンクボックス******/
.arrow3,.arrow4{text-align:right!important;}
#saiyou-iryou .arrow3{margin-top:20px;}
.arrow3 a,.arrow4 a{color:#fff!important;;width:30%;text-align:center!important;color:#fff;padding:10px 10px;font-size:90%!important;border-radius:10px;}

.arrow3 span,.arrow4 span{color:#2F4F4F;font-size:85%;display:inline;border:1px solid;padding:4px 3px;margin-right:10px;background:#FFF;}
#saiyou-iryou .arrow3 a{background:#0099CC;margin-top:20px;}
#saiyou-iryou .arrow3 a:hover{background:#33CCFF;color:#fff!important;}
#saiyou-iryou .arrow4 a{background:#009933;}
#saiyou-iryou .arrow4 a:hover{background:#33CC33;color:#fff!important;}
.kihon .arrow3 a{background:#0099CC;margin-top:20px;}
.kihon .arrow3 a:hover{background:#33CCFF;color:#fff!important;}
.shigoto a.arrow1{background:#0099CC;margin-top:20px;text-align:right;}
.shigoto a.arrow1:hover{background:#33CCFF;color:#fff!important;}
/*青*/
.arrow06 {position: relative;padding-left: 22px;}
.arrow06::before {position: absolute;content: '';width: 17px;height: 17px;background: #0066CC;border-radius: 50%;top: 50%;left: 0;margin-top: -7px;}
.arrow06::after {position: absolute;content: '';width: 4px;height: 4px;border-top: solid 1px #fff;border-right: solid 1px #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 50%;left: 5px;margin-top: -1px;}
/*orrange*/
.arrow05 {position: relative;padding-left: 22px;}
.arrow05::before {position: absolute;content: '';width: 17px;height: 17px;background:#0066cc;border-radius: 50%;top: 50%;left: 0;margin-top: -7px;}
.arrow05::after {position: absolute;content: '';width: 4px;height: 4px;border-top: solid 1px #fff;border-right: solid 1px #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 50%;left: 5px;margin-top: -1px;}

/*green*/
.arrow04 {position: relative;padding-left: 22px;}
.arrow04::before {position: absolute;content: '';width: 17px;height: 17px;background:green;border-radius: 50%;top: 50%;left: 0;margin-top: -7px;}
.arrow04::after {position: absolute;content: '';width: 4px;height: 4px;border-top: solid 1px #fff;border-right: solid 1px #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 50%;left: 5px;margin-top: -1px;}


/*arrowlink 青**/
.arrow-link{text-align:center!important;margin-bottom:3%;}
.arrow-link a{text-align:center!important;margin:10px 10px 10px 30px!important;color:#4169E1!important;font-size:100%!important;
border-radius:20px;padding:5px 10%;display:inline-block;border:1px solid #6495ED;background:#fff;}
.arrow-link a:hover{background:#F0F8FF;color:#4169E1!important;}





/*--------------------------------------------------*/

/*吹き出し*/
.fukidashi {
  position: relative;display:inline-block;
  margin:2em 0 0 1em!important;padding:7px 10px;min-width: 120px; max-width: 100%;color: #555;
  background: #e0edff!important;
}

.fukidashi:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
}




/*サイドナビ　背景色*/



/*★*/
/****------------**/


#content-right{margin-top:250px;padding:0 2%%;}/*2% 見えない時*//*修正する前に*/
#content{overflow:hidden;}

.cc-indexpage #side-left{display:none;}
.cc-indexpage #content-right{width:98%;}/*修正する前に*/


/*****アクセスー******************************************************************************************************************/
.accsess {font-size:110%;}
.accsess strong{
  background: linear-gradient(transparent 30%, #fbd 30%);
}
/*****求人情報バナー******************************************************************************************************************/
.kyujin-box {margin: 0px 0 20px 0;padding: 0;}
.kyujin-box:after { content: ""; display: block;  clear: both;}
.kyujin-box ul {       list-style-type: none;}
.kyujin-box ul {width:100%;     *zoom: 1; /*forIE6,7*/   margin: 0;   padding:30px 0px;}
.kyujin-box ul:after {   content: "";   display: block;    clear: both;}
div.kyujin-box ul.pi {background-color:#FFE4E1;border-left:5px solid #FFC0CB;}
div.kyujin-box ul.ye {background-color:#FFFFE0;border-left:5px solid #FFD700;}
div.kyujin-box ul.gr {background-color:#E0FFFF;border-left:5px solid #20B2AA;}
div.kyujin-box ul.pi  li.title span {color:#FFB6C1;font-size:100%!important;padding:10px 0px;}
div.kyujin-box ul.ye  li.title span {color:#FFD700;font-size:100%!important;padding:10px 0px;}
div.kyujin-box ul.gr  li.title span {color:#20B2AA;font-size:100%!important;padding:10px 0px;}

div.kyujin-box ul li{float: left;padding:0px; *zoom: 1; /*forIE6,7*/  margin:0px 0px;font-weight:bold;font-size:220%!important;text-decoration:none;}
div.kyujin-box ul li.cont{width:65%; padding:0px; }
div.kyujin-box ul li.title {width:28%;padding:10px 0px;font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;}
div.kyujin-box ul li p{padding:0pximportant;margin:0px!important;font-size:120%!important;font-weight:bolder;font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;}
div.kyujin-box ul li span{font-size:50%!important;color:#444444;font-weight:normal;}


/****新人求人のリスト********************/
.shinjin-list
,.shinjin-list li{padding:0px;	margin:0px;}

.shinjin-list li{list-style-type:none !important;list-style-image:none !important;margin: 10px 0px 10px 0px !important;
position:relative;padding-left:20px;}
 
.shinjin-list li:after, .shinjin-list li:before{content:''; display:block; position:absolute; top:4px; left:8px; height:11px; 
width:4px; background:#00CCFF; border-radius:10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}

.shinjin-list li:before{top:8px; left:3px;height:8px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);
}
/*****仕事情報バナー**************************************************************************************************************
.shigoto-box {width:100%;margin: 0px 0 0px 0; padding: 0; border: 1px solid #2f2f2f:}
.shigoto-box:after { content: "";  display: block;  clear: both;}
.shigoto-box ul {       list-style-type: none;}
.shigoto-box ul {       width: 100%;      *zoom: 1; /*forIE6,7*/       margin: 0;     padding: 0;}
.shigoto-box ul:after {       content: "";       display: block;       clear: both;}
div.shigoto-box ul li {      float: left;      *zoom: 1; /*forIE6,7*/  margin:10px 0px;      
 width:30%;font-weight:bold;font-size:220%!important;text-decoration:none;
 font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
}
div.shigoto-box ul li a{text-shadow:1px 1px 1px rgba(0, 0, 0, 0.7),-1px -1px 1px rgba(255, 255, 255, 0.8);height:200px;line-height:140%;
content: "";       display: block;       clear: both;color:#000;text-align:center;padding:140px 0px 0px 0px;
background:url(https://u.jimcdn.com/e/o/sb4f17c96820caa5a/userlayout/img/sigoto.jpg?t=1484703491) no-repeat center;
background-size:100% auto;
}

div.shigoto-box ul li a:hover{text-shadow:1px 1px 1px rgba(0, 0, 0, 0.7),-1px -1px 1px rgba(255, 255, 255, 0.8);
height:200px;line-height:140%;content: "";        display: block;        clear: both;color:#008080!important;text-align:center;
background:url(https://u.jimcdn.com/e/o/sb4f17c96820caa5a/userlayout/img/sigoto1.jpg?t=1484703705) no-repeat center;
background-size:100% auto;
padding:140px 0px 0px 0px;
}
div.shigoto-box ul li span{font-size:45%!important;color:gray;padding-left:5px;}
****/
/*成長制度勉強会**/

 #benkyou{font-size: 120%; padding: 20px; text-align: left; width:50%;}



/***トップの職務内容の見出し****/
.j-header h2.syoku_title{font-size:300%!important;color:#003366;margin:50px 10px 20px 10px;height:36px;line-height:40px;
	padding: .5em .75em;background-color: #fff;border-radius:0px;;border-bottom:2px double #ccc;width:20%;margin:0px auto;}




/*トップカテゴリ*/
   
  p.category{
 margin-top:40px!important; padding-left:22px!important; padding-bottom: 4px; font-size:200%!important;
line-height: 1.2!important;e
}



/***募集要項**********----------------------------------**/
/*2列 会計とPC*/
.bun-wrap{   display: flex; padding: 10px;}
.bun-wrap .bun{ margin:2%;width: 46%; padding:3%;border: 1px solid #0066CC;align-items: center;}
.bun-wrap .bun img{ width:100%;object-fit:cover;height:190px;margin-bottom:3%; }


/**/
table.bosyu{width:90%;margin:50px auto; border-collapse:collapse;border-spacing: 0px 1px;border-right:#DCDCDC 1px solid!important;border-top:#DCDCDC 1px solid!important;}
table.bosyu th{width:20%;text-align:left;font-size:100%;vertical-align: middle;border-left:#DCDCDC 1px solid;border-top:#DCDCDC 1px solid;
border-bottom:#DCDCDC 1px solid!important;padding:2%;background-color:#F5F5F5;}
table.bosyu td{width:75%;vertical-align: middle; text-align: left; border-bottom:#DCDCDC 1px solid;border-left:#DCDCDC 1px solid;padding:2%;
font-size:100%;} 
table.bosyu th.bosyu-pick{background:#CCCCCC;}
table.bosyu td a::before { content: "▶ "; color: #75A9FF;font-size:90%; }

.salary-box {margin-top:2%;border:1px solid #ccc;padding:2%;width:280px;}
.salary-box .title {color:#fff;display:inline-block;font-size:90%;background: #808080;border-radius:3em;padding:0 2%;}
.salary-box p {display:flex;justify-content:space-between;margin:4px 0;font-size:16px;}
.salary-box .label {flex:1;}
.salary-box .value {flex-shrink:0;text-align:right;}
.salary-box .total {border-top:1px solid #ccc;padding-top:4px;}

 

/***2024 2025募集要項**********----------------------------------**/
table.bosyu-table{ text-align: center;    width: 100%;border-spacing:3px;}
table.bosyu-table th,table.bosyu-table td{ text-align:center!important;border: 1px solid #A9A9A9;padding:1% 0;}


/*th*/
table.bosyu-table th{background-color:#fff;width:25%;font-size:110%!important; text-align:center!important;}


table.bosyu-table th a{font-size:100%!important;display:block;}
/*td*/
table.bosyu-table td{padding:3% 1% 4% 1%;}
table.bosyu-table td strong a{display:block;font-weight:normal;font-size:90%;}
table.bosyu-table td span{display:block;font-weight:bold;font-size:120%!important;}
table.bosyu-table td a{display:block;border:2px solid #666666;padding:5%;} 
table.bosyu-table td span::before { content: "▶ "; color: #99CCFF;  font-size: 80%;}


/*th td*/
/*未経験 FA8072-----------------------*/
table.bosyu-table th.mike,.mike,table.bosyu-table td.bosyu1 strong{color:#FA8072;border:1px solid #FA8072;disyplay:inline-block;font-weight:bold;}/* 未経験　 */
/*strong*/
table.bosyu-table td.bosyu1 strong{display:block;margin-top:2%;}/* 未経験背景　 */
/*a*/
table.bosyu-table td.bosyu1 a{display:block;border:2px solid #DCDCDC;background:#F8F8FF!important;}
table.bosyu-table td.bosyu1 a:hover{display:block;border:2px solid #A9A9A9;background:#F5F5F5!important;}

/*経験 8EB8FF-----------------------------*/
table.bosyu-table th.kei,.kei,table.bosyu-table td.bosyu3 strong{color:#8EB8FF;border:1px solid #8EB8FF;disyplay:inline-block;font-weight:bold;}/* 経験背景　 */
/*strong*/
table.bosyu-table td.bosyu3 strong{display:block;margin-top:2%;}/* 経験　 */

/*a*/
table.bosyu-table td.bosyu3 a{display:block;border:2px solid #DCDCDC;background:#F8F8FF!important;}
table.bosyu-table td.bosyu3 a:hover{display:block;border:2px solid #A9A9A9;background:#F5F5F5!important;}
/*募集管理no*/
.bosyu-no{display:block;font-size:70%!important;content:none;font-weight:normal;margin-top:3%;color:#999999;  pointer-events: none;}
table.bosyu-table td span.bosyu-no::before { content: none; }
.tabs-btn .bosyu-no{display:inline-block!important;float:right;font-size:60%!important;}
/*募集管理 title1 2*/
#bosyu-title1{font-size:110%!important;}
#bosyu-title2{font-size:80%!important;}
/*new------------お知らせ左側 ■開閉しないトップCSS****************************************************
.cc-page-index .cc-m-hgrid-column{text-align:center;}
.menu-day{font-size:90%;color:#008080;margin: 0 0 0 -3% padding-left:20%;}*/
  




/******** dl2：アクセスのテーブル（ｄｌ）*OLD*20190426****/


dl.tbl-dl2,dl.tbl-dl2 dt,dl.tbl-dl2 dd {margin: 0;padding: 0;line-height:150%;}
dl.tbl-dl2{background-color:  #F5F5F5;border: 1px solid #C0C0C0;border-top: none;width: 100%;margin:0px auto;}
dl.tbl-dl2 dt {color: #000;width:25%;padding: 1.0em 0 1.0em 1em;border-top: 1px solid #C0C0C0;float: left;}
dl.tbl-dl2 dd {background-color: #FFF;margin: 0 0 0 25%;padding: 1.0em 1em 1.0em 1em;border-top: 1px solid #C0C0C0;border-left: 1px solid #C0C0C0;}
dl.tbl-dl2 em a{padding-right:5px;background:linear-gradient(transparent 60%, #CCFFFF 0%) ;}
dl.tbl-dl2 em{font-size:130%;color:#009999;font-style: normal;line-height:130%;display:block;margin-bottom:5px!important;}
dl.tbl-dl2 span{font-size:110%;color:#336699;}



/***********************************/

 .onegai{
font-size:130%;
  line-height:3.0em;
color: #3782c8;}

.go-txt1{
	font-size: 160%;
font-family:
    "Lucida Grande",
    "Hiragino Kaku Gothic ProN",
    Verdana,
    Meiryo, 
    sans-serif;
line-height:2.0em;font-weight: bold;
color:orange;

}


.go-txt2{

	font-size: 130%;
font-family:
    "Lucida Grande",
    "Hiragino Kaku Gothic ProN",
    Verdana,
    Meiryo, 
    sans-serif;
line-height:2.0em;
color:gray;

}

 




#sidenav .cc-nav-level-2,
#sidenav .j-nav-level-2{display:none;}




/*フォトアルバム*/
.phototitle{
text-align:center;
font-size:25px;
color:#228B22;
}


.phototitle span{
text-align:center;
font-size:15px;
color:#000;
padding-left:30px;
}



/***サイドナビ（サイトマップの中）住所*****/
#contact{clear:both;text-align:center; padding-top:30px;font-size:14px;margin-left:80px;margin-top:20px;}
#contact img{width:12%;margin:0 auto;}

/********グローバルみに  緑*************/

.gnav-menu{font-size:130%;	margin:0px 0px 0 0px;	padding:5px 0px 0px 0px;}

.gnav-menu a{
text-decoration: none!important;
width:100%;
height:35px;
color: #33C;
	marg
in:0px 0px 0 0px;
	padding:5px 0px 0px 5px;
}
.gnav-menu a:hover{
text-decoration: none;

width:100%;
height:35px;
	margin:0px 0px 0 0px;
	padding:5px 0px 0px 5px;}


 

/********グローバルみに  オレンジ*************/


.gnav-mini-top1{
font-size:18px;
height:30px;
width:100%;
	margin:0px 0px 0 0px;
	padding:2px 2px 2px 2px;
birder:1px solid gray;


}

.gnav-mini-top1 a{
font-size:18px;
height:30px;

width:100%;	margin:0px 0px 0 0px;
	padding:2px 2px 2px 2px;


}


.gnav-mini-top1 a:hover{
font-size:18px;
height:30px;

width:100%;
	margin:0px 0px 0 0px;
	padding:2px 2px 2px 2px;
 

}




.flow-time{

font-size:36px;
padding:20px 0px 0px 30px;


}
.flow-midashi{
font-size:28px;
padding:14px 0px 10px 0px;
border-bottom:2px dotted gray;

}
.syozoku{
background-color:rgb(73,136,200);
font-size:14px;
text-align:center;
padding:3px 0px 3px 0px;
color:white;
}

/* フッター-------------------------------------------- */


#footer .gutter 
{
    height:30px;
    padding:0px 0px 0px 0px;

}


/*フォント*/
#sidenav{font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN",Verdana,Meiryo, sans-serif;}
/*サイドバー　下にあるやつ*/

#sidenav a{color:#fff!important;}
#sidenav a:hover{color:#003399!important;}
#sidenav{letter-spacing: 0.9px; font-size:90%; clear:both;margin:50px auto;height:460px;padding:10px;  }
#sidenav ul.cc-nav-level-0   {height:210px;margin:0px auto;	padding:0px 0px 0px 0px;}
#sidenav ul.cc-nav-level-0:after {　content: "";　display: block;　clear: both;}

/*\*/
　* html #sidenav ul.cc-nav-level-0 {overflow: visible;}
/**/
#sidenav ul.mainNav1   {margin:0px 0px 0 0px;	padding:0px 0px 0px 0px;color:#fff!important;}
#sidenav ul li {margin:5px 0px 0 13px;	padding:0px 0px 0px 0px;   width:15%; list-style: none; float:left;}
#sidenav ul li a{font-weight:bold;display:block;font-size:120%;letter-spacing:0.1em;text-align:center;}

#sidenav ul li ul{line-height:140%;margin:5px 0 0 -40px;clear:both; overflow:hidden;height:auto;}

#sidenav ul li ul li { list-style: none; padding:1% 5%;margin:5px 0px;/**/clear:both; width:100%;font-size:85%;}
#sidenav ul li ul li a{text-align:left;font-weight:normal;padding:1% 5%;display:block;height:auto; border-bottom: 1px dotted #fff;}
#sidenav ul li ul li a:hover{color:#E0FFFF!important;padding:1% 5%;display:block;height:auto; border-bottom: 1px dotted #E0FFFF;}
#sidenav ul li ul li ul{  list-style: none; }


/*☆★☆画像マウスオーバー フォントカラー☆★☆*/
a{text-decoration:none!important; color:      #4682B4;}
a:link, a:visited、a:active{text-decoration:none!important; }
a:hover { text-decoration:none!important; color:#0066CC!important;   }
/* a:hover img
{opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";background: #fff;}*/




/*  Layout
----------------------------------------------- */



body {  font-size: 16px!important; /* フォントの大きさ（例：16px） */  padding:0px 0 0 0;    margin:0px auto;background-color:#FFF;letter-spacing: 1.4px; color:#000!important;}

#inbody {width:1200px;padding:0px 0 0 0; margin:0px auto;}
#inbody{width:100%; padding:0px 0 0 0; margin:0px auto!important;font-size:100%;}

/*【wide化】ナビゲーション  トップ以外寄せ 幅*/
/*nav*/
#wrap,#nav .j-nav-variant-nested{width:1200px; padding:0px 0 0 0; margin:0px auto;}
#nav{background:#0066CC!important;font-size:130%!important;}
#nav a{color:#fff!important;}
#nav {z-index:99999;font-size:110%;margin:0 0 1% 0!important;padding: 0; background: #fff;margin:0 auto;}
#nav:after {  content: "";   display: block;   clear: both;}
/*第1ーーーーーー*/
#nav ul.cc-nav-level-0 {width: 100%;        *zoom: 1; /*forIE6,7*/        margin: 0;        padding: 0;}
#nav ul.cc-nav-level-0:after {content: "";  display: block;        clear: both;}
/*第1　幅*/
#nav ul.cc-nav-level-0 li{z-index:99999; float: left; *zoom: 1; /*forIE6,7*/ white-space: nowrap; width:15%; }
#nav ul.cc-nav-level-0 li ul {visibility: hidden;  position: absolute; margin: 0;padding:0;/* z-index: 1 !important;*/}
#nav ul.cc-nav-level-0 li:hover > ul {visibility: visible;}
#nav ul.cc-nav-level-0 li a {font-weight:bold;display: block; text-align: center;text-decoration: none;padding:6% 0;}
#nav li{border-bottom: 3px solid #0066CC!} 
/*0801 gnav マウスオーバーでアニメーション*/
#nav ul.cc-nav-level-0 li a {font-size: 70%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
}

#nav ul.cc-nav-level-0 li a:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  transform: translate(-100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  content: "";
}
#nav ul.cc-nav-level-0 li a:hover:after{
  transform: translate(0, 0);
}
/*******アニメーションここまで****/

/*第一　第二今いるところ*/
#nav li.cc-nav-current{border-bottom: 3px solid yellow;} 

/*第2ーーーーーー*/
#nav ul.cc-nav-level-0 li ul li a,#nav ul.cc-nav-level-0 li.cc-nav-current ul li a{background:#3399FF!important;color:#fff!important;}
#nav ul.cc-nav-level-0 li ul li a:hover,#nav ul.cc-nav-level-0 li.cc-nav-current ul li a:hover{background:#0066CC!important;color:#fff!important;}
/*第1 　今いるところ＋第二にいるときの第一の今いるころと*/
#nav .cc-nav-parent,#nav ul.cc-nav-level-0 li.cc-nav-current a{position: relative;  top: 0; left: 0;/*background:#3399FF!important;*/}
#nav .cc-nav-parent,#nav ul.cc-nav-level-1 li.cc-nav-current a{background:#3399FF!important;}

/*プルダウン  メインナビグローバルナビ---------------------------------------*/

.headimg{z-index:-1;}
#nav ul {z-index:99999;     list-style-type: none;}


/*第三階層*/
#nav ul.cc-nav-level-0 li ul li{display: block;width:80%;clear:left;position:relative;}
#nav ul.cc-nav-level-0 li ul li a{border:none;font-size:80%!important;text-align: left;display: block;border-bottom:1px solid #0066CC!important;padding:10%;margin-left:0%;width: 140%;}

#nav ul.cc-nav-level-0 li ul li a:hover{display: block; padding:10%;}
#nav ul.cc-nav-level-0 li ul li ul {top: 0;left: 143%; z-index: 1 !important;}
#nav ul.cc-nav-level-0 li ul li li a{margin-left:12%;width: 140%;}



* html #nav ul.cc-nav-level-0 li a { /*forIE6*/        zoom: 1;}

/**トップイメージ****NEW*****************************/
.card-container { display: flex; justify-content: center; gap: 2rem; margin: 2rem auto; flex-wrap: wrap; }
.study-topcard { background-color: #e6f0fa; border: 2px solid #0077cc; border-radius: 12px; padding: 0.6rem; width: 250px; text-align: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); transition: transform 0.2s, box-shadow 0.2s; }
.study-topcard a { display: block; color: #333!important; text-decoration: none; height: 50%; }
.study-topcard:hover { transform: scale(1.05); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1); }
.study-topcard .label { background-color: #005fa3; color: #fff; padding: 0.5rem 1rem; border-radius: 50px; display: inline-block; margin-bottom: 1rem; font-size: 1.2rem; }


/**手作りホームページお知らせ（タイトル無し・装飾付き）****************************/

.homemade-notice {
  background: linear-gradient(135deg, #e6f2ff 0%, #f9fbfd 100%);
  border: 2.5px solid #b4d6ed;
  border-radius: 18px;
  padding: 28px 22px 28px 10%;
  margin: 28px 0;
  box-shadow: 0 6px 20px rgba(180, 214, 237, 0.18);
  color: #37506a;
  font-size: 1.09em;
  line-height: 2.2;
  position: relative;
}

.homemade-notice::before {
  content: "🧑‍💻";
  position: absolute;
  left: 22px;
  top: 28px;
  font-size: 4.1em;
  opacity: 0.88;
  filter: drop-shadow(1px 2px 3px #e6f2ff);
}






/*【wide化】トップセンター寄せ 幅*//*ピンクにする★*/
#footer,#contact,.cc-page-index .linkbnr-wrap,.top-page-wrap,.top-sp-list,.j-nav-variant-nested,#header,.j-nav-level-0,#wraptoplink,#wraptopbnr,#wraptopbnr1,
.wrap-org,.j-hgrid,#cc-m-14086206190,#cc-m-14172811890,#cc-m-14244121690,#cc-m-14263027790{width:1200px; padding:0px 0 0 0; margin:0px auto;}

.cc-page-index #wrap{width:100%;}

/*【wide化】トップ 背景色 濃い*/
#cc-m-13888237090{background:#D7EEFF;clear:both;}

/*【wide化】トップ 背景色*/
#cc-m-13536213390,#cc-m-13941559090,#cc-m-13536213390,#cc-m-13870015490,#cc-m-13870025390,#cc-m-13870015290{background:#F5F5F5;clear:both;}
#container{margin:0px auto;clear:both;}


/*【wide化】top-転職希望者の皆さんへ*/
#cc-m-14083059390{clear:both;margin:0 auto;padding:5%;background:url("https://u.jimcdn.com/cms/o/sb4f17c96820caa5a/userlayout/img/shigoto-hidden-box17.jpg?t=1684903705") no-repeat!important;background-position:center!important;background-size:80% auto!important;}



/*hidden*/
.top-page-wrap:after,#cc-m-13942715590:after,#cc-m-13536213390:after {  content: "";  display: block;  height: 0;  visibility: hidden;  clear: both;}

/*linkbottum*/
.j-calltoaction-link {background:#6495ED!important; }
a.j-calltoaction-link:hover{}





#header a:hover { text-decoration:none;  }

#wrap {clear: both;margin:0px auto; background-color: #fff;}
#wrap:after {　content: "";　display: block;　clear: both;}
#sidebar {     /*   width: 1000px;*/        padding-top: 10px;}
#content{ /*  width:1000px;*/  padding:0px 2%;}



/*20230601 トップ（お知らせ）oshirase
.cc-page-index  #cc-matrix-2944882390 .cc-m-hgrid-column .j-module{border-bottom: 1px solid  red; }
.cc-page-index  #cc-matrix-2944882390 .cc-m-hgrid-column.last .j-module{border-bottom: 1px solid  #DCDCDC;text-align:left;padding-left:8%; }
*/




/**★tabu★募集要項タブ*/
.tabu-contents {  max-width: 95%;  text-align: center;  margin: 30px auto 30px;}
.tabu-contents .tab-item {  width: 45%;  color: #fff;  font-size: 18px;  background:#c1c1c1;  transition: all 0.3s ease-in-out;  display: inline-block;  cursor: pointer;  padding: 8px;}/* 未経験　 */
.tabu-contents .tab-item:hover {  background:#000;}/* 経験　 */
.tabu-contents input[name="tab-item"] {  display: none;}

.tabu-contents .tab-item::before {    content: "▶ ";    color: #ffffff;    font-size: 80%;}
.tabu-contents #left-1 + label,tabu-contents #left-2 + label,tabu-contents #right-1 + label,
.tabu-contents #center + label {  margin-right: 5px;}

.tabu-contents #left-1:checked ~ #left-1-content,
.tabu-contents #left-2:checked ~ #left-2-content,
.tabu-contents #center:checked ~ #center-content,
.tabu-contents #right-1:checked ~ #right-1-content,.tabu-contents #right-2:checked ~ #right-2-content  {  display: block;}

.tabu-contents input:checked + .tab-item {color:#fff!important;background: linear-gradient(to bottom, #0099FF, #0066CC);}



/*1.2ｌきょうつう*/
.tabu-contents img{width:40%;float:right; margin:3% 0 3% 3%;}
.tabu-contents .tab-txt{border:1px solid;box-shadow: 3px -8px 3px -3px rgb(0 0 0 / 20%) inset; text-align: left;  margin:0 0 5% 0px;  display: none;padding:2% 7%; overflow: hidden;
}
.tabs-btn{font-size:130%;border:1px solid #000;width:50%;margin:3% 0;display: block;color:#000!important;text-align:left;padding:2%;}
.tabs-btn a{width:100%;margin:0;display:block;color:#000!important;font-weight:bold;padding:2%;margin-right:2%;}
.tabs-btn a:hover{margin:0;display:block;background:#F5F5F5;font-weight:bold;padding:2%;margin-right:2%;}
.no-link{background:#F5F5F5;}
.tabs-btn span.kei,.tabs-btn span.mike{font-size:80%;padding:0 2%;margin-right:2%;}

.tabs-btn a::before { content: "▶ "; color: #000; font-size: 80%;}

.youkou{font-size:75%;padding:2%;margin-right:2%;font-weight:normal!important;border-bottom:1px solid gray;}


/*タブのtxt1-lだけデザイン*/
.tab-txt  .txt1-l{ position: relative; padding:0 5%!important;display:inline-block;}
.tab-txt  .txt1-l.mike::before,.tab-txt  .txt1-l.kei::before  {position: absolute; content: ''; top: 100%; left: 0; border: none; border-bottom: solid 15px transparent; border-right: solid 20px rgb(149, 158, 155);
}



/*normal btn*/
.btn{border:1px solid #000;width:40%;margin:3% 0;display: block;color:#000!important;text-align:center;}
.btn a{width:100%;margin:3% 0;display:block;color:#000!important;text-align:center;}
.btn a:hover{display:block;color:#fff!important;text-align:center;background:#0066CC;}
.btn a span{font-size:80%;padding-left:2%;}
.no-link{background:#F5F5F5;}



/*テーブル
.alcs-cen{width:80%;margin:0 auto;text-align:center;font-size:120%;}
.alcs table{ width: 100%; text-align: center; border-collapse: collapse; border-spacing: 0;margin:3% auto;}
.alcs table th { padding: 10px; background: #F8F8FF; border: solid 1px #778ca3;}
.alcs table td { padding: 10px; border: solid 1px #778ca3;}
.alcs table td a{border:1px solid #75A9FF;padding:0.3em 1em;border-radius:1em;font-size:80%;margin:0.5%;}
.alcs table td strong{font-size:120%;padding:0% 0 ;color:#483D8B;margin-bottom:3%;display:block;}

*/


/*float設定-------------------------------------------*/
.site-header{/*20240524*/
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
   background-color: #fff;
     padding: 10px 0;
    text-align: center;
    z-index: 1000;}
/* 他の要素より前面に表示するための設定 */
#top{
margin:0 auto;margin-bottom:-100px;height:200px;}	

/*  logo----------------------------------------------- */
#logo{  margin:0 0 1% 0;width: 300px;height:100px;float:left;}
#logo img{width:250px;}

/*プルダウン  サブナビ*/
#subnav { width:450px; margin: 5px 0 5px 0; padding: 0;float:right;text-align:right;}
#subnav:after {  content: "";   display: block;   clear: both;}
#subnav ul { list-style-type: none; }
#subnav ul.cc-nav-level-0 {    width: 100%;  *zoom: 1; /*forIE6,7*/    margin: 2% 0 0 0 ; padding: 0;}
#subnav ul.cc-nav-level-0:after {   content: "";        display: block;    clear: both;}
/*sbnv*/
#subnav ul.cc-nav-level-0 li { float: left; *zoom: 1; /*forIE6,7*/  white-space: nowrap;
  width:150px;border-right:none;
text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,0px 1px 0 #FFF,  0-1px 0 #FFF,
-1px 0 0 #FFF, 1px 0 0 #FFF;font-weight:bold;text-align: center;text-decoration: none;}
#subnav ul.cc-nav-level-0 li ul {  visibility: hidden;    position: absolute;
        margin: 0;        padding:0;  z-index: 1 !important;}
#subnav ul.cc-nav-level-0 li:hover > ul {        visibility: visible;}
#subnav ul.cc-nav-level-0 li ul li {
   /*    width: auto !important;*/
    width:180px;
        clear: left;
        position: relative;
}
#subnav ul.cc-nav-level-0 li ul li ul {        top: 0;        left: 100%;}

/*subnav文字共通*/
#subnav ul.cc-nav-level-0 li a {color:#993333;display: block; padding: 1.0em;
text-align: center;        text-decoration: none;}
* html #subnav ul.cc-nav-level-0 li a { /*forIE6*/        zoom: 1;}
#subnav ul.cc-nav-level-0 li a:hover { color:#000!important;}
#subnav ul.cc-nav-level-0 li ul li a {    text-align: left;}

#subnav ul.cc-nav-level-1 a,#subnav ul.cc-nav-level-2 a {
        background: rgb(30,30,30);
        filter: alpha(opacity=9);
        -ms-filter: "alpha(opacity=90)";
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
        text-align: center;
}

#subnav ul.cc-nav-level-1 a.cc-nav-current,#subnav ul.cc-nav-level-2 a.cc-nav-current {
        background: #323232;}
t
/*サブナビお問い合わせ*/
#subnav li.entry  a {background-color: #C299FF;border-right:none;}
* html #subnav li.entry  a { /*forIE6*/        zoom: 1;}
#subnav li.entry  a{background:linear-gradient(to top,#B384FF,#EAD9FF);color:#4B0082!important;} 
#subnav li.entry  a:hover{background:linear-gradient(to top,#9057FF,#EAD9FF);color:#4B0082!important;} 
#subnav li.entry  a.cc-nav-current,#subnav ul.entry li.cc-nav-parent a { background-color: #00CCFF;}




/*サブナビ:事務所サイトalcs-so*/
#subnav li.alcs-so a{background:linear-gradient(to top, #75A9FF,#C2EEFF);color:#0000CD!important;}
#subnav li.alcs-so a:hover{background:linear-gradient(to top, #75A9FF,#ADD8E6);color:#0000CD!important;}


/*サブナビ:alcs-pcについて*/
#subnav li.alcs-pc a{background:linear-gradient(to top,#33CC66,#E6FFE9);color:#009933!important;} 
#subnav li.alcs-pc a:hover{background:linear-gradient(to top,#00AA00,#66CC99	);color:#006600!important;} 

/*グラデーション
.arrow-link a{background: linear-gradient(to top,#0066CC,#3399FF);}background: linear-gradient(to top,#0066CC,#3399FF);*/


/*細かいスタイル-------------------------------------------*/

hr.kaigyo{
page-break-after: always;
border:1px solid #fff;
}




  

.title-black{
        background:url("title-black.jpg") right no-repeat  ;
        width:730x; 
		height:21px; 
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
		font-size:22px;
		color:#FFF;
		font-weight:bold;
		padding:10px 20px 0px 0px;
		text-align:right;
}


.title-icon{
        background:url("title-icon.jpg") left no-repeat  ;
        width:235x; 
		height:105px; 
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
		font-size:28px;
		color:#FFF;
		font-weight:bold;
		padding:50px 0px 0px 15px;
}
.title-icon p{

        width:235x; 

		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
		font-size:22px;
		color:#FFF;
		font-weight:bold;
		padding:20px 0px 0px 0px;
}






/********************************************************************/
/*********スマホ★★★★***********************************************************/
@media screen and (max-width: 480px) {
#inbody {width:100%;padding:0px 0 0 0; margin:0px auto;font-size:100%;}
}

/*******************************************************************/
@media only screen and (max-width:767px) {
  .base-table{
    box-sizing: border-box;
    thead{
      th{
        display: none;
      }
    }
    tbody{
      th{
        display: block;
        background: #47cf73;
        margin-bottom: 20px;
      }
      td{
        padding: 0 10px 10px;
        margin: 0;
        display: block;
        width: 100%;
        position: relative;
        box-sizing: border-box;
        &:before{
          background: #CCC;
          width: 100%;
          display: block;
          box-sizing: border-box;
          padding: 10px;
          margin-bottom: 10px;
          font-weight: bold;
          content: attr(data-title);
        }
      }
    }
  }
}


/*-----IPADより小さい--------------------------------------------------------------------*/     
　
@screen and (min-width:481px) and ( max-width:768px) {
#inbody {width:100%;padding:0px 0 0 0; margin:0px auto;font-size:100%;}
}


/*-----IPAD yoko--------------------------------------------------------------------*/    

 
@media screen and (min-width:768px) and ( max-width:1124px) {
#inbody {width:100%;padding:0px 0 0 0; margin:0px auto;font-size:100%;}
/**採用のポリシー リンクボックス******/
.policy-link {text-align:center!important;padding:0px 10px;color:#fff;background:#0099CC;margin:10px 10px 10px 0px!important;color:#fff;
font-size:90%!important;border-radius:6px;float:left;padding:5px 10px;}
.policy-link a{color:#fff!important;}


/*body幅*/
#content{ padding:10px;}







/*☆第三階層の設定2025ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#side-left ul.mainNav3{}
#side-left ul.mainNav3{padding:0px!important;margin:0px!important;font-size:90%;background-color:#fff!important;border:none!important;}
#side-left ul.mainNav3 li a{padding:0px!important;margin:0px!important;}
#side-left ul.mainNav3 li a:hover{padding:0px!important;margin:0px!important;background-image:none;border:none!important;}

#side-left ul.mainNav3 li{padding:10px!important;margin-left:30px!important;}




}




/********************************************************************************************/

@media screen and (min-width:1124px) {

    
} 
   

@media print {    





   }






/*******************不要＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/