@charset "UTF-8";
/* CSS Document */

html,body{
	font-size: 16px;
	font-family: sans-serif;
}
@media print,screen and (min-width:1025px) {
    html,body{/*PCレイアウトの時に、文字を少し小さく表示*/
	font-size: 0.95rem
}
}
body{
    margin: 0px;
    padding: 0px;
    background-color: #F0EFE5;
}
#page {
    width: 90%;
    max-width: 1000px;
    margin: 0px auto;
    background-color: #FFF;
    box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2);
}


/*containarとmainとcolophoneはnavigation.cssで設定*/

/*リンク色*/
a:link, a:visited{
    color: #333;
    text-decoration: none;
}
a:hover, a:active{
	color: #FC3;
}

.entry-content p a:link, .entry-content p a:visited,
.entry-content li a:link, .entry-content li a:visited,
.entry-summary p a:link, .entry-summary p a:visited {
    /*本文内のリンクに関してアンダーラインを引く*/
    /*entry-summaryは検索結果画面*/
    color: #3856A5;
    text-decoration: none;
    border-bottom: 1px dotted #999;
    padding-bottom: 1px;
}
.entry-content p a:hover, .entry-content p a:active,
.entry-content li a:hover, .entry-content li a:active,
.entry-summary p a:hover, .entry-summary p a:active {
	color: #FC3;
    text-decoration: none;
    border-bottom: 1px dotted #999;
    padding-bottom: 2px;
}
.navigation a:link, .navigation a:visited {
    /*ブログ記事下のリンクを青く*/
    color: #3856A5;
    text-decoration: none;
}
.navigation a:hover, .navigation a:active {
    /*ブログ記事下のリンク色*/
	color: #FC3;
}


/*タイポグラフィー*/
.alignLeft{
	text-align: left;
}
.alignCenter{
	text-align: center;
}
.alignRight{
	text-align: right;
}
.floatLeft{
	float: left;
}
.floatCenter{
	margin-left: auto;
	margin-right: auto;
}
.floatRight{
	float: right;
}

.entry-header h1, .zep-blog h1 {
    /*タイトル*/
    /*ブログページの記事タイトル*/
    font-size:1.2rem;
    margin: 0px;
    padding: 5px 10px;
}
.entry-header h1 {
    /*タイトル*/
    background-image: url(../img/h1-icon1.svg);
    background-position: 5px 9px;
    background-repeat: no-repeat;
    padding-left: 31px;
    padding-bottom: 0px;
    background-size: 19px auto;
    color: #40220f;
    border-bottom: 2px dotted #40220F;
    font-size: 1.2rem;
}
.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6,
.entry-content p {
    margin: 0.5em 0px 0px 0.5em;
    padding: 0px 0px 0px 0px;
}
.entry-content ol, .entry-content ul {
    margin: 0.5em 0px 0px 0.5em;
    padding: 0px 0px 0px 2em;
}
.entry-content h1 {
    font-size: 1.2rem;
}
.entry-content h2 {
    font-size: 1.2rem;
    color: #0E357F;
    margin-top: 1em;
    margin-bottom: 1em;
}
.entry-content h3 {
    font-size: 1rem;
    color: #0E357F;
    background-image: url(../img/bar-garade1.gif);    /*border-bottom: 1px dotted #333333;*/
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 2px;
    padding-bottom: 1px;
}
.entry-content p {
}
.entry-content li {
    margin-bottom: 5px;
}
.entry-content ul, .entry-content ol {
    list-style-position: outside;
}
.entry-content .read {
    font-weight: bold;
    color: #336432;
    border-left: 5px solid #336432;
    padding-left: 5px;
    margin-top: 1em;
    margin-bottom: 1em;
}
.entry-content em {
    font-style: normal;
    font-size:0.8rem;
    color: #3856A5;
}
.entry-content .no-disc {/*箇条書きリスト「中黒無し」*/
    list-style-type: none;
    padding: 0px 0px 0px 1em;
}
.entry-content iframe {/*グーグルアクセスマップ*/
    margin: 1em 0px;
}
.entry-content figcaption {/*ポップアップ画像キャプション*/
    /*border: 1px solid blue;*/
}
.entry-content .indent-1em {/*インデント1文字食い込み*/
    margin-left: 2em;
    text-indent: -1em;    
}



/*ブログ（インフォメーション）*/
.entry-meta {/*ブログ投稿日*/
    margin-top: 1em;
    text-align: right;
}
.entry-footer {/*ブログカテゴリー*/
    text-align: right;
    margin-top: 1em;
}
.blog-back-forth ul {/*記事の前後リンク*/
    list-style: none;
    display: flex;
    justify-content: center;
    margin: 0px ;
    padding: 0px ;
}
.blog-back-forth ul li {/*記事の前後リンク*/
    margin: 1em ;
}
.page-header h1 {/*アーカイブ内-アーカイブタイトル*/
    font-size: 1rem;
}
.zep-blog h1 {
    text-align: left;
}
.zep-blog h2 a:link, .zep-blog h2 a:visited{/*アーカイブ内の記事タイトル*/
    font-size: 1.3rem;
    color: #0E357F;
    text-decoration: none;
}
.zep-blog h2 a:hover, .zep-blog h2 a:active{
	color: #FC3;
}



/*パンくずナビゲーション*/
.breadnavi {
	font-size: 0.9rem;
    margin: 1em 20px;
    /*width: auto;*/
    /*border: 1px solid purple;*/
}
.breadnavi p {
	margin: 0px;
    padding: 0px;
}
@media print,screen and (min-width:1025px) {
.breadnavi {/*PCレイアウト用*/
	font-size: 0.8rem;
}
}



/*サイドメニューのウィジットエリア*/
.widget h2 {
    margin: 0.5em 0px 0px 0.5em;
    padding: 0px 0px 0px 0px;
    font-size: 1.2rem;
}
.widget ul {
    list-style-type: disc;
    margin: 0px 0px 0px 2em;
    padding: 0px;
}
.widget li {
    line-height: 2em;
}



/*お問合せフォーム*/
.formBox ul {
    margin:0px 0px 0px 0px;
    padding: 0px;
    list-style: none;
}
.formBox ul li {
    margin:5px 0px 0px 0px;
    padding: 0px;
}
.formBox .form-width {/*テキストボックスの幅*/
    /*width:90%;*/
}
.formBox .attention {/*入力必須項目*/
    color: #FF3300;
}
.page-id-45 .entry-content h3, .page-id-29 .entry-content h3, .page-id-284 .entry-content h3 {
    /*入力エラーページ*/
    color: #FF3300;
    background-image: none;
    border-bottom: 1px dotted #333;
}
.form-headline {
    font-weight: bold;
}
.form-headline .attention2 {/*住所の注意書き*/
    font-weight:normal; font-size:0.8rem;
}
.page-id-31 .mail-kakunin, .page-id-47 .mail-kakunin, .page-id-286 .mail-kakunin {
    /*送信内容確認＞メールアドレス（確認用）を隠す*/
    visibility: hidden;
    height: 0px;
    font-size: 0px;
}
.page-id-31 .attention, .page-id-47 .attention, .page-id-286 .attention,
.page-id-31 .kakunin-hidden, .page-id-47 .kakunin-hidden, .page-id-286 .kakunin-hidden,
.page-id-31 .form-headline .attention2,
.page-id-47 .form-headline .attention2,
.page-id-286 .form-headline .attention2 {
    /*送信内容確認＞米印を隠す*/
    visibility: hidden;
    width: 0px;
    /*margin-left: -0.5em;*/
    font-size: 0px;
}



/*アクセス*/
.access-photo {/*3つ並列*/
    display: flex;
    justify-content: center;
    margin: auto;
}
.access-photo img {
    max-height: 250px;
    margin-left: 0px;
    margin-right: 10px;
}
.access-photo p a {/*拡大写真のリンク罫を削除*/
    border-bottom: none !important;
}



/*採用情報*/
.recruit-freshman {/*採用情報大枠-新卒*/
    border: 2px solid #004b19;
    border-radius: 5px;
    background-color: #ebfaec;
    margin: 1em auto;
    overflow: hidden;
}
.recruit-carrier {/*採用情報大枠-キャリア*/
    border: 2px solid #002882;
    border-radius: 5px;
    background-color: #EAF6FD;
    margin: 1em auto;
    overflow: hidden;
}
.recruit-freshman p, .recruit-carrier p {
    margin: 0px;
    padding: 0px;
}
.recruit-freshman .catch {
    /*採用情報-キャッチコピー枠：新卒・既卒*/
    /*border: 1px solid gray;*/
    text-align: center;   
}
.recruit-freshman .catch p {
    background-color: #004b19;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-weight: bold;
    font-size: 1.3rem;
    color: white;
    display: inline-block;
    padding: 5px 1em;
    margin-bottom: 0.5em;
}
.recruit-carrier .catch {
    /*採用情報-キャッチコピー枠：キャリア*/
    /*border: 1px solid gray;*/
    text-align: center;   
}
.recruit-carrier .catch p {
    background-color: #002882;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-weight: bold;
    font-size: 1.3rem;
    color: white;
    display: inline-block;
    padding: 5px 1em;
    margin-bottom: 0.5em;
}


.recruit-freshman .comment, .recruit-carrier .comment {
    /*採用情報-解説*/
    color: #333;
    font-size: 1.05rem;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
}
.recruit-freshman .comment img, .recruit-carrier .comment img {
    margin: 0.5em 5px;
}
.guide-link {/*採用情報右上のガイドリンク*/
    text-align: right;
    font-size: 0.8rem;
}
@media screen and (min-width:1025px) {
    /*PC画面になると非表示*/
.guide-link {/*採用情報右上のガイドリンク*/
    visibility: hidden;
    height: 0px
}
}


/*事業概要-ITソリューションページ*/
.service-it-title-bg1 {
    background-image: url(http://zep.skip-design.com/wp-content/uploads/2020/05/zepbg262748AC.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    /*border: 1px solid red;*/
}
.service-it-title-bg1 .read {
    color: #42210B;
    border-left: none;
    width: 80%;
    max-width: 600px;
    min-width: 300px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
}
.jigyo-its3-title img {
    /*本文中の見出し画像*/
    width:100%;
    }
.jigyo-its3-photo3 {
    text-align: center;
}
@media print,screen and (min-width:600px) {
    /*PC画面の時*/
.jigyo-its3-title img {
    /*本文中の見出し画像*/
    width:430px;
    }
.jigyo-its3-photo {
    /*本文中のイメージ画像*/
    float:right;
    width:250px;
}
}



/*事業概要-ITソリューションページ-SKILL*/
.skill-box-inner {
    border: 2px solid gray;
    border-radius: 10px;
    margin-bottom: 1em;
    padding-bottom: 10px;
}
.skill-box-inner h5 {
    margin: 0;
    padding: 3px 0 3px 120px;
    background-color: gray;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #FFFFFF;
    font-size: 1rem;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 100px auto;
}
.skill-box-inner ul {
    margin: 0;
    padding: 5px 0px 5px 65px;
    list-style: none;
    font-size: 0.9rem;
    color: #42210b;
    font-weight: bold;
    background-color: whitesmoke;
    background-position: 15px 5px;
    background-repeat: no-repeat;
    min-height: 4em;
    background-size: 40px auto;
}
.skill-box-inner p {
    font-size: 0.8rem;
    text-indent: -1.5em;
    padding-left: 1.5em;
    color: #4d4d4d;
}
.tec-skill {/*SKILLカラー-テクニカル*/
    border-color: #007999;
}
.tec-skill h5 {
    background-color: #007999;
    background-image: url(../img/jigyo-its3-4i7cSKILL-item1.gif);
}
.tec-skill ul {
    background-color: #d3edfb;
    background-image: url(../img/jigyo-its3-4i7cSKILL-core1.gif);
}
.app-skill {/*SKILLカラー-アプリケーション*/
    border-color: #f2aa00;
}
.app-skill h5 {
    background-color: #f2aa00;
    background-image: url(../img/jigyo-its3-4i7cSKILL-item2.gif);
}
.app-skill ul {
    background-color: #fef5dc;
    background-image: url(../img/jigyo-its3-4i7cSKILL-core2.gif);
}
.man-skill {/*SKILLカラー-マネージメント*/
    border-color: #6d9919;
}
.man-skill h5 {
    background-color: #6d9919;
    background-image: url(../img/jigyo-its3-4i7cSKILL-item3.gif);
}
.man-skill ul {
    background-color: #ebf5ec;
    background-image: url(../img/jigyo-its3-4i7cSKILL-core3.gif);
}
.bus-skill {/*SKILLカラー-ビジネス*/
    border-color: #cc4603;
}
.bus-skill h5 {
    background-color: #cc4603;
    background-image: url(../img/jigyo-its3-4i7cSKILL-item4.gif);
}
.bus-skill ul {
    background-color: #fbe1d2;
    background-image: url(../img/jigyo-its3-4i7cSKILL-core4.gif);
}
@media print,screen and (min-width:600px) {
    /*PC画面の時*/
.skill-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    }
.skill-box .skill-box-inner {
    flex: 1 1 45%;
    margin-right: 10px;
    }
}





/*トップページ＞インフォメーション欄*/
.information {
    margin-top:1em;
}
.information ul,.information ul ol {
    list-style: none;
    margin: 0px 0px 0px 1em;;
    padding: 0px;
}
.information ul li {
    /*border: 1px solid red;*/
    margin: 0px;
}
.information ul ol {/*FlexBox親要素*/
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
}
.information ul ol li {
}
.information .date {/*日付ボックスの設定*/
    flex: 0 0 120px;
    font-size: 0.9rem;
    margin-top: 10px;
    /*border: 1px solid red;*/
}
.information .category {/*カテゴリーボックスの設定*/
    flex: 0 0 7em;
    text-align: center;
    border-radius: 2px;
    background-color: #3856A5;
    margin-right: 10px;
    margin-top: 10px;
    font-size: 0.8rem;
    height: 1.45em;
}
.information .title {/*タイトルボックスの設定*/
    flex: 1 1 auto;
    margin-top: 7px;
}
.information h3 a {
    color: #3856A5;
}
.information .category a:link, .information .category a:visited {
    /*カテゴリーボックス内リンク設定*/
    border-bottom: none;
    color: white;
}
.information .category a:hover, .information .category  a:active {
    color: #FC3;
}
.information .title a:link, .information .title a:visited {
    /*タイトルボックス内リンク設定*/
    border-bottom: none;
    color: #333;
}
.information .title a:hover, .information .title  a:active {
    color: #FC3;
}
@media screen and (max-width:600px) {
    /*スマホ画面（縦）*/
.information ul ol {/*FlexBox親要素*/
    flex-wrap: wrap;/*改行指示*/
}
.information .title {/*タイトルボックスの設定*/
    flex: 0 0 100%;/*タイトルのみ改行*/
    border-bottom: 1px dotted #333;
}
}



/*検索結果ページ*/
.search-results h2 {
    font-size: 1.2rem;
    margin-top: 2em;
}
.search-results h2 a {
    color: #0E357F;
}