@charset "utf-8";
/*
Theme Name: lightning-pro-child
Theme URI:
Template: lightning-pro
Description:
Author: le-mina-rie with MarkleDesign
Tags:
Version: 0.1.2
*/
#d-mes h4,#interview h4{
font-size:17px !important;
margin: 0 0 0.3em 0 !important;
padding:0.1em 0 !important;
}
#d-mes h2,#interview h2{
text-align:left;
font-size:22px !important;
line-height:1.7em !important;
}
#d-mes h2:before {
border: 2px solid #000 !important;
border-color:#22ac38 !important;
}
/**************************************************************************************************************
全ページ 共通 CSS
**************************************************************************************************************/
/**************************************
WEBフォント指定
**************************************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;700&display=swap');
*{
font-family: 'Noto Sans JP', sans-serif;
}
/************************************************************
h2 , h3 タグの装飾をクリア （サイト共通）
**********************************************************/
/* 投稿の「見出しタイトル」 はデフォルトになるための修正 */
.page-template > .mainSection-title,
.page-template h2, .page-template h3, .page-template h4 {
border-top:none !important;
border-bottom:none !important;
background-color:transparent !important;
/* margin-top:0.2em !important; デザイン設定で「h２」「h3」を変更したため追加 */
margin-bottom:0.3em !important; /* デザイン設定で「h２」「h3」を変更したため追加 */
}
.page-template h3:after,.page-template > .subSection-title:after {
border: none !important;
border-bottom : none !important;
background-color:transparent !important;
content:none;
}
/*投稿表示時、最終登校日を非表示*/
.entry-meta_updated{display:none;}
/*************************************************
採用サイト 【CTA】 フロートサイドバナー (PC)
**************************************************/
/* フローティングバナーのラップ要素 */
#fixed_right_banner{
position: fixed;
top: 300px;
right: 0;
z-index: 9999;
}
/* 画像の共通設定 */
#fixed_right_banner > * {
width: 80px;
}
/* 2個目以降の画像の上部に余白を作る
#fixed_right_banner > * ~ * { margin-top: 10px; } */
/* リンク要素 */
#fixed_right_banner > a {
display: block; /* ブロック要素に変更 */
}
/*************************************************
【CTA】 モバイルフッターバナー (モバイル)
***************************************************/
.wrap{
display: block;
position: fixed;
left: 0px;
right: 0px;
bottom: 1px;
/* height:75px;*/
z-index: 9999;
}
.inner{
float: left;
width: 33%;
margin-left : 10;
}
.cb{
/* floatを解除 */
clear: both;
}
/*************************************
スマホ・PCで表示 を切り替えるクラス
**************************************/
/*スマホでのみ表示する （only_pc クラスを非表示）*/
@media (max-width: 750px) {.only_pc {display:none}}
/*PCでのみ表示する （only_mb クラスを非表示）*/
@media (min-width: 751px) {.only_mb {display:none}}
/**********************************************
【全ページで利用】 背景色 background-color
***********************************************/
.bg-orange{
background-color: orange;
}
.bg-gray{
background-color: #dcdcdc;
}
.bg-green{
background-color: #E9F6E8;
}
.bg-blue{
background-color: blue;
}
/************************************************************
【全ページで利用】 蛍光マーカー風css
********************************************************/
/* お気軽にご連絡ください（他） 黄色いマーカー */
.yellow-under{
background: linear-gradient(transparent 50%, yellow 50%);
}
.pink-under{
background: linear-gradient(transparent 50%,#ffb6c1 50%);
}
/********************************************************************************
投稿文書の１文字目の文字色 (テーマの「投稿」で１文字目の文字の変色させない）
********************************************************************************
h1.entry-title:first-letter,
.single h1.entry-title:first-letter { color:inherit; }
*/
/*******************************************
画像オンマウスで半透明化
********************************************/
.gazou:hover {
opacity: 0.7;
}
/*文字リンク色とホバー色*/
a{
/* color:#1e90ff; */
color:#006400;
}
a:hover {
color:#006888;
}
/*******************************************************************************************
基本CSS 文字色・サイズ・配置・改行幅・文字ピッチ・段落間隔 等
********************************************************************************************/
/*左寄せ*/
.left{
text-align:left;
}
/*右寄せ*/
.right {
text-align:right;
}
/*センタリング*/
.center{
text-align:center;
}
/* 文字サイズ */
.sx-large{
font-size:40px;
}
.large-36{
font-size:36px;
}
.xx-large{
font-size:33px;
}
.x-large{
font-size:28px;
}
.ll{
font-size:24px;
}
.large{
font-size:20px;
}
.normal{
font-size:medium;
}
.mid{
font-size:17px;
}
.small{
font-size:15px;
}
.ss{
font-size:13px;
}
.sss{
font-size:10px;
}
.bold{
font-weight:bold;
}
.x-bold{
font-weight:600;
}
/* 文字色 */
.black{
color:black;
}
.red{
color:red;
}
.blue{
color:#0071bc;
}
.white{
color:white !important;
}
.deep-gray{
color:gray;
}
.yellow{
color:#ffff00;
}
.orange{
color:#F7931E;
}
.green{
color:#009635 !important;
}
.brown{
color:#BA9135;
}
/*改行幅 大*/
.blank_line{
line-height:2em;
}
/*改行幅 やや大*/
.blank_line-m{
line-height:1.6em;
}
}/*改行幅 小*/
.blank_line-1{
line-height:1em;
}
/* 文字ピッチを変える */
.c-pitch01 {
letter-spacing: 0.1em;
}
.c-pitch03 {
letter-spacing: 0.3em;
}
/*箇条書きのスタイルなし 二行目の書き出し 字下げ*/
.questionnaire ul{
text-indent: -1em;
list-style-type: none;
}
.questionnaire ul li{
margin-left: 1em;
}*/
.questionnaire ul{
text-indent: -1em;
list-style-type: none;
}
.questionnaire ul li{
margin-left: -2em;
}
/*******************************************
採用サイト トップメニューの下のラインを消す
********************************************/
@media (min-width: 992px){
ul.gMenu>li.current-menu-ancestor>a:after,
ul.gMenu>li.current-menu-item>a:after,
ul.gMenu>li.current-menu-parent>a:after,
ul.gMenu>li.current-post-ancestor>a:after,
ul.gMenu>li.current_page_ancestor>a:after,
ul.gMenu>li.current_page_parent>a:after,
ul.gMenu>li>a:hover:after{
content:none;
}
}
/*******************************************
採用サイト トップメニューの文字サイズを大きく
*******************************************/
.gMenu_name{
font-size:16px;
}
.headerTop{
background-color:#f5f5f5 !important;
height:2.6em !important;
}
/*******************************************
採用サイト ヘッダー周辺
*******************************************/
/*タブレット
@media (max-width: 1020px) and (min-width: 768px) {h1 img{
max-height:40px !important;
}}
*/
/*パソコン
@media (min-width: 1021px) {h1 img{
max-height:80px !important;
}}
*/
/*スマホ
@media (max-width: 767px) {h1 img{
max-height:60px !important;
}}
*/
/*スマホでスライダーの位置を下げる
@media (max-width: 767px) {.carousel{
margin-top:18px;
}}
*/
/*ヘッダーロゴ画像のサイズ*/
.navbar-brand img{
max-height:80px !important;
}
/*スライダーの位置を下げる タブレット*/
@media (max-width: 1020px) and (min-width: 768px) {
.carousel {
margin-top:38px !important;
}}
/*スライダーの位置を下げる スマホ*/
@media (max-width: 767px) {.carousel{
margin-top:20px;
}}
/*各ページのヘッダー（緑の帯）文字をセンター揃えに*/
.page-header_pageTitle{
text-align:center;
}
/************************************************************
採用サイト フッターの余白調整 （サイト共通）
**********************************************************/
.sectionBox{
padding:0.2em!important;
}
.pm0{
padding:0;
margin:0;
}
.siteContent_after #pc_footer1,.siteContent_after #pc_footer2 {
margin-top:-6em;
}
.siteContent_after #mb_footer {
margin-top:-3em;
}
/************************************************************
採用サイト 各ページで利用する画面サイズ幅 hr幅
**********************************************************/
/*画面横幅いっぱい （主として、背景 bg-green）*/
.full-width {
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
/*一般コンテンツの幅*/
@media (min-width: 751px) {.content-width{
margin-left:10%;
margin-right:10%;
}}
@media (max-width: 750px) {.content-width{
margin-left:5%;
margin-right:5%;
}}
/*エントリーフォームの幅*/
@media (min-width: 751px) {.entry-width{
margin-left:20%!important;
margin-right:20%!important;
}}
@media (max-width: 750px) {.entry-width{
margin-left:5% !important;
margin-right:5%!important;
}}
/*募集情報ページ*/
.recruit-width{
margin-left:35%;
}
/*ページ内サブタイトル下の罫線 幅指定*/
hr.title{
height: 1px;
background-color: darkgray;
margin:0 10% 0 10%;
}
.panel-row-style-for-312-3{
margin-top:-30px!important;
}
/************************************************************
採用サイト 固定ページ ヘッダーの高さ調整（緑の帯の高さ）
**********************************************************/
/*パソコン*/
@media (min-width: 751px) {.page-header{
height:80px;
}}
/*スマホ*/
@media (max-width: 750px) {.page-header{
height:50px;
margin-top:17px;
/* z-index: 9999; */
}}
/*タブレット*/
@media (max-width: 1020px) and (min-width: 768px){.page-header{
height:50px;
margin-top:38px;
}}
/************************************************************
採用サイト 共通 スマホの隙間調整
**********************************************************/
@media (max-width: 750px) {.sp-top{
margin-top:-1.5em;
padding-top:-1em;
display:inline-block;
}}
@media (max-width: 750px) {.sp-bottom{
margin-bottom:-1.5em;
padding-bottom:-1.5em;
display:inline-block;
}}
/************************************************************
採用サイト トップページ
**********************************************************/
/*小見出しのロゴ*/
@media (min-width: 751px) {h2 img{
vertical-align: top;
margin-top:5px;
}}
@media (max-width: 750px) {h2 img{
vertical-align: top;
margin-top:-1px;
}}
/*社長あいさつ本文文字サイズ*/
@media (min-width: 751px) {.president{
font-size:20px;
}}
@media (max-width: 750px) {.president{
font-size:18px;
}}
@media (max-width: 750px) {h2{
margin-top:-1em !important;
padding-top:-3em !important;
}}
/*youtube サイズ*/
@media (min-width: 751px) {.yt-width{
margin-left:30% !important;
margin-right:30% !important;
}}
@media (max-width: 750px) {.yt-width{
margin-left:10% !important;
margin-right:10% !important;
}}
/*インタビュー 画像と文字の並び*/
.flex{
display: flex;
/* justify-content: space-between;*/
}
@media (min-width: 751px) {.flex>p{
padding-left:30px;
line-height:1.3em;
font-size:20px;
}}
@media (max-width: 750px) {.flex>p{
padding-left:20px;
line-height:1.2em;
font-size:18px;
}}
@media (min-width: 751px) {.flex>img{
width: 40%;
height:40%;
}}
@media (max-width: 750px) {.flex>img{
width: 45%;
height:45%;
}}
/*ボタン画像の上の行幅調整*/
.half-line{
margin-bottom: 5em;
}
/*インタビュー 画像と見出しの間の罫線*/
hr.intv{
border-top: 1px dashed #808080;
margin-top:-0.4em;
margin-bottom:0.6em;
}
/************************************************************
採用サイト インタビューページ
**********************************************************/
/*リンク時のズレの調整*/
.contents_inner{
padding-top: 100px !important;
margin-top:-100px !important;
}
/*画像の上に文字を乗せる*/
/* 全体の枠（領域）*/
.interview {
position: relative;
}
/* 重ねる文字 左*/
.interview-txt{
position: absolute;
top: 8%;
left: 7%;
width: 50%;
padding: 10px;
font-size: 22px;
font-weight:bold;
line-height: 1.7em;
}
/* 重ねる文字 右*/
.interview-txt-r{
position: absolute;
top: 8%;
left: 55%;
width: 50%;
padding: 10px;
font-size: 22px;
font-weight:bold;
line-height: 1.7em;
}
/*nterview-txt 一部の文字のboldを取る*/
.bold-clear{
font-weight:normal;
}
/*改行幅 大*/
.blank_xl{
line-height:5em;
}
/*インタビュー本文の改行幅 やや大*/
.blank_line{
line-height:2em;
}
.page-id-53 h2 {
padding:0;
text-align:left !important;
font-size: 22px;
font-weight:bold;
}
/*インタビュー見出し*/
.page-id-53 h3 {
border-left: 8px solid #000;
border-color:#22ac38;
font-size:18px !important;
}
/*インタビュー本文*/
.honbun{
font-size: 17px;
line-height: 1.6em;
letter-spacing: 0.1em;
}
/*インタビュー本文 float: で画像を配置する場合に利用するcss*/
figure {
float: right;
margin: 0 0 0.2em 0.6em;
width: 30%;
}
figure img {
max-width: 100%;
}
/*1日のスケジュール タイトル 改行幅 大*/
.blank_title{
line-height:2em;
}
/*時間軸画像*/
.schedule-img{
background-image:url("/wp-content/uploads/2021/07/line.png") ;
background-repeat: no-repeat;
width:auto;
}
.schedule-box {
display: inline-block;
vertical-align: top;
text-align:center;
width:16%;
font-size:14px;
/*line-height:2em;*/
line-height:1.6em;
padding-left:0.1em;
}
/*schedule-box 内で改行幅を小さくする*/
.schedule_line{
line-height:1.4em;
}
/*１日のスケジュール表スマホ用のcss*/
.schedule-table{
background-color:#ffffff;
}
.schedule-table th{
background-color:whitesmoke;
width:20%;
padding:1em;
vertical-align:center;
}
.schedule-table td{
background-color:#fff;
width:80%;
padding:1em;
line-height:1.6em;
}
/************************************************************
採用サイト 募集情報ページ
**********************************************************/
/*採用職種・募集要項*/
/*表のcss*/
.rec-table{
background-color:#ffffff;
border-style:none;
}
*.rec-table td{
padding:2em 0;
border:left:1px;
}
#td1 td{
border-style:none !important;
}
/*新卒中途スマホのcss*/
.box1 {
padding: 0.5em 1em;
margin: 2em 0;
font-weight: bold;
border: solid 3px #000000;
}
.rec-mb{
margin:1em;
padding:1em;
width:90%;
background-color: #fff;
border:1px solid #ccc;
display:inline-block;
}
/*テスト用css*/
.rec-table-1{
display: inline-block;
text-align: center;
line-height: 5em;
width: 30%;
height: 5em;
background-color: white;
margin-top: 30px;
}
.rec-table-2{
display: inline-block;
line-height: 5em;
width: 65%;
height: 5em;
background-color: white;
margin-top: 30px;
}
.rec-table-2>a{
margin-left:10%;
}
/*仕事の魅力とやりがい*/
.rec-flex{
/* padding: 2% ;*/
display: flex;
flex-direction: row;
justify-content: space-evenly;
}
.rec-flex > *{
width: 32%;
padding: 2% ;
margin-top:15px ;
font-size:18px;
line-height:1.5em;
/* text-align:center;*/
}
.flex-item img{
margin-bottom:15px;
}
#yarigai img{
margin-bottom:15px;
}
/*採用の流れ ブロック*/
.rec-block{
margin-left:10%;
margin-right:10%;
padding:1em ;
background-color:#fff;
font-size:24px;
}
/*採用の流れ エントリー用（ホバー時にオレンジ）*/
.entry-block{
display:block;
margin-left:10%;
margin-right:10%;
padding:1em ;
background-color:#fff;
font-size:24px;
}
a.entry-block:hover {
font-size:24px;
background: #ff8c00;
border-color:#ff8c00;
border-width:3px;
color:white;
text-decoration:none;
}
.rec-space{
line-height:2em;
font-size:22px;
color:#009635;
}
.rec-width{
margin-left:10%;
margin-right:10%;
}
/*よくあるご質問 PC 頭揃えインデント */
.indent{
padding-left: 1.5em;
text-indent: -1.6em;
line-height:1.6em;
}
/*よくあるご質問 スマホ幅 */
.qa-width{
margin-left:3%;
margin-right:3%;
}
/************************************************************
採用サイト 募集要項ページ
**********************************************************/
/*h3 装飾削除
.page-id-334 h3:before {
display:none!important;
}*/
#youkou h2{
margin-bottom:0 !important;
padding-bottom:0 !important;
}
/*就労支援スタッフ タイトル*/
@media (max-width: 750px) {.page-id-334 h1,.page-id-475 h1{
font-size:20px !important;
}}
/*就労支援スタッフ こんな方に向いていますのブロック*/
@media (min-width: 751px) {.staff-block{
margin-left:10%;
margin-right:10%;
padding:5em ;
background-color:#fff;
}}
@media (max-width: 750px) {.staff-block{
margin-left:10%;
margin-right:10%;
padding:1.5em ;
background-color:#fff;
}}
.youkou-table{
background-color:#ffffff;
}
@media (max-width: 750px) {.youkou-table{
margin-top:0;
padding-top:0;
background-color:#ffffff;
}}
.youkou-table th{
background-color:whitesmoke;
width:20%;
padding:1em;
vertical-align:center;
}
.youkou-table td{
background-color:#fff;
width:80%;
padding:1em;
line-height:1.6em;
}
/* 募集要項の表内文字 頭揃えインデント */
.table-indent{
padding-left: 1em;
text-indent: -1em;
line-height:1.6em;
}
/*募集要項（福祉スタッフ） ページタイトル*/
@media (max-width: 750px) {.page-id-475> .page-header{
height:90px;
vertical-align:top !important;
}}
@media (max-width: 750px) {.page-id-475>.breadSection{
display:none !important;
}}
/************************************************************
採用サイト CTA ボックスcss (各ページ共通)
**********************************************************/
.d-box-green{
padding: 0.5em 1em;
margin: 1em 0.5em;
display: block;
line-height:2em;
background: white;
font-size:20px;
text-decoration: none;
text-align:center;
border:solid 1px #00984f;
border-radius: 10px;
color:#009944;
}
a.d-box-green:hover {
background: #00984f;
border-color:#00984f;
border-width:3px;
color:white;
text-decoration:none;
}
.d-box-blue{
padding: 0.5em 1em;
margin: 1em 0.5em;
display: block;
line-height:2em;
background: white;
font-size:20px;
text-decoration: none;
text-align:center;
border-style:solid;
border-width:1px;
border-radius: 10px;
border-color:#0073a8;
color:#0073a8;
}
a.d-box-blue:hover {
background:#0073a8;
border-color:#0073a8;
border-width:3px;
color:white;
text-decoration:none;
}
.d-box-orange{
padding: 0.5em 1em;
margin: 1em 0.5em;
display: block;
line-height:2em;
background: white;
font-size:20px;
text-decoration: none;
text-align:center;
border-style:solid;
border-width:1px;
border-radius: 10px;
border-color:#ff8c00;
color:#ff8c00;
}
a.d-box-orange:hover {
background: #ff8c00;
border-color:#ff8c00;
border-width:3px;
color:white;
text-decoration:none;
}
/****************************************
/* フォーム */
/****************************************/
/*フォーム タイトル */
.form-title {
text-align:center;
padding-bottom:2em !important;
color: #009635;
font-size: 20px;
}
/*フォーム フィールド幅 */
.field1{
display: block;
width: 13em;
}
.field2{
display: block;
width: 18em;
}
.field3{
display: block;
width: 21em !important;
}
/*志望動機フィールドの幅*/
@media (min-width: 751px) {.field-moti{
display: block;
width: 70% !important;
}
/*生年月日フィールド幅 */
.field-birthday{
display:inline-block;
width: 6em;
margin-right:2px;
}
/*フォーム 住所フィールド幅 */
.field-addr{
display:inline-block;
width: 8em;
margin-right:5px;
}
.field-area{
display:inline-block;
width: 15em;
margin-right:5px;
}
/*フォーム 注意書き*/
.form-box{
margin:0 0 2.5em ;
padding:1em;
width:70%;
background-color: whitesmoke;
border:1px solid #ccc;
display:inline-block;
}
/*履歴書*/
.resume{
line-height:1.8em !important;
margin-bottom:1.5em !important;
}
/*履歴書の注意書き*/
.resume-c{
/* padding-left: 1em !important;
text-indent: -1em !important;*/
line-height:1.2em !important;
margin-bottom:3em !important;
display:inline-block !important;
}
.resume-mb{
margin-bottom:3em !important;
display:inline-block !important;
}
/*フォーム 段落間隔*/
.space{
line-height:2em !important;
display:inline-block !important;
}
/*フォーム注意書き クレパス線*/
.crepas-line{
background: linear-gradient(white, #ffb6c1);
}
/*アンケートのチェックボックス 頭揃え（モバイル）*/
#questionnaire-1,#type-1{
margin-left:10px !important;
}
/*郵送希望者のタイトル線*/
.form-subtitle{
display:inline-block;
padding: 8px 19px;
margin: 2em 0;
border-top: solid 5px green;
border-bottom: solid 5px green;
}
/*お問い合わせフォームの「確認」「送信」ボタン */
.contact-button {
background-color: green !important;
color: #ffffff !important;
/* border-style: solid; border-color:#abb1b5; border-width:3px;*/
}
.contact-button:hover {
background-color:#98d98e !important;
color:#006400 !important;
/* border-style: solid; border-color:#ffdc00; border-width:3px; */
}
/*********************************************************
/* フォーム で パンくず と フッター 非表示 */
/**********************************************************/
/*スマホでは、パンくずは全て非表示*/
@media (max-width: 750px) {.sectionBox{
display:none !important;
}}
/*
.page-id-36966 footer .sectionBox,.page-id-36968 footer .sectionBox,.page-id-36971 footer .sectionBox,.page-id-86 footer .sectionBox,.page-id-84 footer .sectionBox,.page-id-3392 footer .sectionBox,.page-id-372 footer .sectionBox,.page-id-3236 footer .sectionBox,.page-id-3240 footer .sectionBox,.page-id-1836 footer .sectionBox,.page-id-1838 footer .sectionBox,.page-id-1834 footer .sectionBox{
display:none !important;
}
*/
.page-id-1014>.breadSection,.page-id-1096>.breadSection,.page-id-1005>.breadSection{
display:none !important;
}
.page-id-1014 #gMenu_outer,.page-id-1096 #gMenu_outer,.page-id-1005 #gMenu_outer{
display:none !important;
}