@charset "UTF-8";
/*! sanitize.css v3.0.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */
/* Normalization */
audio:not([controls]) { display: none; }

button { overflow: visible; -webkit-appearance: button; }

details { display: block; }

html { -ms-overflow-style: -ms-autohiding-scrollbar; overflow-y: scroll; -webkit-text-size-adjust: 100%; }

input { -webkit-border-radius: 0; }
input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; }
input[type="number"] { width: auto; }
input[type="search"] { -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

main { display: block; }

pre { overflow: auto; }

progress { display: inline-block; }

small { font-size: 75%; }

summary { display: block; }

svg:not(:root) { overflow: hidden; }

template { display: none; }

textarea { overflow: auto; }

[hidden] { display: none; }

/* Universal inheritance */
*, ::before, ::after { box-sizing: inherit; }

* { font-size: inherit; line-height: inherit; }

::before, ::after { text-decoration: inherit; vertical-align: inherit; }

/* Opinionated defaults */
*, ::before, ::after { border-style: solid; border-width: 0; }

* { background-repeat: no-repeat; margin: 0; padding: 0; }

:root { background-color: #FFFFFF; box-sizing: border-box; color: #000000; cursor: default; font: 62.5%/1.5 sans-serif; text-rendering: auto; }

a { text-decoration: none; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

button, input, select, textarea { background-color: transparent; }

button, input, select, textarea { color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; }

button, [type="button"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="reset"], [type="search"], [type="submit"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea { min-height: 1.5em; }

code, kbd, pre, samp { font-family: monospace, monospace; }

nav ol, nav ul { list-style: none; }

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

textarea { resize: vertical; }

::-moz-selection { background-color: #B3D4FC; color: #ffffff; text-shadow: none; }

::selection { background-color: #B3D4FC; color: #ffffff; text-shadow: none; }

[aria-busy="true"] { cursor: progress; }

[aria-controls] { cursor: pointer; }

[aria-disabled] { cursor: default; }

[hidden][aria-hidden="false"] { clip: rect(0 0 0 0); display: inherit; position: absolute; }
[hidden][aria-hidden="false"]:focus { clip: auto; }

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

img { max-width: 100%; height: auto; }

.d-b { display: block; }
.d-ib { display: inline-block; }
.d-i { display: inline; }

.box40 { width: 40px; }
.box50 { width: 50px; }
.box60 { width: 60px; }
.box70 { width: 70px; }
.box80 { width: 80px; }
.box90 { width: 90px; }
.box100 { width: 100px; }
.box110 { width: 110px; }
.box120 { width: 120px; }
.box130 { width: 130px; }
.box140 { width: 140px; }
.box150 { width: 150px; }
.box160 { width: 160px; }
.box170 { width: 170px; }
.box180 { width: 180px; }
.box190 { width: 190px; }
.box200 { width: 200px; }
.box210 { width: 210px; }
.box220 { width: 220px; }
.box230 { width: 230px; }
.box240 { width: 240px; }
.box250 { width: 250px; }
.box260 { width: 260px; }
.box270 { width: 270px; }
.box280 { width: 280px; }
.box290 { width: 290px; }
.box300 { width: 300px; }
.box310 { width: 310px; }
.box320 { width: 320px; }
.box330 { width: 330px; }
.box340 { width: 340px; }
.box350 { width: 350px; }
.box360 { width: 360px; }
.box370 { width: 370px; }
.box380 { width: 380px; }
.box390 { width: 390px; }
.box400 { width: 400px; }
.box410 { width: 410px; }
.box420 { width: 420px; }
.box430 { width: 430px; }
.box440 { width: 440px; }
.box450 { width: 450px; }
.box460 { width: 460px; }
.box470 { width: 470px; }
.box480 { width: 480px; }
.box490 { width: 490px; }
.box500 { width: 500px; }

.w-5p { width: 5%; }
.w-10p { width: 10%; }
.w-15p { width: 15%; }
.w-20p { width: 20%; }
.w-25p { width: 25%; }
.w-30p { width: 30%; }
.w-35p { width: 35%; }
.w-40p { width: 40%; }
.w-45p { width: 45%; }
.w-50p { width: 50%; }
.w-55p { width: 55%; }
.w-60p { width: 60%; }
.w-65p { width: 65%; }
.w-70p { width: 70%; }
.w-75p { width: 75%; }
.w-80p { width: 80%; }
.w-85p { width: 85%; }
.w-90p { width: 90%; }
.w-95p { width: 95%; }
.w-100p { width: 100%; }

.f-l { float: left; }
.f-r { float: right; }

.clear { clear: both; }

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

.color-font { color: #333; }
.color-main { color: #00245d; }
.color-sub { color: #e6e6e6; }
.color-accent { color: #b00; }
.color-emergency { color: #e8373d; }

.fw-thin { font-weight: 100; }
.fw-normal { font-weight: normal; }
.fw-bold { font-weight: bold; }

.ta-l { text-align: left !important; }
.ta-c { text-align: center !important; }
.ta-r { text-align: right !important; }

.img-l { text-align: left !important; }
.img-c { text-align: center !important; }
.img-r { text-align: right !important; }

ul { list-style-type: none; }
ul.disc { list-style-type: disc; padding: 0 0 0 1.5em; }
ul.circle { list-style: circle; padding: 0 0 0 1.5em; }
ul.square { list-style: square; padding: 0 0 0 1.5em; }

ol { padding: 0 0 0 1.5em; }

.sbs { overflow: hidden; }
.sbs dt { float: left; }
.sbs.em3 dd { padding-left: 3.5em; }
.sbs.em4 dd { padding-left: 4.5em; }
.sbs.em5 dd { padding-left: 5.5em; }
.sbs.em6 dd { padding-left: 6.5em; }
.sbs.em7 dd { padding-left: 7.5em; }
.sbs.em8 dd { padding-left: 8.5em; }
.sbs.em9 dd { padding-left: 9.5em; }
.sbs.em10 dd { padding-left: 10.5em; }
.sbs.em11 dd { padding-left: 11.5em; }
.sbs.em12 dd { padding-left: 12.5em; }

@-webkit-keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.btn-default, .btn-main, .btn-main2, .btn-sub, .btn-accent, .btn-pdf, .btn-word, .btn-excel { display: inline-block; border-radius: 4px; margin: 5px; padding: .5em 1em .35em; text-decoration: none; }
.btn-default:hover, .btn-main:hover, .btn-main2:hover, .btn-sub:hover, .btn-accent:hover, .btn-pdf:hover, .btn-word:hover, .btn-excel:hover { cursor: pointer; }
.btn-l.btn-default, .btn-l.btn-main, .btn-l.btn-main2, .btn-l.btn-sub, .btn-l.btn-accent, .btn-l.btn-pdf, .btn-l.btn-word, .btn-l.btn-excel { padding: .6em 3em .5em; font-size: 1.25em; }
.btn-s.btn-default, .btn-s.btn-main, .btn-s.btn-main2, .btn-s.btn-sub, .btn-s.btn-accent, .btn-s.btn-pdf, .btn-s.btn-word, .btn-s.btn-excel { font-size: .8em; }

.btn-default { border: solid 1px #c9c9c9; background-color: #f6f6f6; box-shadow: 0 3px 0 0 #b0b0b0; color: #333 !important; text-align: center; }
.btn-default:hover { background-color: #fcfcfc; }
.btn-default:active { position: relative; top: 3px; box-shadow: none; }
.btn-main { border: solid 1px #00245d; background-color: #f6f6f6; box-shadow: 0 3px 0 0 #021128; color: #00245d !important; }
.btn-main:hover { background-color: #c3daff; }
.btn-main:active { position: relative; top: 3px; box-shadow: none; }
.btn-main2 { border: solid 1px #00245d; background-color: #00245d; box-shadow: 0 3px 0 0 #021128; color: #fff !important; }
.btn-main2:hover { background-color: #003890; }
.btn-main2:active { position: relative; top: 3px; box-shadow: none; }
.btn-sub { border: solid 1px #999; background-color: #999; box-shadow: 0 3px 0 0 gray; color: #fff !important; }
.btn-sub:hover { background-color: #b3b3b3; }
.btn-sub:active { position: relative; top: 3px; box-shadow: none; }
.btn-accent { border: solid 1px #b00; background-color: #b00; box-shadow: 0 3px 0 0 #810707; color: #fff !important; }
.btn-accent:hover { background-color: #ee0000; }
.btn-accent:active { position: relative; top: 3px; box-shadow: none; }
.btn-pdf { border: solid 1px #ff3500; background-color: #f6f6f6; box-shadow: 0 3px 0 0 #c2300a; color: #ff3500 !important; }
.btn-pdf:hover { background-color: #ffd7cc; }
.btn-pdf:active { position: relative; top: 3px; box-shadow: none; }
.btn-word { border: solid 1px #2B579A; background-color: #f6f6f6; box-shadow: 0 3px 0 0 #27426b; color: #2B579A !important; }
.btn-word:hover { background-color: #aac2e7; }
.btn-word:active { position: relative; top: 3px; box-shadow: none; }
.btn-excel { border: solid 1px #217346; background-color: #f6f6f6; box-shadow: 0 3px 0 0 #1a472e; color: #217346 !important; }
.btn-excel:hover { background-color: #84dcac; }
.btn-excel:active { position: relative; top: 3px; box-shadow: none; }

a.btn-default, a.btn-main, a.btn-sub, a.btn-accent, a.btn-pdf, a.btn-word, a.btn-excel { text-decoration: none !important; }

textarea, input, select { padding: 3px; }

[type="submit"], button { cursor: pointer; }

[type="text"], [type="password"], [type="email"], [type="url"], [type="number"], select, textarea { border: 1px solid #ccc; border-radius: 2px; background-color: #fbfbfb; }
[type="text"]:focus, [type="password"]:focus, [type="email"]:focus, [type="url"]:focus, [type="number"]:focus, select:focus, textarea:focus { border-color: #999; background-color: #fefefe; }

::-webkit-input-placeholder { color: #999; }

::-moz-placeholder { color: #999; }

:-ms-input-placeholder { color: #999; }

.placeholder { color: #999; }

html:not(.no-js) .is-loading *, html:not(.no-js) .is-loading *:before, html:not(.no-js) .is-loading *:after { -webkit-animation: none !important; animation: none !important; -webkit-transition: none !important; transition: none !important; }
html:not(.no-js) .page-content { -webkit-animation: fadein 1s; animation: fadein 1s; }
html.no-js .is-loading:after { content: none; }
html.no-js .page-content { visibility: visible; }

.is-loading:after { content: ''; position: fixed; left: 50%; top: 50%; border: 4px solid rgba(0, 0, 0, 0.3); border-top-color: #00245d; width: 48px; height: 48px; border-radius: 50%; margin-top: -24px; margin-left: -24px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; }
.is-loading .page-content { visibility: hidden; }

.grid-row { margin-left: -15px; margin-right: -15px; }
.grid-row:after { content: ""; display: block; clear: both; }
.grid-row + .grid-row { margin-top: 30px; }
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { box-sizing: border-box; float: left; padding: 0 15px; }
.grid-1 :first-child, .grid-2 :first-child, .grid-3 :first-child, .grid-4 :first-child, .grid-5 :first-child, .grid-6 :first-child, .grid-7 :first-child, .grid-8 :first-child, .grid-9 :first-child, .grid-10 :first-child, .grid-11 :first-child, .grid-12 :first-child { margin-top: 0; }
.grid-1 { width: 8.33333%; }
.grid-2 { width: 16.66667%; }
.grid-3 { width: 25%; }
.grid-4 { width: 33.33333%; }
.grid-5 { width: 41.66667%; }
.grid-6 { width: 50%; }
.grid-7 { width: 58.33333%; }
.grid-8 { width: 66.66667%; }
.grid-9 { width: 75%; }
.grid-10 { width: 83.33333%; }
.grid-11 { width: 91.66667%; }
.grid-12 { width: 100%; }

@font-face { font-family: 'webicon'; src: url("../fonts/webicon.ttf?kamr7n") format("truetype"), url("../fonts/webicon.woff?kamr7n") format("woff"), url("../fonts/webicon.svg?kamr7n#webicon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'webicon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-list-arrow2:before { content: "\e038"; }

.icon-arrow-right:before { content: "\e409"; }

.icon-home:before { content: "\e88a"; }

.icon-list-arrow:before { content: "\e90f"; }

.icon-menu:before { content: "\e910"; }

.icon-close:before { content: "\e911"; }

.icon-arrow-down2:before { content: "\e912"; }

.icon-arrow-left2:before { content: "\e913"; }

.icon-arrow-right2:before { content: "\e914"; }

.icon-arrow-up2:before { content: "\e915"; }

.icon-image:before { content: "\f03e"; }

.icon-map-marker:before { content: "\f041"; }

.icon-mail:before { content: "\f0e1"; }

.icon-file-pdf:before { content: "\f1c1"; }

.icon-file-word:before { content: "\f1c2"; }

.icon-file-excel:before { content: "\f1c3"; }

.icon-arrow-left3:before { content: "\f060"; }

.icon-arrow-right3:before { content: "\f061"; }

.icon-arrow-up3:before { content: "\f062"; }

.icon-arrow-down3:before { content: "\f063"; }

.icon-external-link:before { content: "\f08e"; }

.icon-sitemap:before { content: "\f0e8"; }

html { overflow-y: scroll; font-size: 62.5%; }

body { color: #333; font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; font-size: 1.5rem; letter-spacing: 0.05em; }

input, select, option, textarea { font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

a, a * { -webkit-transition-property: color, border-color, background-color, opacity; transition-property: color, border-color, background-color, opacity; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }

a { color: #00245d; text-decoration: none; }
a:visited { color: #002e77; }
a:hover { outline: 0; color: #001a44; text-decoration: underline; }
a:active { outline: 0; color: #b00; }
a img:hover { opacity: 0.7; }

::-moz-selection { background-color: #00102a; color: #fff; }

::selection { background-color: #00102a; color: #fff; }

.for-tab { display: none; }

.for-sp { display: none; }

.margin-lg { margin: 64px 0; }
.margin-md { margin: 40px 0; }
.margin-sm { margin: 16px 0; }
.margin-xs { margin: 8px 0; }

.grid-row { margin-left: -15px; margin-right: -15px; }
.grid-row:after { content: ""; display: block; clear: both; }
.grid-row + .grid-row { margin-top: 30px; }
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { box-sizing: border-box; float: left; padding: 0 15px; }
.grid-1 :first-child, .grid-2 :first-child, .grid-3 :first-child, .grid-4 :first-child, .grid-5 :first-child, .grid-6 :first-child, .grid-7 :first-child, .grid-8 :first-child, .grid-9 :first-child, .grid-10 :first-child, .grid-11 :first-child, .grid-12 :first-child { margin-top: 0; }
.grid-1 { width: 8.33333%; }
.grid-2 { width: 16.66667%; }
.grid-3 { width: 25%; }
.grid-4 { width: 33.33333%; }
.grid-5 { width: 41.66667%; }
.grid-6 { width: 50%; }
.grid-7 { width: 58.33333%; }
.grid-8 { width: 66.66667%; }
.grid-9 { width: 75%; }
.grid-10 { width: 83.33333%; }
.grid-11 { width: 91.66667%; }
.grid-12 { width: 100%; }

.styling-area h2 { margin-bottom: 20px; padding: 10px 20px 7px; font-size: 3rem; border-top: 3px solid #00245d; border-bottom: 1px dashed #00245d; }
.styling-area h3 { position: relative; margin-bottom: 20px; padding: 10px 20px .5em; border-bottom: 4px solid #c9c9c9; font-size: 2.4rem; }
.styling-area h3::after { position: absolute; bottom: -4px; left: 0; z-index: 2; content: ''; width: 30%; height: 4px; background-color: #00245d; }
.styling-area h4 { position: relative; margin-bottom: 20px; padding: 10px 20px .3em; font-size: 2rem; }
.styling-area h4::after { position: absolute; bottom: -4px; left: 0; content: ''; height: 4px; width: 100%; background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #c9c9c9 2px, #c9c9c9 4px); background: repeating-linear-gradient(45deg, #fff, #fff 2px, #c9c9c9 2px, #c9c9c9 4px); }
.styling-area p, .styling-area ul, .styling-area ol, .styling-area dl, .styling-area table { margin: 1em 0 1.5em 20px; font-size: 108%; }
.styling-area p::after, .styling-area ul::after, .styling-area ol::after, .styling-area dl::after, .styling-area table::after { clear: both; }
.styling-area ul, .styling-area ol { padding: 0 0 0 1.8em; }
.styling-area ul li + li, .styling-area ol li + li { margin: .3em 0 0; }
.styling-area ul { list-style: disc; }
.styling-area ul.list-square { list-style: none; }
.styling-area ul.list-square li { position: relative; }
.styling-area ul.list-square li:before { content: ''; position: absolute; left: -1em; top: .4em; width: .5em; height: .5em; background-color: #00245d; }
.styling-area img { margin: 10px; }
.styling-area hr { clear: both; margin: 40px 0; border: none; border-top: 1px solid #ccc; }
.styling-area .box-frame { padding: 1em; border: 3px double #ccc; }
.styling-area .box-frame > * { margin: 0; }
.styling-area .in-image { margin: 40px 0; }
.styling-area .in-image:after { content: ""; display: block; clear: both; }
.styling-area .in-image img { padding: 4px; border: 1px solid #ccc; }

body { overflow: hidden; }

.page { position: relative; }

#is-sp-checkbox { display: none; }

.btn-sp-menu { display: none; }

.l-inner { margin: 0 auto; width: 90%; }
.l-inner:after { content: ""; display: block; clear: both; }

.page-header { position: fixed; top: 0; z-index: 100; width: 100%; background-color: #fff; border-bottom: 1px solid #efefef; }

#wpadminber .nav-main { position: fixed; top: 148px !important; }

.nav-main { position: fixed; z-index: 135; top: 116px; left: 0; }
.nav-main .nav-main__list { width: 280px; }
.nav-main .nav-main__list::after { content: ""; display: table; }
.nav-main li { border-bottom: 1px solid #c9c9c9; position: relative; }
.nav-main li.is-current a { background-color: #00245d; color: #fff; }
.nav-main li.not-current a { background-color: #fff; color: #00245d; }
.nav-main li a { color: #00245d; display: block; padding: 7px 10px; }
.nav-main li a:hover { background-color: #00245d; color: #fff; }
.nav-main li i { position: absolute; right: 5px; top: 15px; margin: auto; color: #ccc; }
.nav-main li ul { position: absolute; top: 0; left: 283px; background-color: #fff; border-top: 1px solid #c9c9c9; }
.nav-main li ul li { width: 100%; }
.nav-main li ul li a { display: block; }

/* サブメニューアニメーション　左から右
-----------------------------------------------*/
#left-to-right ul { overflow: hidden; width: 0; transition: .5s; }

#left-to-right li:hover ul { width: 100%; }

#left-to-right li ul li { white-space: nowrap; }

.nav-sub { position: fixed; z-index: 136; top: 10px; right: 20px; font-size: 13px; }
.nav-sub li { display: inline-block; margin-left: 10px; }

#information { background-color: #e6e6e6; padding: 50px 90px 40px; }

.information__title { font-size: 20px; font-weight: normal; }
.information__en { font-size: 14px; }
.information__archives { margin: 10px 0; font-size: 12px; }

.information-item { margin-bottom: 10px; overflow: hidden; }
.information-item__date { float: left; padding-right: 10px; width: 20%; color: #333; font-size: 1.3rem; }
.information-item__date:hover { text-decoration: none !important; }
.information-item__title { float: right; width: 80%; }
.information-item__title:hover { text-decoration: underline; }

.pager { clear: both; text-align: center; }
.pager a, .pager span { display: inline-block; margin: 10px 2px 0; padding: 6px 10px 4px; color: #00245d; border: 1px dashed #00245d; }
.pager .current { background-color: #e6e6e6; }

a.prev, a.next { padding: 6px 20px 4px; color: #fff; background-color: #00245d; border-radius: 4px; }

.page-content { margin: 0 0 0 280px; z-index: 10; }

.content-main a { text-decoration: underline; }
.content-main ul, .content-main ol { margin-left: 20px; }

.page-heading { margin: 116px 0 0; min-height: 200px; position: relative; }

._template-bg { background: url(../_template/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.e404-bg, .sitemap-bg, .privacy-bg, .information-bg, .informations-bg { background: url(../informations/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.about-bg { background: url(../about/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.members-bg { background: url(../members/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.abilitydevelop-bg, .instructortraning-bg, .promotioncompetition-bg, .exchangeplaza-bg, .custommadetraning-bg, .planningtraning-bg { background: url(../abilitydevelop/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.worldskillscompetition-bg { background: url(../worldskillscompetition/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.verification-bg { background: url(../verification/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.verification-intern-bg { background: url(../verification/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.bookinfo-bg { background: url(../bookinfo/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.qualification-bg, .testguide-bg, .cad-bg, .business-bg { background: url(../qualification/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.career-bg { background: url(../career/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.skillstraning-bg { background: url(../skillstraning/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.disclose-bg { background: url(../disclose/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.page-title { display: table-cell; vertical-align: middle; padding: 40px 20px; height: 200px; font-size: 3.6rem; color: #fff; }

.breadcrumbs { padding: 10px; background-color: #fff; }

.heading-lg { margin-bottom: 20px; padding: 10px 20px 7px; font-size: 3rem; border-top: 3px solid #00245d; border-bottom: 1px dashed #00245d; background-color: #eee; }

.heading-md { position: relative; margin-bottom: 20px; padding: 10px 20px .5em; border-bottom: 4px solid #c9c9c9; font-size: 2.4rem; }
.heading-md::after { position: absolute; bottom: -4px; left: 0; z-index: 2; content: ''; width: 30%; height: 4px; background-color: #00245d; }

.heading-sm { position: relative; margin-bottom: 20px; padding: 10px 20px .3em; font-size: 2rem; }
.heading-sm::after { position: absolute; bottom: -4px; left: 0; content: ''; height: 4px; width: 100%; background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #c9c9c9 2px, #c9c9c9 4px); background: repeating-linear-gradient(45deg, #fff, #fff 2px, #c9c9c9 2px, #c9c9c9 4px); }

.p-text { margin-bottom: 1em; padding: 10px 0 7px 20px; }

.list-disc > li { position: relative; padding: 0 0 0 1.5em; }
.list-disc > li:before { position: absolute; left: 5px; top: .5em; content: ''; background-color: #00245d; width: 6px; height: 6px; border-radius: 50%; }

.list-arrow > li { position: relative; padding: 0 0 0 1.5em; }
.list-arrow > li:before { position: absolute; left: 0; top: 0; content: '\e90f'; font-family: 'webicon'; color: #00245d; }

.list-kome > li { position: relative; padding: 0 0 0 1.5em; }
.list-kome > li:before { position: absolute; left: 0; top: 0; content: '※'; }

.tbl.tbl-full { width: 100%; }
.tbl th, .tbl td { border: 1px solid #c9c9c9; }
.tbl th { padding: .6em .5em .3em; background-color: #e6e6e6; font-weight: normal; text-align: left; }
.tbl td { padding: .6em .5em .4em; }

.tbl-col th { border-bottom: 3px solid #00245d; }

.tbl-row th { border-right: 3px solid #00245d; }

.img-frame { padding: 4px; border: 2px solid #e6e6e6; }

.image-list { margin: 0 -10px; display: flex; flex-wrap: wrap; }
.image-list__item { /*            width: 25%;*/ padding: 10px; font-size: 1.3rem; }
.image-list__name { margin: 8px 0 0 !important; font-weight: bold; }
.image-list__text { margin: 8px 0 0; }

.definition-list { font-size: 1.3rem; }
.definition-list dt { font-weight: bold; }
.definition-list.side-by-side { display: flex; }
.definition-list.side-by-side dt { white-space: nowrap; margin: 0 1em 0 0; }

.purpose-box { padding: 20px; border: 3px solid #e6e6e6; }
.purpose-box__heading { margin-bottom: 10px; padding: 0 0 5px; border-bottom: 1px dashed #c9c9c9; }
.purpose-box__body { font-size: 1.2rem; }

#nav-content { margin: 0; padding: 0; }

.nav-content { display: flex; flex-wrap: nowrap; justify-content: space-between; width: 100%; }
.nav-content a { position: relative; text-decoration: none; width: 100%; color: #fff; }
.nav-content a:hover { opacity: 0.7; }
.nav-content a .bg_black::after { content: ''; position: absolute; top: 0; left: 0; z-index: 32; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; }
.nav-content__box { min-height: 280px; }
.nav-content__block { position: absolute; top: 0; left: 0; z-index: 40; margin: 15px; }
.nav-content__title { font-size: 24px; }
.nav-content__caption { font-size: 14px; }
.nav-content__more { position: absolute; bottom: 0; right: 0; z-index: 40; margin: 15px; font-size: 14px; }

.mb64 { margin-bottom: 64px; }

.bg_nav-content-01 { background: url(../images/top/img_nav-content-01.jpg) center center no-repeat; background-size: cover; z-index: 31; }

.bg_nav-content-02 { background: url(../images/top/img_nav-content-02.jpg) center center no-repeat; background-size: cover; z-index: 32; }

.bg_nav-content-03 { background: url(../images/top/img_nav-content-03.jpg) center center no-repeat; background-size: cover; z-index: 33; }

.bg_nav-content-04 { background: url(../images/top/img_nav-content-04.jpg) center center no-repeat; background-size: cover; z-index: 34; }

.bg_nav-content-05 { background: url(../images/top/img_nav-content-05.jpg) center center no-repeat; background-size: cover; z-index: 35; }

.bg_nav-content-06 { background: url(../images/top/img_nav-content-06.jpg) center center no-repeat; background-size: cover; z-index: 36; }

.bg_nav-content-02-01 { background: url(../abilitydevelop/images/img_navi01.jpg) center center no-repeat; background-size: cover; z-index: 31; }

.bg_nav-content-02-02 { background: url(../abilitydevelop/images/img_navi02.jpg) center center no-repeat; background-size: cover; z-index: 31; }

.bg_nav-content-02-03 { background: url(../abilitydevelop/images/img_navi03.jpg) center center no-repeat; background-size: cover; z-index: 31; }

.bg_nav-content-02-04 { background: url(../abilitydevelop/images/img_navi04.jpg) center center no-repeat; background-size: cover; z-index: 31; }

.bg_nav-content-02-05 { background: url(../abilitydevelop/images/img_navi05.jpg) center center no-repeat; background-size: cover; z-index: 31; }

.bg_nav-content-03-01 { background: url(../qualification/images/img_navi01.jpg) center center no-repeat; background-size: cover; z-index: 31; }

.bg_nav-content-03-02 { background: url(../qualification/images/img_navi02.jpg) center center no-repeat; background-size: cover; z-index: 31; }

.bg_nav-content-03-03 { background: url(../qualification/images/img_navi03.jpg) center center no-repeat; background-size: cover; z-index: 31; }

.bg_black::after { content: ''; position: absolute; top: 0; left: 0; z-index: 40; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; }

.bg_blue::after { content: ''; position: absolute; top: 0; left: 0; z-index: 41; background: rgba(0, 36, 93, 0.5); width: 100%; height: 100%; }

/*　hover アニメーション
-----------------------------------------------*/
/* Effect1 ************************************** */
/* 擬似要素の共通スタイル */
.change-border01::after, .change-border01::before, .change-border01__inner::after, .change-border01__inner::before { background-color: #fff; content: ''; /*  display: block;*/ position: absolute; z-index: 33; transition: all .3s ease; -webkit-transition: all .3s ease; }

/* 左上へ配置 */
.change-border01::after { height: 7px; left: -1px; top: -1px; width: 0px; }

/* 右下へ配置 */
.change-border01::before { bottom: -1px; height: 8px; right: -1px; width: 0px; }

/* 左下へ配置 */
.change-border01__inner::after { bottom: -1px; height: 0px; left: -1px; width: 7px; }

/* 右下へ配置 */
.change-border01__inner::before { height: 0px; right: -1px; top: -1px; width: 8px; }

/* hover */
.change-border01:hover::after, .change-border01:hover::before { width: 100%; }

.change-border01:hover .change-border01__inner::after, .change-border01:hover .change-border01__inner::before { height: 100%; }

.heading-md a { text-decoration: none; }
.heading-md a:hover { text-decoration: underline; }

.sitemap-list { display: flex; flex-wrap: wrap; }
.sitemap-list ul { margin-bottom: 2em; }
.sitemap-list li { min-width: 30%; margin-bottom: .8em; }
.sitemap-list a { text-decoration: none; }
.sitemap-list a:hover { text-decoration: underline; }

.sub-menu .heading-lg { padding: 5px 0; font-size: 1.8rem; }
.sub-menu ul { margin: 0 0 20px 0; }
.sub-menu select { width: 100%; }

.page-footer { position: relative; margin: 0 0 0 280px; border-top: 5px solid #00245d; }

.pageup { position: absolute; top: -43px; right: 20px; }

.author-info { display: flex; justify-content: end; padding: 40px 0; }
.author-info__first { max-width: 400px; }
.author-info__second { margin: 20px 0; }

.detail-dialnum { display: flex; }
.detail-dialnum dt { margin-right: 10px; }
.detail-dialnum dd { margin-right: 20px; }

.copyright { padding: 10px; clear: both; text-align: right; background-color: #00245d; color: #fff; }
.copyright small { font-size: 1.2rem; }
/*2023/2/22下記2クラス追加*/
.hp_mb0{margin-bottom: 0 !important;}
.hp_flex{display: flex;}
@media only screen and (max-width: 589px) { .for-pc { display: none; }
  .hp_flex{flex-direction: column;}
  .for-tab { display: none; }
  .for-sp { display: block; }
  .margin-lg { margin: 32px 0; }
  .margin-md { margin: 24px 0; }
  .margin-sm { margin: 8px 0; }
  .margin-xs { margin: 4px 0; }
  .grid-row { margin-left: -8px; margin-right: -8px; }
  .grid-row + .grid-row { margin-top: 16px; }
  .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { padding: 0 8px; }
  .sp-full.grid-1, .sp-full.grid-2, .sp-full.grid-3, .sp-full.grid-4, .sp-full.grid-5, .sp-full.grid-6, .sp-full.grid-7, .sp-full.grid-8, .sp-full.grid-9, .sp-full.grid-10, .sp-full.grid-11, .sp-full.grid-12 { width: auto; float: none; margin-top: 16px; margin-bottom: 16px; }
  .sp-full.grid-1 :last-child, .sp-full.grid-2 :last-child, .sp-full.grid-3 :last-child, .sp-full.grid-4 :last-child, .sp-full.grid-5 :last-child, .sp-full.grid-6 :last-child, .sp-full.grid-7 :last-child, .sp-full.grid-8 :last-child, .sp-full.grid-9 :last-child, .sp-full.grid-10 :last-child, .sp-full.grid-11 :last-child, .sp-full.grid-12 :last-child { margin-bottom: 0; }
  .grid-1:last-child.sp-full, .grid-2:last-child.sp-full, .grid-3:last-child.sp-full, .grid-4:last-child.sp-full, .grid-5:last-child.sp-full, .grid-6:last-child.sp-full, .grid-7:last-child.sp-full, .grid-8:last-child.sp-full, .grid-9:last-child.sp-full, .grid-10:last-child.sp-full, .grid-11:last-child.sp-full, .grid-12:last-child.sp-full { margin-bottom: 0; }
  .styling-area h2 { padding: 10px 10px 7px; font-size: 2.4rem; }
  .styling-area h3 { padding: 10px 10px .5em; font-size: 2rem; }
  .styling-area h4 { padding: 10px 10px .3em; font-size: 1.8rem; }
  .styling-area p, .styling-area ul, .styling-area ol, .styling-area dl, .styling-area table { margin: 1em 0 1.5em 20px; font-size: 108%; }
  .styling-area p::after, .styling-area ul::after, .styling-area ol::after, .styling-area dl::after, .styling-area table::after { clear: both; }
  .styling-area ul, .styling-area ol { padding: 0 0 0 1.8em; }
  .styling-area ul li + li, .styling-area ol li + li { margin: .3em 0 0; }
  .styling-area ul { list-style: disc; }
  .styling-area ul.list-square { list-style: none; }
  .styling-area ul.list-square li { position: relative; }
  .styling-area ul.list-square li:before { content: ''; position: absolute; left: -1em; top: .4em; width: .5em; height: .5em; background-color: #00245d; }
  .styling-area img { margin: 10px; }
  .styling-area hr { clear: both; margin: 40px 0; border: none; border-top: 1px solid #ccc; }
  .styling-area .box-frame { padding: 1em; border: 3px double #ccc; }
  .styling-area .box-frame > * { margin: 0; }
  .styling-area .in-image { margin: 40px 0; }
  .styling-area .in-image:after { content: ""; display: block; clear: both; }
  .styling-area .in-image img { padding: 4px; border: 1px solid #ccc; }
  .page { left: 0; transition: left .2s; }
  #is-sp-checkbox:checked + .page .sitemap { visibility: visible; opacity: 1; }
  #is-sp-checkbox:checked + .page .btn-sp-menu:after { visibility: visible; opacity: 1; }
  #is-sp-checkbox:checked + .page .btn-sp-menu i:before { content: '\e911'; position: relative; z-index: 131; }
  .btn-sp-menu { float: right; z-index: 130; display: block; margin: 0; cursor: pointer; text-align: center; background-color: #00245d; width: 60px; height: 60px; }
  .btn-sp-menu i { margin: 7px 0 0; color: #fff; }
  .btn-sp-menu:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 110; background: rgba(0, 0, 0, 0.8); visibility: hidden; opacity: 0; transition: visibility .4s,opacity .4s; }
  .btn-sp-menu i { font-size: 35px; line-height: 60px; }
  .l-inner { width: auto; margin: 0 8px; }
  .logo-main { width: 80%; float: left; }
  #wpadminber .nav-main { position: fixed; top: 148px !important; }
  .nav-main { position: absolute; top: 0; left: 0; right: 0; }
  .nav-main .nav-main__list { width: 100%; }
  .nav-main ul { display: flex; flex-direction: row; flex-wrap: wrap; border-bottom: 1px solid #c9c9c9; }
  .nav-main li { width: 100%; border-right: 1px solid #c9c9c9; border-left: 5px solid #c9c9c9; }
  .nav-main li a { color: #fff; }
  .nav-main li ul { position: static; top: 100%; left: 0; display: flex; flex-direction: column; background-color: #444; }
  .nav-main li ul li { border: none; border-top: 1px dashed #fff; padding-left: 20px; }
  .nav-sp { position: fixed; top: 65px; bottom: 0; overflow-y: scroll; }
  /* サブメニューアニメーション　左から右 -----------------------------------------------*/
  #left-to-right ul { overflow: visible; width: 100%; }
  #left-to-right li:hover ul { width: 100%; }
  #left-to-right li ul li { white-space: normal; }
  .nav-sub { position: fixed; top: 40px; left: 0; }
  .nav-sub a { color: #FFF; }
  .nav-sub li { margin-left: 5px; }
  .sitemap { transition: visibility .5s, opacity .5s; visibility: hidden; opacity: 0; z-index: 110; }
  #information { padding: 10px; }
  .information-item__date { float: none; width: 100%; }
  .information-item__title { float: none; width: 100%; }
  .page-content { margin: 0; }
  .page-title { font-size: 2.8rem; }
  .heading-lg { padding: 10px 10px 7px; font-size: 2.4rem; }
  .heading-md { padding: 10px 10px .5em; font-size: 2rem; }
  .heading-sm { padding: 10px 10px .3em; font-size: 1.8rem; }
  .p-text { padding: 10px 0 7px; font-size: 1.8rem; }
  .tbl-row { width: 100%; }
  .tbl-row th, .tbl-row td { display: block; }
  .tbl-row th { border-right: 1px solid #c9c9c9; border-bottom: 2px solid #00245d; }
  .image-list__item { width: 50%; }
  #nav-content { margin: 0; padding: 0; }
  .nav-content { flex-wrap: wrap; }
  .sp-none { display: none; }
  .bg_nav-content-01 { background: url(../images/top/img_nav-content-01.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-02 { background: url(../images/top/img_nav-content-02.jpg) center center no-repeat; background-size: cover; z-index: 32; }
  .bg_nav-content-03 { background: url(../images/top/img_nav-content-03.jpg) center center no-repeat; background-size: cover; z-index: 33; }
  .bg_nav-content-04 { background: url(../images/top/img_nav-content-04.jpg) center center no-repeat; background-size: cover; z-index: 34; }
  .bg_nav-content-05 { background: url(../images/top/img_nav-content-05.jpg) center center no-repeat; background-size: cover; z-index: 35; }
  .bg_nav-content-06 { background: url(../images/top/img_nav-content-06.jpg) center center no-repeat; background-size: cover; z-index: 36; }
  .bg_nav-content-02-01 { background: url(../abilitydevelop/images/img_navi01.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-02-02 { background: url(../abilitydevelop/images/img_navi02.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-02-03 { background: url(../abilitydevelop/images/img_navi03.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-02-04 { background: url(../abilitydevelop/images/img_navi04.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-02-05 { background: url(../abilitydevelop/images/img_navi05.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-03-01 { background: url(../qualification/images/img_navi01.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-03-02 { background: url(../qualification/images/img_navi02.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-03-03 { background: url(../qualification/images/img_navi03.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_black::after { content: ''; position: absolute; top: 0; left: 0; z-index: 40; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; }
  .bg_blue::after { content: ''; position: absolute; top: 0; left: 0; z-index: 41; background: rgba(0, 36, 93, 0.5); width: 100%; height: 100%; }
  /*　hover アニメーション -----------------------------------------------*/
  /* Effect1 ************************************** */
  /* 擬似要素の共通スタイル */
  .change-border01::after, .change-border01::before, .change-border01__inner::after, .change-border01__inner::before { background-color: #fff; content: ''; /*  display: block;*/ position: absolute; z-index: 33; transition: all .3s ease; -webkit-transition: all .3s ease; }
  /* 左上へ配置 */
  .change-border01::after { height: 7px; left: -1px; top: -1px; width: 0px; }
  /* 右下へ配置 */
  .change-border01::before { bottom: -1px; height: 8px; right: -1px; width: 0px; }
  /* 左下へ配置 */
  .change-border01__inner::after { bottom: -1px; height: 0px; left: -1px; width: 7px; }
  /* 右下へ配置 */
  .change-border01__inner::before { height: 0px; right: -1px; top: -1px; width: 8px; }
  /* hover */
  .change-border01:hover::after, .change-border01:hover::before { width: 100%; }
  .change-border01:hover .change-border01__inner::after, .change-border01:hover .change-border01__inner::before { height: 100%; }
  .heading-md a { text-decoration: none; }
  .heading-md a:hover { text-decoration: underline; }
  .sitemap-list { display: flex; flex-wrap: wrap; }
  .sitemap-list ul { margin-bottom: 2em; }
  .sitemap-list li { min-width: 30%; margin-bottom: .8em; }
  .sitemap-list a { text-decoration: none; }
  .sitemap-list a:hover { text-decoration: underline; }
  .page-footer { margin: 0; }
  .author-info { display: block; padding: 40px 0; }
  .author-info__first { max-width: 750px; margin: 0; text-align: center; }
  .author-info__second { margin: 0; width: 100%; text-align: center; }
  .detail-dialnum { justify-content: center; } }
@media only screen and (min-width: 590px) and (max-width: 1079px) { .for-pc { display: none; }
  .for-tab { display: block; }
  .for-sp { display: none; }
  .margin-lg { margin: 48px 0; }
  .margin-md { margin: 32px 0; }
  .margin-sm { margin: 16px 0; }
  .margin-xs { margin: 8px 0; }
  .grid-row { margin-left: -10px; margin-right: -10px; }
  .grid-row + .grid-row { margin-top: 20px; }
  .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { padding: 0 10px; }
  .styling-area p, .styling-area ul, .styling-area ol, .styling-area dl, .styling-area table { margin: 1em 0 1.5em 20px; font-size: 108%; }
  .styling-area p::after, .styling-area ul::after, .styling-area ol::after, .styling-area dl::after, .styling-area table::after { clear: both; }
  .styling-area ul, .styling-area ol { padding: 0 0 0 1.8em; }
  .styling-area ul li + li, .styling-area ol li + li { margin: .3em 0 0; }
  .styling-area ul { list-style: disc; }
  .styling-area ul.list-square { list-style: none; }
  .styling-area ul.list-square li { position: relative; }
  .styling-area ul.list-square li:before { content: ''; position: absolute; left: -1em; top: .4em; width: .5em; height: .5em; background-color: #00245d; }
  .styling-area img { margin: 10px; }
  .styling-area hr { clear: both; margin: 40px 0; border: none; border-top: 1px solid #ccc; }
  .styling-area .box-frame { padding: 1em; border: 3px double #ccc; }
  .styling-area .box-frame > * { margin: 0; }
  .styling-area .in-image { margin: 40px 0; }
  .styling-area .in-image:after { content: ""; display: block; clear: both; }
  .styling-area .in-image img { padding: 4px; border: 1px solid #ccc; }
  .page { left: 0; transition: left .2s; }
  #is-sp-checkbox:checked + .page .sitemap { visibility: visible; opacity: 1; }
  #is-sp-checkbox:checked + .page .btn-sp-menu:after { visibility: visible; opacity: 1; }
  #is-sp-checkbox:checked + .page .btn-sp-menu i:before { content: '\e911'; position: relative; z-index: 131; }
  .btn-sp-menu { float: right; z-index: 130; display: block; margin: 0; cursor: pointer; text-align: center; background-color: #00245d; width: 60px; height: 60px; }
  .btn-sp-menu i { margin: 7px 0 0; color: #fff; }
  .btn-sp-menu:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 110; background: rgba(0, 0, 0, 0.8); visibility: hidden; opacity: 0; transition: visibility .4s,opacity .4s; }
  .btn-sp-menu i { font-size: 40px; line-height: 60px; }
  .l-inner { width: auto; margin: 0 16px; }
  .logo-main { width: 80%; float: left; }
  #wpadminber .nav-main { position: fixed; top: 148px !important; }
  .nav-main { position: absolute; top: 0; left: 0; right: 0; }
  .nav-main .nav-main__list { width: 100%; }
  .nav-main ul { display: flex; flex-direction: row; flex-wrap: wrap; border-bottom: 1px solid #c9c9c9; }
  .nav-main li { width: 100%; border-right: 1px solid #c9c9c9; border-left: 5px solid #c9c9c9; }
  .nav-main li a { color: #fff; }
  .nav-main li ul { position: static; top: 100%; left: 0; display: flex; flex-direction: column; background-color: #444; }
  .nav-main li ul li { border: none; border-top: 1px dashed #fff; padding-left: 20px; }
  .nav-sp { position: fixed; top: 65px; bottom: 0; overflow-y: scroll; }
  /* サブメニューアニメーション　左から右 -----------------------------------------------*/
  #left-to-right ul { overflow: visible; width: 100%; }
  #left-to-right li:hover ul { width: 100%; }
  #left-to-right li ul li { white-space: normal; }
  .nav-sub { position: fixed; top: 40px; left: 0; }
  .nav-sub a { color: #FFF; }
  .nav-sub li { margin-left: 5px; }
  .sitemap { transition: visibility .5s, opacity .5s; visibility: hidden; opacity: 0; z-index: 110; }
  #information { padding: 20px 40px; }
  .page-content { margin: 0; }
  #nav-content { margin: 0; padding: 0; }
  .bg_nav-content-01 { background: url(../images/top/img_nav-content-01.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-02 { background: url(../images/top/img_nav-content-02.jpg) center center no-repeat; background-size: cover; z-index: 32; }
  .bg_nav-content-03 { background: url(../images/top/img_nav-content-03.jpg) center center no-repeat; background-size: cover; z-index: 33; }
  .bg_nav-content-04 { background: url(../images/top/img_nav-content-04.jpg) center center no-repeat; background-size: cover; z-index: 34; }
  .bg_nav-content-05 { background: url(../images/top/img_nav-content-05.jpg) center center no-repeat; background-size: cover; z-index: 35; }
  .bg_nav-content-06 { background: url(../images/top/img_nav-content-06.jpg) center center no-repeat; background-size: cover; z-index: 36; }
  .bg_nav-content-02-01 { background: url(../abilitydevelop/images/img_navi01.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-02-02 { background: url(../abilitydevelop/images/img_navi02.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-02-03 { background: url(../abilitydevelop/images/img_navi03.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-02-04 { background: url(../abilitydevelop/images/img_navi04.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-02-05 { background: url(../abilitydevelop/images/img_navi05.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-03-01 { background: url(../qualification/images/img_navi01.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-03-02 { background: url(../qualification/images/img_navi02.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-03-03 { background: url(../qualification/images/img_navi03.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_black::after { content: ''; position: absolute; top: 0; left: 0; z-index: 40; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; }
  .bg_blue::after { content: ''; position: absolute; top: 0; left: 0; z-index: 41; background: rgba(0, 36, 93, 0.5); width: 100%; height: 100%; }
  /*　hover アニメーション -----------------------------------------------*/
  /* Effect1 ************************************** */
  /* 擬似要素の共通スタイル */
  .change-border01::after, .change-border01::before, .change-border01__inner::after, .change-border01__inner::before { background-color: #fff; content: ''; /*  display: block;*/ position: absolute; z-index: 33; transition: all .3s ease; -webkit-transition: all .3s ease; }
  /* 左上へ配置 */
  .change-border01::after { height: 7px; left: -1px; top: -1px; width: 0px; }
  /* 右下へ配置 */
  .change-border01::before { bottom: -1px; height: 8px; right: -1px; width: 0px; }
  /* 左下へ配置 */
  .change-border01__inner::after { bottom: -1px; height: 0px; left: -1px; width: 7px; }
  /* 右下へ配置 */
  .change-border01__inner::before { height: 0px; right: -1px; top: -1px; width: 8px; }
  /* hover */
  .change-border01:hover::after, .change-border01:hover::before { width: 100%; }
  .change-border01:hover .change-border01__inner::after, .change-border01:hover .change-border01__inner::before { height: 100%; }
  .heading-md a { text-decoration: none; }
  .heading-md a:hover { text-decoration: underline; }
  .sitemap-list { display: flex; flex-wrap: wrap; }
  .sitemap-list ul { margin-bottom: 2em; }
  .sitemap-list li { min-width: 30%; margin-bottom: .8em; }
  .sitemap-list a { text-decoration: none; }
  .sitemap-list a:hover { text-decoration: underline; }
  .page-footer { margin: 0; }
  .author-info__first { margin-left: 0; }
  .author-info__second { margin-left: 0; } }
@media only screen and (min-width: 1080px) { .styling-area p, .styling-area ul, .styling-area ol, .styling-area dl, .styling-area table { margin: 1em 0 1.5em 20px; font-size: 108%; }
  .styling-area p::after, .styling-area ul::after, .styling-area ol::after, .styling-area dl::after, .styling-area table::after { clear: both; }
  .styling-area ul, .styling-area ol { padding: 0 0 0 1.8em; }
  .styling-area ul li + li, .styling-area ol li + li { margin: .3em 0 0; }
  .styling-area ul { list-style: disc; }
  .styling-area ul.list-square { list-style: none; }
  .styling-area ul.list-square li { position: relative; }
  .styling-area ul.list-square li:before { content: ''; position: absolute; left: -1em; top: .4em; width: .5em; height: .5em; background-color: #00245d; }
  .styling-area img { margin: 10px; }
  .styling-area hr { clear: both; margin: 40px 0; border: none; border-top: 1px solid #ccc; }
  .styling-area .box-frame { padding: 1em; border: 3px double #ccc; }
  .styling-area .box-frame > * { margin: 0; }
  .styling-area .in-image { margin: 40px 0; }
  .styling-area .in-image:after { content: ""; display: block; clear: both; }
  .styling-area .in-image img { padding: 4px; border: 1px solid #ccc; }
  #wpadminber .nav-main { position: fixed; top: 148px !important; }
  /* サブメニューアニメーション　左から右 -----------------------------------------------*/
  #left-to-right li:hover ul { width: 100%; }
  #nav-content { margin: 0; padding: 0; }
  .bg_nav-content-01 { background: url(../images/top/img_nav-content-01.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-02 { background: url(../images/top/img_nav-content-02.jpg) center center no-repeat; background-size: cover; z-index: 32; }
  .bg_nav-content-03 { background: url(../images/top/img_nav-content-03.jpg) center center no-repeat; background-size: cover; z-index: 33; }
  .bg_nav-content-04 { background: url(../images/top/img_nav-content-04.jpg) center center no-repeat; background-size: cover; z-index: 34; }
  .bg_nav-content-05 { background: url(../images/top/img_nav-content-05.jpg) center center no-repeat; background-size: cover; z-index: 35; }
  .bg_nav-content-06 { background: url(../images/top/img_nav-content-06.jpg) center center no-repeat; background-size: cover; z-index: 36; }
  .bg_nav-content-02-01 { background: url(../abilitydevelop/images/img_navi01.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-02-02 { background: url(../abilitydevelop/images/img_navi02.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-02-03 { background: url(../abilitydevelop/images/img_navi03.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-02-04 { background: url(../abilitydevelop/images/img_navi04.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-02-05 { background: url(../abilitydevelop/images/img_navi05.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-03-01 { background: url(../qualification/images/img_navi01.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-03-02 { background: url(../qualification/images/img_navi02.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_nav-content-03-03 { background: url(../qualification/images/img_navi03.jpg) center center no-repeat; background-size: cover; z-index: 31; }
  .bg_black::after { content: ''; position: absolute; top: 0; left: 0; z-index: 40; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; }
  .bg_blue::after { content: ''; position: absolute; top: 0; left: 0; z-index: 41; background: rgba(0, 36, 93, 0.5); width: 100%; height: 100%; }
  /*　hover アニメーション -----------------------------------------------*/
  /* Effect1 ************************************** */
  /* 擬似要素の共通スタイル */
  .change-border01::after, .change-border01::before, .change-border01__inner::after, .change-border01__inner::before { background-color: #fff; content: ''; /*  display: block;*/ position: absolute; z-index: 33; transition: all .3s ease; -webkit-transition: all .3s ease; }
  /* 左上へ配置 */
  .change-border01::after { height: 7px; left: -1px; top: -1px; width: 0px; }
  /* 右下へ配置 */
  .change-border01::before { bottom: -1px; height: 8px; right: -1px; width: 0px; }
  /* 左下へ配置 */
  .change-border01__inner::after { bottom: -1px; height: 0px; left: -1px; width: 7px; }
  /* 右下へ配置 */
  .change-border01__inner::before { height: 0px; right: -1px; top: -1px; width: 8px; }
  /* hover */
  .change-border01:hover::after, .change-border01:hover::before { width: 100%; }
  .change-border01:hover .change-border01__inner::after, .change-border01:hover .change-border01__inner::before { height: 100%; }
  .heading-md a { text-decoration: none; }
  .heading-md a:hover { text-decoration: underline; }
  .sitemap-list { display: flex; flex-wrap: wrap; }
  .sitemap-list ul { margin-bottom: 2em; }
  .sitemap-list li { min-width: 30%; margin-bottom: .8em; }
  .sitemap-list a { text-decoration: none; }
  .sitemap-list a:hover { text-decoration: underline; } }

/*# sourceMappingURL=style.css.map */