@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique&display=swap');
/*!
Theme Name: base_renew2018
Theme URI: http://underscores.me/
Author: JTM（underscoresCustomize）
Author URI: http://underscores.me/
Description: 2018.12 デザインリニューアル ベーステンプレート
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: base_renew2018
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

base_renew2018 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
     ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
     ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
     ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
     ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
     ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *      `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
     ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
     ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
    color: #404040;
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
}

/*p {
    margin-bottom: 1.5em;
}*/

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code, kbd, tt, var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark, ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    /*margin-bottom: 1.5em;*/
}

ul, ol {
    /*margin: 0 0 1.5em 3em;*/
}

ul {
    list-style: disc;
}

ol {
    list-style: none;
}

li > ul,
li > ol {
    /*margin-bottom: 0;
    margin-left: 1.5em;*/
}

/*dl {
    margin-bottom: 1.5em;
}*/

dt {
    font-weight: bold;
}

/*dd {
    margin: 0 1.5em 0;
}*/

/*dd + dt {
    margin-top: 1.5em;
}*/

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 1em 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    /*margin: 0 0 1.5em;*/
    width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: royalblue;
}

a:visited {
    color: purple;
}

a:hover, a:focus, a:active {
    color: midnightblue;
}

a:focus {
    outline: thin dotted;
}

a:hover, a:active {
    outline: 0;
}

a[href$=".pdf"],
a[href$=".doc"],
a[href$=".docx"],
a[href$=".xls"],
a[href$=".xlsx"],
a[href$=".ppt"],
a[href$=".pptx"],
a[href$=".txt"],
a[href$=".zip"] {
  display: inline-block;
    margin-right: 10px;
  text-indent: -0.6em;
    margin-left: 1em;
}

a[href$=".pdf"]::before,
a[href$=".doc"]::before,
a[href$=".docx"]::before,
a[href$=".xls"]::before,
a[href$=".xlsx"]::before,
a[href$=".ppt"]::before,
a[href$=".pptx"]::before,
a[href$=".txt"]::before,
a[href$=".zip"]::before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
    font-size: 1.8rem;
    font-weight: bold;
}

a[href$=".pdf"]::before {
    content: "\f1c1";
    color: #e87272;
}

a[href$=".doc"]::before,
a[href$=".docx"]::before{
    content: "\f1c2";
    color: #549bf5;
}

a[href$=".xls"]::before,
a[href$=".xlsx"]::before{
    content: "\f1c3";
    color: #37bb0d;
}

a[href$=".ppt"]::before,
a[href$=".pptx"]::before{
    content: "\f1c4";
    color: #f2882b;
}

a[href$=".txt"]::before {
    content: "\f15c";
    color: #999;
}

a[href$=".zip"]::before {
    content: "\f1c6";
    color: #999;
}

a.a-db{
    display: inline-block;
    margin-right: 10px;
    text-indent: -0.6em;
    margin-left: 1em;	
}
a.a-db::before{
	content: url(images/icon-digtalbook-001.png);
	margin-right: 10px;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    left: 100%;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}

.main-navigation li {
    float: left;
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
    /* Make sure select elements fit in widgets. */
}

.widget select {
    max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

/* .post,
.page {
    margin: 0 0 1.5em;
} */

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}


/****************************************************************
▲▲▲▲▲DefaultCSS
****************************************************************/


/* reset
------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)

   fixed
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
sub,
sup,
tt,
var,
b,
u,
center,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block; }

body { line-height: 1; }

blockquote,
q { quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

div,
p,
dl,
dt,
dd,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
textarea,
table,
tr,
th,
td,
article,
aside,
header,
footer,
section,
nav {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Contents ul,
.Contents ol {
    margin: 0 0 1.5em 0;
}

/* -------------------------------------------------------
   font
------------------------------------------------------- */
/*
フォント指定 游ゴシック
*/
body,
html,
td,
th,
input[type="text"],
textarea,
select {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 500;
}

/* for IE10 */
@media all and (-ms-high-contrast: none) {
    body { font-family: Verdana, 'メイリオ', Meiryo, '游ゴシック', sans-serif!important; }
}


html { font-size: 62.5%; }

body {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 170%;
}

a:link,
a:visited {
    color: #3995c1;
    text-decoration: underline;
    transition: all 0.2s;
}

a:hover {
    text-decoration: none;
    opacity: 0.5;
}

/* -------------------------------------------------------
   一括指定 boxsizing / clearfix / image hover / contents width
------------------------------------------------------- */
/* boxsizing */
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* clearfix */
.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

/* image hover */
.class:hover {
    opacity: 0.7;
    text-decoration: none;
}

/* contents width */
.class {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

.ul,
.dl,
.blockHeaderSearch ul,
.blockFooterLinks dl,
.blockFooterLinks dt,
.blockFooterLinks dd,
.blockNavigation ul,
.blockNavigation li,
.blockTopPanel ul,
.widget_countperday_widget ul,
.blockTopLinks ul,
.blockNews ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}

/* links */
.blockFooterLinks a,
.blockTopDocuments__list p a,
.blockTopDocuments__list li a,
.blockTopNews a {
    text-decoration: none;
    color: #333;
}

.blockFooterLinks a:hover,
.blockTopNews a:hover {
  text-decoration: underline;
}

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

------------------------------------------------------- */
.l-contentWidth,
.Contents  {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}

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

------------------------------------------------------- */
.boxHeader {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.boxHeader a {
    display: block;
}

.headerLogo a {
	width: 300px;
}
.boxHeader .headNote {
 font-size: 0.85em;
 line-height: 1.1;
}
/*.boxHeader .headNote.pc {
	margin-bottom: 35px;
}*/
.boxHeader .headNote.sp {
 display: none;
}
.boxHeader .address {
	position: absolute;
/*	top:15px;*/
 top:70px;
	/*left:345px;*/
 left:370px;
	width: auto;
    font-size: 1.3rem;
}
.boxHeader .address p {
	padding:0;
 padding-bottom: 2px;
	margin:0;
	border-bottom:1px solid #76ABF2;
	line-height: 160%;
}
.boxHeader .address > p{
 margin-bottom: 7px;
}
.boxHeader .address p a {
 display: inline;
}
.blockHeaderSearch {
    position: absolute;
    right: 0;
    /*top: 20px;*/
 top: 70px;
    text-align: right;
}

.blockHeaderSearch input[type=text],
.blockHeaderSearch input[type=submit]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
}

.screen-reader-text {
    display: none;
}

.blockHeaderSearch ul {
    position: relative;
}

.blockHeaderSearch li + li {
    margin-top: 5px;
}

.blockHeaderSearch__loginLevel {
    background: #8CE7BD;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 5px;
    display: inline-block;
    min-width: 100px;
    text-align: center;
}

.blockHeaderSearch__loginLevel.level2 {
    background: #b898da;
}

.blockHeaderSearch__loginLevel.level3 {
    background: #da98a7;
}

.blockHeaderSearch input[type="search"] {
    /*width: 340px;*/
 width: 320px;
    border: 1px solid #ccc;
    height: 25px;
    padding-right: 40px;
    padding: 5px;
    border-radius: 0;
    font-size: 1.6rem;
}

.blockHeaderSearch input[type=submit] {
    cursor: pointer;
    border-radius: 0;
}

.blockHeaderSearch input[type="submit"].search-submit {
    height: 24px;
    width: 30px;
    text-align: center;
    color: #fff;
    background: #B7B6B5;
    font-size: 2.3rem;
    position: absolute;
    top: 3px;
    right: 0;
    padding: 0;
    text-indent: -9999px;
    background-image: url(images/icon-search.png);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    background-size: 23px auto;
}

.blockHeaderSearch .loginDisp{
    position: absolute;
    top: 33px;
    left: 0;
}
.blockHeaderSearch .logoutLink{
    position: absolute;
    top: 22px;
    right: 0;
}
.blockHeaderSearch_none {
    position: relative;
    margin-bottom: 100px;
}
.blockHeaderSearch_none input[type="search"]{
    width: 340px;
    border: 1px solid #ccc;
    height: 25px;
}
.blockHeaderSearch_none input[type="submit"].search-submit {
    height: 24px;
    width: 30px;
    text-align: center;
    color: #fff;
    background: #B7B6B5;
    font-size: 2.3rem;
    position: absolute;
    top: 3px;
    left: 314px;
    padding: 1px;
    text-indent: -9999px;
    background-image: url(images/icon-search.png);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    background-size: 23px auto;
}

/** メールマガジンバックナンバー **/
.mailmagbacknumber{
}
.mailmagbacknumber .mailmagbacknumberBlock{
    width: 820px;
    margin: 0 auto;
	height: 800px;
}
.ipad .mailmagbacknumber .mailmagbacknumberBlock {
	-webkit-overflow-scrolling: touch;
	overflow: auto;
}
.mailmagbacknumber iframe{
    width: 810px;
	height: 800px;
}
@media all and (-ms-high-contrast: none) {
    .buttonSearch {
        top: 4px;
    }
}

.blockNavigation {
    margin-bottom: 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.blockNavigationButton {
    display: none;
}

.blockNavigation li {
    text-indent: -9999px;
    width: 120px;
}

.blockNavigation a {
    display: block;
    background: url(images/nav-001.png) no-repeat;
    width: 100%;
    height: 56px;
}

.blockNavigation .blockNavigation__item001 a { background-position: 20px 0; }

.blockNavigation .blockNavigation__item002 a { background-position: -100px 0; }

.blockNavigation .blockNavigation__item003 a { background-position: -230px 0; }

.blockNavigation .blockNavigation__item004 a { background-position: -340px 0; }

.blockNavigation .blockNavigation__item005 a { background-position: -470px 0; }

.blockNavigation .blockNavigation__item006 a { background-position: -590px 0; }

.blockNavigation .blockNavigation__item007 a { background-position: -720px 0; }

.blockNavigation .blockNavigation__item008 a { background-position: -850px 0; }

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

------------------------------------------------------- */
.blockNavigation ul,
.blockTopPanel ul,
.blockNews ul,
.blockAccessContents ul,
.blockTopData,
.blockFooterLinks,
.blockTopDocuments__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.blockNavigation li { text-align: center; }

.title001 {
    text-align: center;
    font-size: 3.3rem;
    margin-bottom: 20px;
    color: #fff;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.title002 {
    text-align: center;
    font-size: 3.0rem;
    margin-bottom: 40px;
    padding-bottom: 5px;
    border-bottom: 1px solid #333;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.blockTopPanel {
    margin-bottom: 30px;
}

.blockTopLinks__contact,
.blockTopLinks__backnumber {
    text-indent: -9999px;
}
.blockTopLinks__contact a {
	margin-top: 30px;
    margin-bottom: 10px;
    background: url(images/btn-001.png) no-repeat;
    width: 960px;
    height: 39px;
    display: block;
}

.blockTopLinks__backnumber a {
    margin-bottom: 40px;
    background: url(images/btn-002.png) no-repeat;
    width:  960px;
    height: 62px;
    display: block;
}

/* ニュース */
.blockTopNews {
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
    background: #C8C8C8;
}

.blockTopNews ul {
    padding-left: 20px;
    padding-right: 20px;
}

.blockTopNews a {
    display: block;
    text-decoration: none;
    padding-bottom: 40px;
}

.blockTopNews li {
    background: #fff;
    width: 300px;
    border-bottom: 1px solid #efefef;
}

.blockTopNewsImage {
    width: 300px;
    height: 260px;
}

.blockTopNewsImage img {
    object-fit: cover;
  width: 100%;
  height: 100%;
  font-family: 'object-fit: cover;'
}

.blockTopNewsDate {
    font-size: 1.1rem;
    padding-left: 10px;
    line-height: 100%;
    margin-top: 10px;
}

.blockTopNewsTitle {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.blockTopData {
    padding-top: 40px;
    padding-bottom: 0;
}

/* 各種資料・スケジュール */
.blockTopDocuments { width: 60%; }
.blockTopSchedule { width: 40%; }

.blockTopDocuments__list {
    margin-left: 20px;
    margin-top: 60px;
}

.blockTopDocuments__list p {
    width: 270px;
    padding-left: 80px;
    position: relative;
    left: -30px;
    margin-bottom: 40px;
    word-break: break-all;
}

.blockTopDocuments__list p a:before {
    content: "";
    background: url(images/icon-document-001.png) no-repeat;
    z-index: 10;
    display: block;
    float: left;
    position: absolute;
    left: 30px;
    top: -15px;
    width: 67px;
    height: 87px;
}

.blockTopDocuments__list p a.type1:before {

    }

.blockTopDocuments__list p a.type2:before {
        filter: hue-rotate(-170deg) saturate(30%) brightness(160%);
    }

    .blockTopDocuments__list p a.type3:before {
        filter: hue-rotate(140deg)  saturate(60%) brightness(170%);
    }

.blockTopDocuments__list p a {
    display: table-cell;
    vertical-align: middle;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-left: 30px;
    width: 240px;
    text-decoration: none;
    height: 60px;
}
.blockTopDocuments__list ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}
.blockTopDocuments__list li {
    width: 250px;
    display: flex;
    /*position: relative;
    left: -30px;*/
    margin-bottom: 40px;
    word-break: break-all;
}
.blockTopDocuments__list li:nth-child(odd) {
    margin-right: 20px;
}
.blockTopDocuments__list li img {
    width: 80px;
    height: 80px;
}
.blockTopDocuments__list li a {
    margin-top: 10px;
    margin-bottom: 10px;
    /*display: table-cell;
    vertical-align: middle;*/
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-left: 10px;
    width: 200px;
    text-decoration: none;
    line-height: 140%;
    padding-top: 7px;
}
.blockTopDocuments__list li a[href$=".pdf"] {
 margin-left: 0;
 text-indent: 0;
}
.blockTopDocuments__list li a[href$=".pdf"]::before {
 content: "";
 margin-right: 0;
}
.blockAccessContents {
    margin-top: 20px;
    margin-bottom: 40px;
}

.blockSiteBranding {
	display: none;
	position:relative;
	width: 100%;
	height: 80px;
    margin-top: 50px;
}
.blockSiteBranding .foot-title{
	padding:0;
	margin:10px 0 0 0;
}
.blockSiteBranding .foot-title a{
	display:block;
	width:570px;
	height:80px;
	background-image:url(images/footlogo.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.blockFooterLinks {
    padding-left: 40px;
    padding-right: 40px;
}

.blockFooterLinks dt { margin-bottom: 5px; }

.blockFooterLinks dt:before {
    content: "\25A0";
    margin-right: 3px;
    /* color: #3995c1; */
    color: #53CDB3;
}

.blockFooterLinks dd { font-size: 1.3rem; }

/* -------------------------------------------------------
 widget styles
------------------------------------------------------- */
ul.cpd, .cpd-l {
    padding: 0;
    margin: 0;
}

ul li.cpd-l {
    border-bottom: none;
}

.cpd-r {
    float: right;
    text-align: right;
}

.cpd-l {
    float: left;
    text-align: left;
}

.widget_countperday_widget {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 70px;
  padding-right: 70px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 1.8rem;
}

.widget_countperday_widget .widget-title {
    float: left;
    margin-right: 60px;
}
.l-contentWidth #countperday_widget-2 h1 {
   display: block;
}
.cpd-l {
    position: relative;
    border: none;
}

    /* -------------------------------------------------------
 wordpress styles
------------------------------------------------------- */
/* default */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: '';
    display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}


/* 見出し */
.entry-title,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
    line-height: 170%;
}

.entry-content {
    margin-left: 20px;
    margin-right: 20px;
}

.entry-title,
.page-title {
  font-size: 2.4rem;
  margin-bottom: 20px;
    margin-top: 10px;
  border-bottom: 3px solid #3995c1;
    text-align: left;
    line-height: 170%;
}

.entry-title a {
    text-decoration: none;
}

.entry-content h2 {
    background: #999;
    color: #fff;
    padding: 10px;
    font-size: 2.0rem;
    margin-bottom: 10px;
}

.entry-content h3 {
    font-weight: bold;
    font-size: 2.0rem;
    margin-bottom: 10px;
    margin-left: 1em;
  text-indent: -1em;
}

.entry-content h3::before {
      content: "\25A0";
    margin-right: 3px;
    color: #3995c1;
}

.entry-content div + h3 {
    margin-top: 20px;
}

.entry-content h4 {
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.entry-content h5 {
    font-weight: bold;
    margin-bottom: 10px;
}

.entry-meta .posted-on,
.entry-meta .byline,
.entry-footer .cat-links,
.entry-footer .edit-link {
    font-size: 1.2rem;
    color: #999;
}

.entry-footer {
    text-align: right;
}

.entry-footer .edit-link {
    margin-left: 10px;
}

.nav-links {

}

.nav-links .nav-previous::before {
    font-family: "Font Awesome 5 Free";
    content: "\f053";
    font-weight: bold;
    vertical-align: middle;
    margin-right: 5px;
    color: #3995c1;
    font-size: 1.2rem;
}

.nav-links .nav-next::after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: bold;
    vertical-align: middle;
    margin-left: 5px;
    color: #3995c1;
    font-size: 1.2rem;
}

.page-links {
    text-align: center;
    margin-top: 80px;
}

.page-links .numbers {
    padding: 3px 14px;
    border: 1px solid #efefef;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: bold;
}

.page-links a {
    display: inline-block;
    background: #3995c1;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    padding: 3px 14px;
}

.page-links a .numbers {
    padding: 0;
    border: none;
}

/* カテゴリートップ */
#child-index {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#child-index::before {
    content:"";
  display:block;
  width: 32%;
  height:0;
  order:1;
}

#child-index::after {
    content: "";
    display: block;
    width: 32%;
    margin-bottom: 30px;
}

.child_page_excerpt {
    margin-bottom: 30px;
    width: 32%;
}

.child_page_excerpt h3 {
    position: relative;
}

.child_page_excerpt h3 a {
    text-decoration: none;
    padding: 10px;
    background: #3995c1;
    color: #fff;
    font-size: 2.0rem;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  outline: 1px solid #3995c1;
    margin-bottom: 10px;
    display: table-cell;
    width: 307px;
    vertical-align: middle;
    height: 80px;
}

/* カテゴリー新着 */
/*.category-whats-new .entry-title {
    text-align: left;
    font-size: 1.6rem;
    border-bottom: none;
    font-weight: bold;
}

.category-whats-new.post {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.category-whats-new .entry-meta {
    margin-top: -30px;
}

.category-whats-new .entry-footer {
    margin-top: -20px;
}*/

/* アーカイブ・検索結果 */
.archive {

}
.archive .entry-list{
    border-bottom: solid 1px #ccc;
    margin-bottom: 30px;
}
.archive .entry-list h3, .search article h3{
    border-bottom: dashed 1px #ccc;
    margin-bottom: 0;
    text-indent: 0;
    margin-left: 0;
}
.archive .entry-list h3 a{
    text-decoration: none;
}
.archive .entry-list .entry-meta{

}
.archive .entry-list .read-more{
    text-align: right;
}
.archive .entry-list .read-more::after{
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: bold;
    vertical-align: middle;
    margin-left: 5px;
    color: #3995c1;
    font-size: 1.2rem;
}
.archive .entry-list .entry-footer{

}
.search article.post{
    margin-bottom: 1em;
    border-bottom: solid 1px #ccc;
}
/* テーブル */
table {
    border: 1px solid #ccc;
    margin-bottom: 1.5em;
}

table th,
table td {
    border: 1px solid #ccc;
    padding: 10px;
}

table th {
    font-weight: bold;
    white-space: nowrap;
}

/**　広報紙 オルグ資料 職場会資料 自律的キャリア形成支援　テーブルのように **/
.org dl, .work dl, .career-support dl{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border: 1px solid #ccc;
    border-top: none;
    background: #fff;
}
.org dt, .work dt, .career-support dt{
    width: 25%;
    padding: 10px;
    border-top: 1px solid #ccc;
    box-sizing: border-box;
}
.org dd, .work dd, .career-support dd{
    width: 75%;
    margin-left: 0;
    padding: 10px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background: #fff;
}
.org dd:after, .work dd:after, .career-support dd:after{
     display: block;
     content: "";
     clear: both;
}
.org dd + dt, .work dd + dt, .career-support dd + dt{
    margin-top: 0;
}
.career-support dt{
    width: 16%;
    text-align: center;
    font-weight: normal;
}
.career-support dd{
    width: 84%;
}
.career-support dt.dtHead{
    background-color: #80ffff;
}
.career-support dd.ddHead{
    background-color: #80ffff;
    text-align: center;
    padding: 10px 10px 0 10px;
}
/* 広報紙・大会議案 dl３列 */
.list dl, .convention dl {
     width: 100%;
    display: flex;
    flex-wrap: wrap;
     overflow: hidden;
     border: 1px solid #ccc;
     border-top: none;
     background: #fff;
}
.list dt, .convention dt {
    width: 20%;
    padding: 10px;
    border-top: 1px solid #ccc;
    box-sizing: border-box;
    font-weight: normal;
}
.list dd, .convention dd{
    padding: 10px;
    margin-left: 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background: #fff;
}
.list dl dt{
    width: 15%;
}

.list dl dd:nth-child(3n-1){
    width: 35%;
}
.list dl dd:nth-child(3n){
    width: 50%;
}
.list dl dt:nth-child(1), .list dl dd:nth-child(2), .list dl dd:nth-child(3){
	text-align: center;
	font-weight: bold;
}
.convention dd:nth-child(3n-1){
    width: 25%;
}
.convention dd:nth-child(3n){
    width: 55%;
}
/**　広報紙 オルグ資料 職場会資料 開閉矢印 **/
.list h3.active::after, .work h3.active::after, .org h3.active::after, .qa h3.active::after{
    font-family: "Font Awesome 5 Free";
    content: "\f077";
    vertical-align: middle;
    margin-left: 15px;
    color: #3995c1;
    font-size: 2.0rem;
}
.list h3.close::after, .work h3.close::after, .org h3.close::after, .qa h3.close::after{
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    vertical-align: middle;
    margin-left: 15px;
    color: #3995c1;
    font-size: 2.0rem;
}

/**　Q＆A **/
.qa .ans{
    margin-left: 2.5rem;
    margin-bottom: 40px;
}
#qa .ans:first-letter{
    font-size: 2.2rem;
    color:#3E83EE;
    font-weight: bold;
}
.qa .ans ol{
    counter-reset: number;
    list-style-type: none!important;
    padding: 0.5em;
    border: dashed 1px gray;
    margin-bottom: 0.5em;
}
.qa .ans ol li{
    position: relative;
    line-height: 1.5em;
    padding: 0.5em 0.5em 0.5em 40px;
}
.qa .ans ol li:before {
    position: absolute;
    counter-increment: number;
    content: counter(number);
    display: inline-block;
    background: #74c2f8;
    color: white;
    font-family: 'Avenir','Arial Black','Arial',sans-serif;
    font-weight: bold;
    font-size: 15px;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.local-union-pages i.far{
    font-size: 2.2rem;
    color: #666;
}
/* 個別幅設定 **/

/* パンくずリスト */
#breadcrumbs {
    font-size: 1.4rem;
    margin-bottom: 20px;
    color: #333;
}

#breadcrumbs a {
    text-decoration: none;
    color: #999;
}

#breadcrumbs a:hover {
    text-decoration: underline;
}


/* 投稿記事写真 */
.wp-caption {
       margin-bottom: 1.5em;
    max-width: 100%;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #efefef;
}

.wp-caption img {
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}


.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    font-size: 1.2rem;
    color: #666;
    line-height: 170%;
}

.wp-caption-text {
    text-align: center;
}

.entry-footer .edit-link {

}

article.post {
    margin-bottom: 3em;
}

/* フォーム */
.wpcf7 {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=password],
.wpcf7 input[type=number],
.wpcf7 input[type=url],
.wpcf7 input[type=tel],
.wpcf7 input[type=date],
.wpcf7 input[type=month],
.wpcf7 input[type=week]{
    font-size: 1.6rem;
    margin-top: 5px;
}

.wpcf7 textarea {
    font-size: 1.6rem;
    padding: 10px;
}

.wpcf7 select {
    font-size: 1.6rem;
    padding: 5px;
}

.wpcf7 input[type=checkbox],
.wpcf7 input[type=radio] {
    margin-right: 5px;
}

input.wpcf7-email {

}

span.wpcf7-not-valid-tip {
    font-size: 1.4rem;
}

.wpcf7 span.your-name{

}

.wpcf7 button,
.wpcf7 input[type="button"],
.wpcf7 input[type="reset"],
.wpcf7 input[type="submit"] {
    -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
    margin: 0;
  border: none;
  outline: none;
    font-size: 1.6rem;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    padding: 10px 20px;
    cursor: pointer;
    background: #999;
    min-width: 200px;
}

.wpcf7 button:hover,
.wpcf7 input[type="button"]:hover,
.wpcf7 input[type="reset"]:hover,
.wpcf7 input[type="submit"]:hover {
    opacity: 0.7;
}

.wpcf7-confirm {

}

.wpcf7 input[type="submit"].wpcf7-submit {
    background: #3995c1;
}



/* 知る・観る・得る */
    .blockUseful {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

.blockUseful a {
    display: block;
    text-decoration: none;
    padding: 10px;
      background: #88969c;
    color: #fff;
    font-size: 2.0rem;
    margin-bottom: 10px;
    border-radius: 4px;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.6);
    position: relative;
    padding-right: 30px;
}

.blockUseful a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    color: #fff;
    font-size: 2.0rem;
    display: inline-block;
    float: right;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: calc(50% - 12px);
}

    .blockUsefulItem {
        width: 48%;
    }


/* 職場委員の役割とは colorbox 閉じるボタン*/
div#cboxWrapper {
	/*position: relative;*/
}
div#cboxWrapper button{
	/*position: absolute;
	top:0;
	right: 0;*/
}

/* -------------------------------------------------------
 smartphone
------------------------------------------------------- */
@media screen and (max-width: 480px) {
    img {
        max-width: 100%;
    }

    .l-contentWidth{
        width: 100%;
    }
    .Contents {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

.blockNews ul,
.blockAccessContents ul,
.blockTopData,
.blockFooterLinks,
.blockTopDocuments__list {
    display: block;
}

    /* header
    ---------------------------------*/
    .Header {
        position: relative;
    }
    .boxHeader a {
        width: auto;
    }
    .headerLogo {
        width: 200px;
        margin-left: 10px;
    }
 .boxHeader .headNote.sp {
 display:block;
}
  .boxHeader .headNote.pc {
 display:none;
}
   .boxHeader .headNote a {
    display: inline;
}
	.boxHeader .address {
		display: none;
	}
    .blockHeaderSearch {
     margin-top: 50px;
        position: relative;
        text-align: center;
        top: inherit;
    }
    .blockHeaderSearch label {
        vertical-align: middle;
    }
    .inputSearch {
        width: 200px;
    }
    .buttonSearch {
        position: relative;
        right: inherit;
        left: -20px;
        top: 4px;
        height: 25px;
    }
    .blockHeaderSearch input[type="submit"].search-submit {
        top: 2px;
        height: 29px;
    }
   .android .blockHeaderSearch input[type="submit"].search-submit {
        top: 3px;
    }
    .blockHeaderSearch .loginDisp{
    position: relative;
    top: initial;
    left: initial;
    }

    .blockHeaderSearch .logoutLink {
        /*top: -62px;*/
     top: -35px;
        right: 0;
        font-size: 1.1rem;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 10px;
        line-height: 180%;
     position: absolute;
    }

    .blockHeaderSearch .logoutLink a {
        border: 1px solid #3995c1;
        text-decoration: none;
        padding-left: 8px;
        padding-right: 8px;
    }
    /* navigation */
    .blockNavigation {
        border-bottom: none;
        border-top: none;
    }
    .blockNavigationButton {
        display: block;
        border: 1px solid #333;
        text-align: center;
     background: #34aadc;
    }
 .blockNavigation .blockNavigationButton a{
  color: #FFF;
  font-weight: bold;
  font-size: 1.3em;
  position: relative;
 }
 
 .blockNavigation .blockNavigationButton a::after {
 content: '';
 display: block;
 width: 0;
 height: 0;
 border-style: solid;
 margin-left: 10px; /* テキストと矢印の間隔 */
 transition: transform 0.2s ease; /* アニメーション */
            
 /* ▼ 下向き矢印 (デフォルトの状態) */
 border-width: 12px 10px 0 10px;;
 border-color: #ffffff transparent transparent transparent;
 position: absolute;
 top: 40%;
 right: 20px;
}

 /* .is-openクラスが付いた時の矢印のスタイル */
 .blockNavigation .blockNavigationButton.is-open a::after {
/* ▲ 上向き矢印 */
transform: rotate(180deg);
}
 
    .blockNavigation a {
        text-decoration: none;
        color: #333;
    }
    .blockNavigation {
        /*margin-left: 10px;
        margin-right: 10px;*/
    }
    .blockNavigation ul {
        display: block;
        border-top: 1px solid #ccc;
        display: none;
    }
    .blockNavigation li {
        text-indent: 0;
        width: 100%;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
    .blockNavigation a {
        background: none;
        height: auto;
        padding: 10px;
    }

    /* contents panel */
    .blockTopPanel li {
        width: calc(100% / 3);
    }

    /* contact */
    .blockTopLinks__contact,
    .blockTopLinks__backnumber {
        text-indent: 0;
        text-align: center;
        margin-left: 10px;
        margin-right: 10px;
    }
    .blockTopLinks__contact a {
        background: #8CE7BD;
        width: 100%;
        height: auto;
        color: #406353;
		text-decoration: none;
        padding-top: 10px;
        padding-bottom: 10px;
		font-size: 1.8rem;
		font-weight: bold;
    }

    .blockTopLinks__backnumber a {
        background: #858484;
        width: 100%;
        height: auto;
        color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        border: 1px solid #fff;
        outline: solid #858484;
    }

    /* news */
    .blockTopNews ul {
        padding-left: 10px;
        padding-right: 10px;
    }
    .blockNews li {
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
        width: auto;
    }
    .blockTopNewsImage {
        width: 100%;
        height: auto;
    }

    .blockTopNewsImage img {
        object-fit: none;
        width: 100%;
    }
    .blockNews a {
        padding-bottom: 0;
    }

    /* documents schdule */
    .blockTopDocuments,
    .blockTopSchedule {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .blockTopDocuments {
        margin-bottom: 40px;
    }

    .blockTopDocuments__list {
        margin-bottom: 60px;
    }

    .blockTopDocuments__list p {
        width: 100%;
        height: auto;
        margin-bottom: -17px;
        left: 0;
        padding-left: 0;
    }

    .blockTopDocuments__list p a {
        width: 100%;
        height: auto;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .blockTopDocuments__list p a:before {
        background-size: 20px auto;
        height: auto;
        width: auto;
        min-width: 20px;
        min-height: 30px;
        position: relative;
        left: -15px;
        top: 0;
    }
    .blockTopDocuments__list li {
        width: 100%;
    }
    .blockTopDocuments__list li:nth-child(odd) {
        margin-right: 0;
    }
    .blockTopDocuments__list li img {
        width: 120px;
        height: 120px;
    }
    .blockTopDocuments__list li a {
        width: 100%;
		font-size: 2.0rem;
    }
	
	.blockSiteBranding {
		display: block;
		position: static;
		width: auto;
		height: auto;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 0;
		padding-top: 10px;
		border-top: solid 1px #ccc;
	}
	.blockSiteBranding.border-none {
		border-top: none;
	}
	.blockSiteBranding .foot-title a{
		width: 100%;
  height: 60px;
		margin-bottom: 10px;
		background-size:100% auto;
    }
	.blockSiteBranding .address {
		position: static;
		width: 100%;
		font-size: 1.6rem;
    }
	.blockSiteBranding .address p {
		padding:0;
		margin:0;
		border-bottom:1px solid #76ABF2;
	}
    .blockFooterLinks {
		display: none;
        /*padding-left: 10px;
        padding-right: 10px;*/
    }

    /* parts */
    .title002 {
        width: auto;
    }

    .blockTopDocuments__list {
        margin-left: 0;
    }

    .blockTopLinks__backnumber a {
        text-decoration: none;
    }
    .mailmagbacknumber .mailmagbacknumberBlock{
       width: 95%;
			height: auto;
			height: 600px;
			-webkit-overflow-scrolling: touch;
    overflow: auto;
	}
	.mailmagbacknumber iframe{
		height: 600px;
		overflow: scroll;
	}
	
	.list dl dt{
		width: 30%;
	}
	.list dl dd:nth-child(3n-1){
		width: 70%;
	}
	.list dl dd:nth-child(3n){
		width: 100%;
	}
/* -------------------------------------------------------
 widget styles
------------------------------------------------------- */
ul.cpd, .cpd-l {
    padding: 0;
    margin: 0;
}

.widget_countperday_widget {
    padding-left: 10px;
  padding-right: 10px;
    font-weight: bold;
    font-size: 1.8rem;
 height: 70px;
    line-height: 100%;
}

.widget_countperday_widget .widget-title {
    float: none;
    margin-right: 0;
    margin-bottom: 10px;
}

    .cpd-l {
        border-bottom: 1px solid #f4f4f4;
        padding-bottom: 5px;
    }

    .cpd-l:last-child {
        border-bottom: none;
    }

/* -------------------------------------------------------
 wordpress styles
------------------------------------------------------- */
.child_page_excerpt h3 {
    font-size: 1.8rem;
}

.entry-title {
    font-size: 1.8rem;
}

    .entry-content {
        margin-left: 0;
        margin-right: 0;
    }

.entry-content h2 {
    font-size: 1.8rem;
}

.entry-content h3 {
    font-size: 1.8rem;
}

    .blockFooterLinks dl {
        margin-bottom: 20px;
    }


#child-index {
    display: block;
}

.child_page_excerpt {
    width: 100%;
}

table {
    width: auto;
}

.blockHeaderSearch input[type="search"] {
    width: 100%;
    border-radius: 0;
    height: 30px;
    -webkit-appearance: none;
}

.blockHeaderSearch {
    padding-left: 10px;
    padding-right: 10px;
}

    /* カテゴリー新着 */
    .category-whats-new .entry-content {
        margin-top: 0;
    }

    /* カテゴリートップ */
    .child_page_excerpt h3 a {
        width: 480px;
    }

    /* 知る・観る・得る */
    .blockUseful {
        display: block;
        flex-wrap: wrap;
    }

    .blockUsefulItem {
        width: 100%;
    }

    /* フォーム */
    .wpcf7 {
        width: 100%;
    }

    .wpcf7 input[type=text],
    .wpcf7 input[type=email],
    .wpcf7 input[type=password],
    .wpcf7 input[type=number],
    .wpcf7 input[type=url],
    .wpcf7 input[type=tel],
    .wpcf7 input[type=date],
    .wpcf7 input[type=month],
    .wpcf7 input[type=week],
    .wpcf7 textarea {
        max-width: 100%;
    }

    .wpcf7 select {
        font-size: 1.6rem;
		max-width: 100%;
    }

    .wpcf7 input[type=checkbox]{

    }

    .wpcf7 input[type=radio]{

    }


    /* end @media screen and (max-width: 480px)*/
}


/* -------------------------------------------------------
 utilities
------------------------------------------------------- */
.u-mt10 { margin-top: 10px; }

.u-mt20 { margin-top: 20px; }

.u-mt30 { margin-top: 30px; }

.u-mt40 { margin-top: 40px; }

.u-mt50 { margin-top: 50px; }

.u-mt60 { margin-top: 60px; }

.u-mt70 { margin-top: 70px; }

.u-mt80 { margin-top: 80px; }

.u-mt90 { margin-top: 90px; }

.u-mt100 { margin-top: 100px; }

.u-mb10 { margin-bottom: 10px; }

.u-mb20 { margin-bottom: 20px; }

.u-mb30 { margin-bottom: 30px; }

.u-mb40 { margin-bottom: 40px; }

.u-mb50 { margin-bottom: 50px; }

.u-mb60 { margin-bottom: 60px; }

.u-mb70 { margin-bottom: 70px; }

.u-mb80 { margin-bottom: 80px; }

.u-mb90 { margin-bottom: 90px; }

.u-mb100 { margin-bottom: 100px; }

.u-ml10 { margin-left: 10px; }

.u-ml20 { margin-left: 20px; }

.u-ml30 { margin-left: 30px; }

.u-ml40 { margin-left: 40px; }

.u-ml50 { margin-left: 50px; }

.u-ml60 { margin-left: 60px; }

.u-ml70 { margin-left: 70px; }

.u-ml80 { margin-left: 80px; }

.u-ml90 { margin-left: 90px; }

.u-ml100 { margin-left: 100px; }

.u-mr10 { margin-right: 10px }

.u-mr20 { margin-right: 20px }

.u-mr30 { margin-right: 30px }

.u-mr40 { margin-right: 40px }

.u-mr50 { margin-right: 50px }

.u-mr60 { margin-right: 60px }

.u-mr70 { margin-right: 70px }

.u-mr80 { margin-right: 80px }

.u-mr90 { margin-right: 90px }

.u-mr100 { margin-right: 100px }

.u-alLeft { text-align: left; }

.u-alRight { text-align: right; }

.u-alCenter { text-align: center; }

/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:auto;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:14px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:12px;
 padding:2px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:12px;
 padding:2px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block!important;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:15px;
 width:350px;
 background:#ffaa56;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ffaa56;
 border:2px solid #ffaa56;
}

/****************************************/
/** ユーザー投稿フォーム add 2021/12〜**/
/****************************************/
div#user-submitted-posts,
div#usp-pro{}
div#user-submitted-posts form,
div#usp-pro form{
	/*width: 600px;
	margin-left: auto;
 margin-right: auto;*/
}
div#user-submitted-posts form fieldset,
div#usp-pro form fieldset{}
div#user-submitted-posts form fieldset label,
div#usp-pro form fieldset label{
	font-size: 1.7rem;
}
div#user-submitted-posts form fieldset.usp-title,
div#usp-pro form fieldset.usp-fieldset{
	margin-bottom: 25px;
}
div#user-submitted-posts form fieldset.usp-title .usp-input,
div#usp-pro form fieldset.usp-fieldset .usp-input{
	width: 100%;
 font-size: 1.5rem;
	padding: 5px;
}
div#user-submitted-posts form fieldset.usp-content,
div#usp-pro form fieldset.usp-content{
	
}
div#user-submitted-posts form fieldset.usp-content .usp-textarea,
div#usp-pro form fieldset.usp-fieldset .usp-textarea{
		width: 100%;
 font-size: 1.5rem;
	padding: 5px;
	height: 250px;
}
div#user-submitted-posts form fieldset.usp-images,
div#usp-pro form fieldset.usp-images{
	
}
div#user-submitted-posts form #usp-submit,
div#usp-pro form #usp-submit{
	
}
div#user-submitted-posts form #usp-submit .usp-submit,
div#usp-pro form fieldset.usp-fieldset input.usp-submit{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*margin: 0;*/
    border: none;
    outline: none;
    font-size: 1.6rem;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    padding: 10px 20px;
    cursor: pointer;
    background: #3995c1;
    min-width: 200px;
	margin: 30px 0;
}

main.site-main .entry-content .usp-pro-form {
	
}
main.site-main .entry-content .usp-pro-form .usp-success{
	margin: 50px 0 100px;
}


/*********************************
2024.04.15 add　トップページ春闘バナー
*********************************/
body.page-id-12388 {
 
}
body.page-id-12388 #breadcrumbs{
 display: none;
}
body.page-id-12388 .Contents {
 padding-left: 0;
}
.blockTopBnr {
 text-align: center;
}
.blockTopBnr section.widget {
 margin: 0 !important;
 padding: 0 !important;
}
.blockTopBnr section.widget a{
 display: none;
}
.blockTopBnr section.widget a.on{
 font-family: "Zen Kaku Gothic Antique", sans-serif;
 font-weight: 400;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 padding: 15px;
 /*padding-top: 13px;*/
 text-align: center;
 background: #F834AD;
 border: solid 1px #FFF;
 outline: solid 3px #F834AD;
	outline-offset: 1px; 
 color: #FFF;
 font-size: 1.6em;
 margin-top: 30px;
 margin-bottom: 30px;
 text-decoration: none;
 font-weight: bold;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 position: relative;
 line-height: 120%;
}
.blockTopBnr section.widget a.on::before{
 content: '\f05a';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
 margin-right: 15px;
 font-size: 1.1em;
 /*display: block;
 position: absolute;
 top:0;
 left: 0;*/
}
.blockTopBnr.jinjiseido section.widget a.on{
 background: #09A14D;
 outline: solid 3px #09A14D;
}
.blockTopBnr.syuntou section.widget a.on{
 background: #F834AD;
 outline: solid 3px #F834AD;
}
@media screen and (max-width: 480px) {
 .blockTopBnr section.widget a.on{
  width: 100%;
 }
}