@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,img,
dl, dt, dd, ol, ul, li,
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: inherit;
  font-size: 100%;
  vertical-align: top;
  font-family: 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif,Helvetica,sans-serif;
  color: #424242;
  line-height: 1.5em;
}

.blink {
	color: #FFF;
	font-weight: bold;
	-webkit-animation: blink 1s ease infinite;
	animation: blink 1s ease infinite;
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

li {
	list-style-type: none;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html, body {
	font-size: 14px;
	line-height: 1;
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #FDFDFD;
	scroll-behavior: smooth;
}

a { cursor: pointer; text-decoration: none; !important; }

strong { font-weight: bold;}

.ff10 {
	font-size: 0.8em;
}

.clear {clear: both;}

h1 {
	text-align: center;
	padding: 1.0em;
}

h3 {
	overflow: hidden;
    width: 90%;
    height: border-box;
    margin: 1.0em auto;
    padding: 5px 0 4px 0;
    clear: both;
    background-color: midnightblue;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-top: 1em;
    text-shadow: 1px 1px 2px #202020;
    letter-spacing: normal;
}

h4 {
	overflow: hidden;
    width: 90%;
    height: border-box;
    margin: 1.0em auto;
    padding: 5px 1.0em 4px 1.0em;
    clear: both;
    background-color: midnightblue;
    font-size: 1.1em;
    color: #fff;
    text-align: left;
    margin-top: 1em;
    text-shadow: 1px 1px 2px #202020;
    letter-spacing: normal;
}

textarea {
    width: 100%;
    height: 200px;
}

.allh2 {
	margin: 2.0em 1.0em 1.0em 1.0em;
	padding: 0 0.5em;
	border-bottom: 5px solid midnightblue;
	font-size: 1.4em;
	font-weight: bold;
}

.allp {
	margin: 2.0em 1.0em 1.0em 1.0em;
	padding: 0 0.5em;
}

.allp a{
	background: midnightblue;
	padding: 0.7em 1.0em;
	color: #FFFFFF;
	margin: 0em 0.7em 0em 0em;
	display: inline-block;
}

.allp span{
	padding: 0.7em 1.0em;
	margin: 0em 0.7em 0em 0em;
	display: inline-block;
}

.h2icon a{
	background: #FFFFFF;
	padding: 0em 0.7em;
	color: midnightblue;
	margin: 0em 0.7em 0em 2em;
	display: inline-block;
}

.need {
    margin: 0 0 0 4px;
    padding: 2px 3px 1px 3px;
    font-size: 64%;
    line-height: 3em;
    text-align: center;
    color: #fff;
    background: #E2003C;
    border-radius: 3px;
	white-space: nowrap;
}

.need01 {
    margin: 0 0 0 4px;
    padding: 2px 3px 1px 3px;
    font-size: 64%;
    line-height: 3em;
    text-align: center;
    color: #fff;
    background: #FF5700;
    border-radius: 3px;
	white-space: nowrap;
}

.need02 {
    margin: 0 0 0 4px;
    padding: 2px 3px 1px 3px;
    font-size: 64%;
    line-height: 3em;
    text-align: center;
    color: #fff;
    background: steelblue;
    border-radius: 3px;
	white-space: nowrap;
}

.need03 {
    margin: 0 0 0 4px;
    padding: 0.4em;
    font-size: 64%;
    line-height: 3em;
    text-align: center;
    color: #fff;
    background: #000000;
    border-radius: 3px;
	white-space: nowrap;
}

.need13 {
    margin: 0 0 0 4px;
    padding: 0.2em;
    font-size: 64%;
    line-height: 2.5em;
    text-align: center;
    color: #fff;
    background: darkblue;
    border-radius: 3px;
	white-space: nowrap;
}

.need04 {
    margin: 0 0 0.5em 0px;
    padding: 2px 3px 1px 3px;
    font-size: 64%;
    line-height: 1.8em;
    text-align: left;
    color: #fff;
    background: steelblue;
    border-radius: 3px;
	white-space: nowrap;
	display: block;
}

.need05 {
    margin: 0 0 0.5em 0px;
    padding: 2px 3px 1px 3px;
    font-size: 75%;
    line-height: 1.8em;
    text-align: left;
    color: #fff;
    background: green;
    border-radius: 3px;
	white-space: nowrap;
	display: block;
}

.ex-iic {
    margin: 0 0 0 4px;
    padding: 2px 3px 1px 3px;
    font-size: 64%;
    line-height: 3em;
    text-align: center;
    border-radius: 3px;
	white-space: nowrap;
}

.links-s {
	margin: 0px 0 0 4px;
    padding: 2px 3px 1px 3px;
    font-size: 64%;
    line-height: 2em;
    text-align: center;
    color: #fff;
    background: midnightblue;
    border-radius: 3px;
}

.manager_card {
	letter-spacing: -0.4em;
	position: relative;
}

.manager_card ul{
	text-align: left;
	padding: 0% 1% 0% 0%;
}

.manager_card ul li{
	letter-spacing: normal;
	display: inline-block;
	width: 24%;
	margin: 1% 0% 1% 1%;
	border: 1px solid #B7B7B7;
	padding: 0 0 0.7em 0;
	min-height: 12.7em;
}

.sortable li {
	cursor: move;
}

ul li h2{
	background: midnightblue;
	color: #FFFFFF;
	font-weight: bold;
	padding: 1.0em;
}

ul li p{
	padding: 0.5em;
}

ul li a{
	background: midnightblue;
	padding: 0.7em 1.0em;
	color: #FFFFFF;
	margin: 0em 0.7em 0em 0em;
	display: inline-block;
}

.dlbb {
    display: inline-block;
}

.dlbb a{
	background: #FFFFFF;
    padding: 0em 1.0em;
    color: midnightblue;
    margin: 0em 0.7em 0em 2em;
    display: inline-block;
}

.h2link a{
	background: transparent;
	padding: 0em 1.2em;
	color: #FFFFFF;
	margin: 0em;
	display: inline-block;
}

.set_label label {
	padding: 0.5em;
	display: inline-block;
	cursor: pointer;
}

.masteredt_card {
	letter-spacing: -0.4em;
	position: relative;
}

.masteredt_card ul {
	text-align: center;
}

.masteredt_card ul li {
	text-align: left;
	letter-spacing: normal;
	display: inline-block;
	width: 75%;
	margin: 1%;
	border: 1px solid #B7B7B7;
	padding: 0 0 0 0;
}

.masteredt_card td{
	vertical-align: middle;
}

.edttable {
	width: 90%;
	margin: 1em auto 0.5em ;
	border-collapse: collapse;
}

.edttable th, .edttable td {
	padding: 0.5em;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
}

.edttable th {
	background: #EBF0E7;
	width: 25%;
}

.pdfedttable {
	width: 90%;
	margin: 1em auto 0.5em ;
	border-collapse: collapse;
}

.pdfedttable th, .pdfedttable td {
	padding: 0.5em;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
	width: calc(100% / 6);
	text-align: center;
}

.pdfedttable th {
	background: #EBF0E7;
	width: calc(100% / 6);
	font-weight: bold;
}

.pdfedttable_un {
	width: 90%;
	margin: 1em auto 0.5em ;
	border-collapse: collapse;
}

.pdfedttable_un th, .pdfedttable_un td {
	padding: 0.5em;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
}

.pdfedttable_un .title{
	background: #EBF0E7;
	width: calc(2%);
	font-weight: bold;
	text-align: center;
}

.pdfedttable_un .fast{
	background: #EBF0E7;
	width: calc(20%);
	font-weight: bold;
	text-align: center;
}

.pdfedttable_un th {
	background: #EBF0E7;
	width: calc(78% / 6);
	font-weight: bold;
	text-align: center;
}

.pdfedttable_un .none {
	background: #FFFFFF;
	border: 0px solid #FFFFFF;
}

.pdfedttable_un .none1 {
	background: #FFFFFF;
	border: 0px solid #FFFFFF;
	height: 0px;
	padding: 0.0em;
}

.pdfedttable_un .none2 {
	background: #FFFFFF;
	border: 0px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}

.showtable {
	width: 98%;
	margin: 1em auto 0.5em ;
	border-collapse: collapse;
	table-layout: fixed;
}

.showtable a {
	background: rgba(255,0,0,0);
	padding: 0;
	margin: 0;
	color: midnightblue;
	padding-bottom: 0px;
	border-bottom: 1px solid midnightblue;
	display: inline-block;
}

.showtable th, .showtable td {
	padding: 0.5em;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
	font-size: 0.8em;
}

.showtable th {
	background: #EBF0E7;
}

.input_txt80 {
	width: calc(85% - 0em);
	padding: 0.2em;
	font-size: 1.0em;
	margin: 0.1em;
}

.input_txtss {
	width: calc(100% - 0em);
	padding: 0.2em;
	font-size: 1.0em;
	margin: 0.1em;
}

.input_txt {
	width: calc(100% - 1.0em);
	padding: 0.5em;
	font-size: 1.2em;
	margin: 0.5em;
}

.inline_txt {
	width: calc(30% - 1.0em);
	padding: 0.5em;
	font-size: 1.2em;
	margin: 0.5em;
	display: inline-block;
}

.h2search .slabel {
	display: inline-block;
}

.search_txt {
	width: 140px;
	padding: 0.5em;
	font-size: 1.2em;
	margin: 0.5em;
	display: inline-block;
}

.memo_txt {
	width: calc(60% - 1.0em);
	padding: 0.5em;
	font-size: 1.2em;
	margin: 0.5em;
	display: inline-block;
}

.edttable select {
    padding: 0px 0.8em;
	font-size: 1.2em;
    margin: 0.5em;
	height: 2.0em
}

.sp_center {
	display: inline-block;
}

.sp_center input{
	padding: 0.3em 0.5em;
}

.red {
	color: #FF0004;
}

.ssp10 {
	margin: 1.0em;
}

footer {
	width: auto;
	height: 10em;
}

.selectb {
	padding: 0.5em;
}

.edtmenu {
	text-align: center;
}

.edtmenu div{
	text-align: left;
	letter-spacing: normal;
	display: inline-block;
	width: auto;
	margin: 0 0.5em 0.5em;
	border: 1px solid #B7B7B7;
	padding: 0 0 0 0;
}

.edtmenu div a{
	background: #333333;
	padding: 0.7em 1.0em;
	color: #FFFFFF;
	margin: 0em 0em 0em 0em;
	display: inline-block;
}

.edtmenu div .red_bg{
	background-color: #AF0002
}

.ex-d {
	padding: 0.2em;
	display: inline-block;
	background: #FFEBA9;
	margin: 0 0.5em 0.6em 0;
}

.ex-i {
	padding: 0.2em;
	display: inline-block;
	background: #F7F7F7;
	border: 1px solid #666666;
	margin: 0 0.5em 0.6em 0;
	font-weight: bold;
}

.ex00 {
	background: #FFFFFF;
}

.ex01 {
	background: #6C81FF;
	color: #FFFFFF;
}

.ex02 {
	background: #FFC059;
}

.ex03 {
	background: #FFF684;
}

.ex04 {
	background: #6C81FF;
	color: #FFFFFF;
}

.ex05 {
	background: #69B01F;
}

.ex06 {
	background: #234AFF;
	color: #FFFFFF;
}

.ex07 {
	background: darkgray;
    color: #FFF;
}

.ex08 {
	color: #FFFFFF;
	background: forestgreen;
}

.ex100 {
	color: #FFFFFF;
	background: red;
}

.footer_menu {
	display: none;
}

#page_top{
  position: fixed;
  right: -100px;
  bottom: 65px;
  letter-spacing: -.4em;
  z-index: 999999;
}

#page_top .topback{
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  text-decoration: none;
  background: #333333;
  opacity: 0.7;
  letter-spacing: normal;
}

#page_top .topback::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 24px;
  color: #ffffff;
  position: absolute;
  width: 30px;
  height: 30px;
  top: -10px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

#page_top .topback::after{
  content: 'TOP';
  font-size: 12px;
  color: #ffffff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

#page_top .pagetop_icon {
	display: none;
	letter-spacing: normal;
}

/*1200の場合を想定*/
@media only screen and (max-width : 1200px){
	
.manager_card ul li{
	width: 31%;
	margin: 1%;
}
	
}


.nextpage {
	padding:  1.0em;
	letter-spacing: normal;
}

.nextpage a{
	color: #ffffff;
    background-color: #333333;
	text-decoration: none;
	padding: 0.5em 1.0em;
	border-radius: 5px;
}

.nextpage a:hover{
	color: #ffffff;
    background-color: dodgerblue;
	text-decoration: none;
}

.backlink {
	float: left;
}

.nextlink {
	float: right;
}

/*スマホの場合を想定*/
@media only screen and (max-width : 760px){

h1 {
	margin: 0 0 0em 0;
}

.edttable th, .edttable td {
	width: 100%;
	display: block;
	border-bottom: 0px;
}

.edttable {
	border-bottom: 1px solid #CCCCCC;	
}
	
.manager_card ul li,.masteredt_card ul li{
	width: 98%;
	margin: 1%;
}

.memo_txt {
	width: calc(80% - 1.0em);
	padding: 0.5em;
	font-size: 1.2em;
	margin: 0.5em;
	display: inline-block;
}
	
.inline_txt {
	width: calc(100% - 1.0em);
}

.footer_menu {
	width: 100%;
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.7);
	color: #FFFFFF;
	letter-spacing: -0.4em;
}

.footer_menu li{
	width: 24.7%;
	display: inline-block;
	letter-spacing: normal;
	text-align: center;
	vertical-align: top;
	line-height: 2em;
}
	
.footer_menu a{
	color: #FFFFFF;
	padding: 1.0em 0 0.7em;
	display: block;
	background: none;
	line-height: 2em;
	font-size: 0.8em;
}

.footer_menu a i{
	color: #FFFFFF;
	display: block;
	font-size: 1.5em;
}

.h2search .slabel {
	display: block;
	text-align: right;
}

.search_txt {
	width: 240px;
	padding: 0.5em;
	font-size: 1.2em;
	margin: 0.5em;
	display: inline-block;
}
	
.edtmenu {
	text-align: left;
}	
	
.sp_center {
	display: block;
	text-align: center;
}
	
.need ,.need01, .need02, .need03, .ex-iic{
    line-height: 2.5em;
}
	
}


.h2search {
	text-align: left;
}