@charset "utf-8";

/* CSS Document */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
	color: #4D4D4D;
	font-size: 1em;
    /*font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;*/
    /*font-family: 'Noto Sans JP', sans-serif;*/
    font-family: 'Noto Sans Japanese', sans-serif;
	/*letter-spacing: 1.5px;*/
	line-height: 1.6;
    padding:0;
    margin:0;

    border-top:12px solid #6285ab;
}
ul,li {
	/*list-style: none;*/
	margin: 0;
	padding: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}	
p { margin: 0;}
a {
    color:#0066c0;
	text-decoration: none;
}
a:hover, a:visited {
    text-decoration: none;
    opacity: 0.8;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0;
    font-size:1rem;
    font-weight: normal;
    margin-block-start: 0;
    margin-block-end: 0;
}
h3{
    color: #FFF;
    font-size: 1.2rem;
    font-weight: bold;
    background-color: #7998B7;
    border-left: 8px solid #627991;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
}
h4{
    color: #45648C;
    font-size: 1.2rem;
    font-weight: bold;
    border-bottom: 5px solid #547195;
    padding: 1rem 0 0.3rem 0;
    margin: 0 1rem 1rem 1rem;
    text-indent: 0.5rem;
}
h5{
    color: #45648C;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 1rem 0.5rem;
    margin: 0 1rem;
}
img, object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width:100%;
}
.color_red{
	color:#96172a;
}
.color_red_bold{
	color:#96172a;
	font-weight:bold;
}
.color_blue{
	color:#0068b7;
}
.color_blue_bold{
	color:#0068b7;
	font-weight:bold;
}

/* font awesome */
.far, .fas{
    font-size: 1.5rem;
    vertical-align: baseline;
    margin: 0 0.5rem;
}
.fa-file-pdf{
    color:#fa0f00;
}
.fa-file-word{
    color:#185abd;
}
.fa-file-excel{
    color: #107c41;
}
.fa-file-powerpoint{
    color:#c43e1c;
}
.fa-envelope{
    color:#0066c0;
    font-size: 1.2rem;
    margin: 0 0.3rem 0 0;
}
.fa-phone{
    color:#666;
    font-size: 0.9rem;
    margin: 0 0.3rem 0 0;
}
.fa-fax{
    color:#666;
    font-size: 0.9rem;
    margin: 0 0.3rem 0 0;
}
.fa-rss-square{
    color:#ff8800;
    font-size: 1rem;
}
.fa-external-link-alt{
    color:#0066c0;
    font-size: 1.3rem;
}
.fa-chevron-circle-right{
    color:#0066cb;
    font-size: 1rem;
}
.fa-chevron-right{
    color:#707070;
    font-size: 1rem;
    margin:0 0.4rem 0 0;
}
.fa-sticky-note{
    color:#707070;
    font-size: 1rem;
    margin:0 0.4rem 0 0;
}
.fa-file-medical{
    color:#707070;
    font-size: 1rem;
    margin:0 0.4rem 0 0;
}
.fa-id-card{
    color:#707070;
    font-size: 1rem;
    margin:0 0.4rem 0 0;
}
.fa-arrow-circle-down{
    font-size:1rem;
}


/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	clear: none;
	float: none;
    overflow: hidden;
}

/***** header *****/

header{
    overflow: hidden;
    margin-bottom: 1rem;
    border-top:8px solid #e2e9f1;
}

.header1{
    width:100%;
    padding-top:1rem;
    padding-bottom:1rem;
}

.logo {
    width:90%;
    padding:0 5% 0 0;
}
.logo img{
    width:100%;
    height: auto;
}

.logo h1{
	display:none;
}

.header2{
    display: none;
}

.hero{
    width:100%;
    height:auto;
    background-image: url('/img/hero1.png');
    background-size: cover;
    padding: 1rem 0;
}
.hero_title{
    font-family: 'Noto Serif JP', serif;
    color:#41678E;
    font-size:1.5rem;
    font-weight: bold;
    letter-spacing: 0.3rem;
}
.hero_exp{
    font-family: 'Noto Serif JP', serif;
    color:#41678E;
    font-size:1rem;
    font-weight: bold;
    letter-spacing: 0rem;
}


/***** navbar *****/

.navbar {
    font-family: 'Noto Sans JP', sans-serif;
	height: auto;
	left: 0;
	overflow: auto;
	padding: 0;
	position: relative;
	text-align: center;
	top: 0;
	-webkit-transition: transform 0.3s ease-in;
	transition: transform 0.3s ease-in;
	width: 100%;
	z-index: 10;
    border-top:9px solid #dee5ed;
    background-color: #7998b7;
}
.navbar h2{
    font-size:1rem;
    font-weight:normal;
    margin-block-start:0;
    margin-block-end:0;
    margin-inline-start:0;
    margin-inline-end:0;
    letter-spacing: normal;
}
.navbar img{
    display: none;
}
.navbar ul{
    list-style: none;
    padding:1.2rem 0;
    margin:0 auto;
    display: table;
	width: 90%;
	max-width: 1200px;
}
.navbar li {
	/*display: inline-block;*/
    display: table-cell;
	font-size: 1em;
	width: 15%;
    vertical-align: middle;
}
.navbar li { border-right: 1px solid #cacfd3; }
.navbar li:first-child { border-left: 1px solid #cacfd3;}
.navbar a {
	color: #FFF;
	display: block;
	padding: 5px 0;
}
.sponly{
    display: none !important;
}
#toggle { display: none;}
#toggle:checked ~ .navbar {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.navbar-toggle { display: none;}

@media screen and (max-width: 767px) {
.navbar {
	background: #638bc8;
	left: -70%;
	overflow-y: hidden;
	position: fixed;
	width: 70%;
    border-top:none;
}
.navbar li {
	display: block;
	border-right: none;
	width: 100%;
}
.navbar li:first-child { border-left: none; }
.navbar li:last-child { border-bottom: none; }
.navbar a {
	color: #FFF;
	padding: 5px;
}
.sponly{
    display: inline !important;
}
.navbar-toggle {
	background: #638bc8;
	display: block;
	height: 40px;
	right: 15px;
	padding: 0 8px;
	position: fixed;
	top: 15px;
	z-index: 10;
	border-radius: 5px;
}
.menuicon {
	cursor: pointer;
	display: block;
	height: 100%;
	position: relative;
	-webkit-transition: transform .3s ease-in;
	transition: transform .3s ease-in;
	width: 25px;
}
.menuicon > span {
	background: #FFF;
	border-radius: 1px;
	display: block;
	height: 0.2em;
	margin-top: -0.3em;
	position: absolute;
	top: 55%;
	-webkit-transition: transform .3s ease;
	transition: transform .3s ease;
	width: 100%;
}
.menuicon > span:before,
.menuicon > span:after {
	background: #FFF;
	border-radius: 1px;
	content: '';
	height: 100%;
	position: absolute;
	-webkit-transition: transform .3s ease-in;
	transition: transform .3s ease-in;
	width: 100%;
}
.menuicon > span:before {
	-webkit-transform: translateY(-0.6em);
	transform: translateY(-0.6em);
}
.menuicon > span:after {
	-webkit-transform: translateY(0.6em);
	transform: translateY(0.6em);
}
#toggle:checked + .navbar-toggle .menuicon {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#toggle:checked + .navbar-toggle span:before,
#toggle:checked + .navbar-toggle span:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
#toggle:checked ~ .navbar {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}}


/***** submenu *****/
.submenu{
    overflow: hidden;
    background-color: #dee5ed;
}
.submenu ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding-top:1rem;
    padding-bottom:1rem;
}
.submenu li{
    position: relative;
    background-color: #f8fafc;
    padding: 0.3rem 1rem 0.1rem 1rem;
    margin: 0.2rem;
    border-radius: 25px;
}

.submenu a{
    color:#707070;
}


/***** topnews *****/

.tab-wrap {
    display: flex;
    flex-wrap: wrap;
    margin:0 0 2em 0;
}
.tab-wrap:after {
    content: '';
    width: 100%;
    height: 3px;
    background: #FFF;
    display: block;
    order: -1;
}
.tab-label {
    background: #FFF;
    border:1px solid #a9b8cb;
    /*white-space: nowrap;*/
    text-align: center;
    padding: 10px .5em;
    order: -1;
    position: relative;
    z-index: 1;
    cursor: pointer;
    flex: 1;
}
.tab-label:not(:last-of-type) {
    margin-right: 5px;
}
.tab-content {
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
    border:1px solid #9a9a9a;
}
.tab-content a{
    text-decoration: underline;
}
.tab-content ul{
    list-style: none;
}
.tab-content li{
    padding-bottom: 0.5rem;
}


.tab-date{
    margin-right: 1rem;
}
.tab-class1{
    font-size:0.8rem;
    padding:0.1rem 0.5rem;
    color:#FFF;
    background: #7998B7;
    margin-right: 1rem;
}
.tab-class2{
    font-size:0.8rem;
    padding:0.1rem 0.5rem;
    color:#FFF;
    background: #87B779;
    margin-right: 1rem;
}
.tab-class3{
    font-size:0.8rem;
    padding:0.1rem 0.5rem;
    color:#FFF;
    background: #b7797a;
    margin-right: 1rem;
}
.tab-class4{
    font-size:0.8rem;
    padding:0.1rem 0.5rem;
    color:#FFF;
    background: #b7b57a;
    margin-right: 1rem;
}
.tab-past{
    text-align: right;
}
.tab-rss{
    text-align: right;
    margin-top:0.5rem;
}

/* active */
.tab-switch:checked+.tab-label {
    color:#FFF;
    background: #7998B7;
}
.tab-switch:checked+.tab-label+.tab-content {
    height: auto;
    overflow: auto;
    /*padding: 15px;*/
    padding:2rem 2rem;
    opacity: 1;
    transition: .5s opacity;
}
/* radio button */
.tab-switch {
    display: none;
}


/***** topics *****/

.top_topics1{
    width:100%;
    border-bottom: 3px solid #7998b7;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
}
.top_topics1_title{
    width:100%;
    color:#FFF;
    /*background-color: #7998B7;*/
    background-color: #a7957f;
    text-align: center;
    padding:0.5rem 0 0.3rem 0;
    margin-bottom: 2rem;
}
.top_topics1_title img{
    height: 1rem;
    width:auto;
    vertical-align: middle;
    margin: 0 0 0.3rem 0;
}

.top_topics_box{
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content:flex-start;
    /* -webkit-justify-content:center; */
    font-family: 'Noto Sans JP', sans-serif;
}
.top_topics_item{
    width:49%;
    margin-right: 2%;
    background-color: #a7957f;
    text-align: center;
    margin-bottom: 2%;
/*
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
*/
}
.top_topics_item img{
}
.top_topics_item a{
}
.top_topics_item:nth-child(2n){
    margin-right: 0;
}
.top_topics_item span{
    display: block;
    color:#FFF;
    padding:0.5rem 0.5rem;
}

.top_topics2{
    width:100%;
    margin-bottom: 2rem;
}


/***** link *****/

.link{
    background: #efeeec;
    padding:2em 0;
    font-family: 'Noto Sans JP', sans-serif;
}
.link_box{
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content:flex-start;
    /* -webkit-justify-content:center; */
}
.link_item{
    width:49%;
    margin-right: 2%;
    background-color: #b7797a;
    text-align: center;
    margin-bottom: 2%;

    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.link_item a{
}
.link_item:nth-child(2n){
    margin-right: 0;
}
.link_item span{
    display: block;
    color:#FFF;
    padding:1.5rem 0;
}
.link_title{
    width:100%;
    color:#b77a79;
    text-align: center;
    margin-bottom:2rem;
}

/***** to-top *****/
.to-top{
    background-color: #BBB;
    border-radius: 20px;
    width:40px;
    height:40px;
    position: fixed;
    right:16px;
    bottom:16px;
    text-align: center;
    vertical-align: middle;
}
.to-top a{
    color:#FFF;
    font-size:20px;
    line-height: 40px;
}

/***** footermenu *****/

.footermenu {
    display: none;
    font-family: 'Noto Sans JP', sans-serif;
}


/***** footer *****/
footer{
    border-top:1px solid #b5b5b5;
    overflow:hidden;
    padding:2rem 0;
    font-family: 'Noto Sans JP', sans-serif;
}
footer a{
    color:#333;
}
.footer_logo{
    width:100%;
    margin-bottom: 1rem;
}
.footer_logo img{
    width:60%;
}
.footer_contact{
    width:100%;
}
.copyright{
    font-size: 0.8rem;
    padding:1.5rem 0 0 0;
    text-align:center;
    clear:both;
}



/***** content *****/
.content{
    padding-bottom: 1rem;
}
.content p{
    padding: 0 0 1rem 0;
    letter-spacing: 0.05em;
	line-height: 1.7;
}
.content br{
    display: block;
    content: "";
    padding-bottom: 0.3rem;
}
.wp_date{
    padding: 0 0.5rem 1rem 0;
    text-align: right;
}
.content img{
    display: block;
    max-width:80% !important;
    height: auto;
    max-width:inherit;
    margin:0 auto 1rem auto;
}

.content table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border:1px solid #CCC;
}

.content table th{
    width:100%;
    display: block;
    color:#FFF;
    background-color: #7998B7;
    padding: 0.3rem 0.5rem;
    text-align: center;
    border:1px solid #CCC;
}
.content table td{
    width:100%;
    display: block;
    padding: 0.3rem 0.5rem;
    border:1px solid #CCC;
}

.content table tr:nth-child(odd){

}

.content ul{
    padding: 0;
    letter-spacing: 0.05em;
    line-height: 1.7;
    list-style-position: outside;
    list-style-type: circle;
}

.content ol{
    padding: 0;
    letter-spacing: 0.05em;
    line-height: 1.7;
    list-style-position: outside;
    list-style-type: decimal;
}

.content li{
    padding-bottom: 0.5rem;
    margin-left:2rem;
}


.content-info-past ul{}
.content-info-past li{
    float:left;
    padding-right:1rem;
}

.content hr{
    width:80%;
    margin:1rem auto;
}

.content figure{
    text-align: center;
    margin: 1rem auto;
    max-width: 100%;
}
.content figcaption{
    text-align: center;
}

.disp-class1{
    font-size: 0.8rem;
    padding: 0.15rem 0.5rem;
    color: #FFF;
    background: #7998B7;
    margin: 0 1rem;
    vertical-align: middle;
}

/***** bulletin 特殊処理 *****/
.bulletin{
}
.bulletin h5{
    clear:both;
}
.bulletin figure{
    float:left;
    width:49.5% !important;
}
.bulletin img{
    border: 1px solid #ABABAB;
}
.bulletin figure img{
    width:60%;
    border: 1px solid #ABABAB;
}
.bulletin figcaption{
    text-align: center;
}
figure {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

/***** publish 特殊処理 *****/
.publish img{
    border: 1px solid #ABABAB;
}

/***** help 特殊処理 *****/
.help img{
    border: 1px solid #ABABAB;
}
pre {
    width: 90%;
    margin: 0 auto 1rem auto;
    background-color: #EEE;
    padding: 1rem;
}


/***** enlightenment 特殊処理 *****/
.enlightenment{
}
.enlightenment h5{
    clear:both;
}
.enlightenment figure{
    float:left;
    width:100% !important;
    margin-bottom: 2rem;
}
.enlightenment figure img{
    width:50%;
}
.enlightenment figcaption{
    text-align: center;
}

/***** 検索 *****/
.searchbox{
    width: 100%;
    margin-bottom: 1.5rem;
    text-align: center;
}
.searchbox input{
    font-size: 1rem;
    padding: 0.5rem 0.8rem;
    border: 1px solid #707070;
    width: 70%;
}
.searchbox button{
    font-size: 1rem;
    padding: 0.3rem 0.8rem;
    border: 1px solid #707070;
    background-color: #EFEFEF;
}
.search_init{
    text-align: left;
    margin-top: 2rem;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}
.search_back{
    margin: 1rem 2rem 1rem 2rem;
    background-color: #dee5ed;
    padding: 0.5rem 1rem;
}
.search_notice{
    margin-bottom: 1.5rem;
}
.search_title{
    margin-bottom: 0;
    font-size: 1.2rem;
}
.search_con{
    margin-bottom: 1.5rem;
    font-size: 0.9rem;
}
.pager{
    text-align: center;
    margin: 2rem 0 1rem 0;
}
.pager a{
    border: 1px solid #CCC;
    padding: 0.3rem 0.6rem;
    margin: 0 0.3rem;
}
.pager a:hover{
    background-color: #dee5ed;
}
.pager_active{
    background-color: #dee5ed;
}


/***** accordion *****/
.acc1 {
    display: none;
}
.acc1-label {
    display: block;
    text-align: center;
    background-color: #EFEFEF;
    padding: 0.3rem 0;
    font-size: 0.8rem;
    margin: 0 2rem;
    cursor: pointer;
    border-radius: 10px;
}
.acc1more {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 1s linear;
}
.acc1:checked + .acc1-label {
    display: none;
}
.acc1:checked + .acc1-label + .acc1more {
    height: auto;
    opacity: 1;
}

.acc2 {
    display: none;
}
.acc2-label {
    display: block;
    text-align: center;
    background-color: #EFEFEF;
    padding: 0.3rem 0;
    font-size: 0.8rem;
    margin: 0 2rem;
    cursor: pointer;
    border-radius: 10px;
}
.acc2more {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 1s linear;
}
.acc2:checked + .acc2-label {
    display: none;
}
.acc2:checked + .acc2-label + .acc2more {
    height: auto;
    opacity: 1;
}

.acc3 {
    display: none;
}
.acc3-label {
    display: block;
    text-align: center;
    background-color: #EFEFEF;
    padding: 0.3rem 0;
    font-size: 0.8rem;
    margin: 0 2rem;
    cursor: pointer;
    border-radius: 10px;
}
.acc3more {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 1s linear;
}
.acc3:checked + .acc3-label {
    display: none;
}
.acc3:checked + .acc3-label + .acc3more {
    height: auto;
    opacity: 1;
}

.acc4 {
    display: none;
}
.acc4-label {
    display: block;
    text-align: center;
    background-color: #EFEFEF;
    padding: 0.3rem 0;
    font-size: 0.8rem;
    margin: 0 2rem;
    cursor: pointer;
    border-radius: 10px;
}
.acc4more {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 1s linear;
}
.acc4:checked + .acc4-label {
    display: none;
}
.acc4:checked + .acc4-label + .acc4more {
    height: auto;
    opacity: 1;
}

.acc5 {
    display: none;
}
.acc5-label {
    display: block;
    text-align: center;
    background-color: #EFEFEF;
    padding: 0.3rem 0;
    font-size: 0.8rem;
    margin: 0 2rem;
    cursor: pointer;
    border-radius: 10px;
}
.acc5more {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 1s linear;
}
.acc5:checked + .acc5-label {
    display: none;
}
.acc5:checked + .acc5-label + .acc5more {
    height: auto;
    opacity: 1;
}

.acc6 {
    display: none;
}
.acc6-label {
    display: block;
    text-align: center;
    background-color: #EFEFEF;
    padding: 0.3rem 0;
    font-size: 0.8rem;
    margin: 0 2rem;
    cursor: pointer;
    border-radius: 10px;
}
.acc6more {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 1s linear;
}
.acc6:checked + .acc6-label {
    display: none;
}
.acc6:checked + .acc6-label + .acc6more {
    height: auto;
    opacity: 1;
}

.acc7 {
    display: none;
}
.acc7-label {
    display: block;
    text-align: center;
    background-color: #EFEFEF;
    padding: 0.3rem 0;
    font-size: 0.8rem;
    margin: 0 2rem;
    cursor: pointer;
    border-radius: 10px;
}
.acc7more {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 1s linear;
}
.acc7:checked + .acc7-label {
    display: none;
}
.acc7:checked + .acc7-label + .acc7more {
    height: auto;
    opacity: 1;
}

.acc8 {
    display: none;
}
.acc8-label {
    display: block;
    text-align: center;
    background-color: #EFEFEF;
    padding: 0.3rem 0;
    font-size: 0.8rem;
    margin: 0 2rem;
    cursor: pointer;
    border-radius: 10px;
}
.acc8more {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 1s linear;
}
.acc8:checked + .acc8-label {
    display: none;
}
.acc8:checked + .acc8-label + .acc8more {
    height: auto;
    opacity: 1;
}

.acc9 {
    display: none;
}
.acc9-label {
    display: block;
    text-align: center;
    background-color: #EFEFEF;
    padding: 0.3rem 0;
    font-size: 0.8rem;
    margin: 0 2rem;
    cursor: pointer;
    border-radius: 10px;
}
.acc9more {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 1s linear;
}
.acc9:checked + .acc9-label {
    display: none;
}
.acc9:checked + .acc9-label + .acc9more {
    height: auto;
    opacity: 1;
}

.acc10 {
    display: none;
}
.acc10-label {
    display: block;
    text-align: center;
    background-color: #EFEFEF;
    padding: 0.3rem 0;
    font-size: 0.8rem;
    margin: 0 2rem;
    cursor: pointer;
    border-radius: 10px;
}
.acc10more {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 1s linear;
}
.acc10:checked + .acc10-label {
    display: none;
}
.acc10:checked + .acc10-label + .acc10more {
    height: auto;
    opacity: 1;
}


/***** コメントフォーム特殊処理 *****/
.jmlacom_wrap{
	width: 90%;
    padding: 1rem;
    margin: 1rem auto;
    border: 1px solid #bbb;
}
.jmlacom_subwrap{
    padding-left:3rem;
    margin: 1rem auto;
}
.jmlacom_author{
	font-size:0.9rem;
	margin:0 1rem;
}
.jmlacom_date{
	font-size:0.8rem;
	text-align:right;
}
.jmlacom_content{
	margin:1rem;
    overflow: hidden;
}
.jmlacom_content img{
	width:80%;
}
.jmlacom_new{
    display: inline;
    color:#fa0f00;
    padding-left:0.5rem;
}
.jmlacom_lastupdate{
    display: inline;
    font-size:0.8rem;
    padding-left:0.5rem;
}
.fa-comments {
    color: #999;
    font-size: 1.2rem;
    margin: 0 0.3rem 0 0;
}
.fa-user{
	color: #999;
    font-size: 1.2rem;
    margin: 0 0.3rem 0 0;
}
.fa-calendar-alt{
	color: #999;
    font-size: 1.2rem;
    margin: 0 0.3rem 0 0;
}
.jmlacommentform{
	width: 90%;
    margin: 0rem auto;
	padding: 2rem 0;
	background-color: #dee5ed;
}
.jmlacommentform_resbtn{
    width: 90%;
    margin: 0 auto;
}
.jmlacommentform_resbtn input{
    font-size: 0.8rem;
    padding: 0.3rem 0.7rem;
    background-color: #f8fafc;
    border: 2px solid #7998b7;
}
.jmlacommentform_title{
	width: 90%;
    color: #45648C;
    font-size: 1.2rem;
    font-weight: bold;
    /*padding: 0 0 1rem 0;*/
    padding: 0;
    margin: 0 auto;
}
.jmlacommentform_content{
	margin: 0 auto 0.5rem auto;
    width: 90%;
}
.jmlacommentform_author{
	margin: 0 auto 0.5rem auto;
    width: 90%;
}
.jmlacommentform_email{
	margin: 0 auto 0.5rem auto;
    width: 90%;
}
.jmlacommentform_img{
	margin: 0 auto 0.5rem auto;
    width: 90%;
}
.jmlacommentform_exp{
	margin: 0 auto 0.5rem auto;
    width: 90%;
}
.jmlacommentform_attention{
	margin: 0 auto 0.5rem auto;
    width: 90%;
}
.jmlacommentform_send{
	margin-bottom:0.5rem;
	width:100%;
	margin:0 auto 0.5rem;
	text-align: center;
}
.jmlacommentform_ck{
	width:100%;
	margin:0 auto 0.5rem;
	text-align: center;
}
.jmlacommentform textarea{
	width:100%;
	height:6rem;
	padding:0.6rem;
}
.jmlacommentform input, .jmlacommentform email{
	width:100%;
	padding:0.6rem;
}
.jmlacommentform button{
	font-size:1rem;
	padding:0.5rem 1rem;
	background-color: #f8fafc;
	border:2px solid #7998b7;
	border-radius: 0.7rem;
}
.jmlacommentform button:hover{
	opacity: 0.75;
}
.jmlacommentform_ckstr{
	font-size:1.2rem;
	margin-bottom:0.5rem;
}
.jmlacommentform_ckstr_exp{
	clear:both;
}
.jmlacommentform_ckstr input{
	font-size:1.2rem;
	width:8rem;
}
.jmlacommentform_ckstr span:nth-child(1), .jmlacommentform_ckstr span:nth-child(2), .jmlacommentform_ckstr span:nth-child(3){
	background-color: #FFF;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	padding:0.5rem;
}
.jmlacommentform_ckstr span:nth-child(4){
	background-color: #FFF;
	border:1px solid #999;
	padding:0.5rem;
}
.jmlacommentformdisp{
	display: block;
}

/***** pathfinder *****/
.pathfinder{
    width:100%;
}
.pathfinder_sub1{
    width:100%;
    margin-right:0;
}
.pathfinder_sub2{
    width:100%;
}
.pathfinder_title{
    padding:0.5rem;
    margin-bottom:0.5rem;
    background-color:#7998b7;
    color:#FFF;
    text-align:center;
}
.pathfinder_title a{
    color:#FFF;
}

.pathfinder_title2{
    padding:0.5rem;
    margin-bottom:0.5rem;
    background-color:#b7797a;
    color:#FFF;
    text-align:center;
}
.pathfinder_title2 a{
    color:#FFF;
}




/* Desktop Layout: 481px to 1000px. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	max-width: 1200px;
	clear: none;
	float: none;
	margin-left: auto;
}

/***** header *****/

header{
    margin-bottom: 2rem;
}

.header1{
    width:100%;
    padding-top:2rem;
    padding-bottom:1.5rem;
    font-family: 'Noto Sans JP', sans-serif;
}

.logo {
    float:left;
    width:40%;
}

.header2{
    display: inline;
    float: right;
}

.hero{
    padding: 3rem 0;
}
.hero_title{
    font-size:2rem;
    font-weight: bold;
    letter-spacing: 0.3rem;
}
.hero_exp{
    font-size:1.1rem;
    font-weight: bold;
    letter-spacing: 0.1rem;
}


.header_search{
    float:left;
}
.header_search input{
    font-size:0.8rem;
    padding:0.5rem 0.8rem;
    border-top:1px solid #707070;
    border-left:1px solid #707070;
    border-bottom:1px solid #707070;
    border-right: none;
    border-radius: 1rem 0 0 1rem;
}
.header_search button{
    font-size:0.8rem;
    padding:0.5rem 0.8rem;
    border-top:1px solid #707070;
    border-left:none;
    border-bottom:1px solid #707070;
    border-right: 1px solid #707070;
    border-radius: 0 1rem 1rem 0;
    background-color: #FFF;
    cursor: pointer;

}

.fa-search{
    font-size: 0.8rem;
    vertical-align:initial;
    margin:initial;
}

.header_member{
    background-color: #7998b7;
    padding:0.3rem 1rem;
    margin-left:1rem;
}
.header_member a{
    color:#FFF;
}
.header_member{
    float:right;
}
.header_topmenu{
    clear:both;
    float:right;
}
.header_topmenu ul{
    list-style: none;
    overflow: hidden;
    margin-top:1em;
}
.header_topmenu li{
    float:left;
    border-right:1px solid #707070;
    margin:0;
    padding:0 1rem 0.4rem 1rem;
    line-height: 1;
}
.header_topmenu li:last-child{
    border-right:none;
}
.header_topmenu li a{
    font-size:0.7rem;
    color:#333;
}





.top_topics_item{
    width:32%;
    margin-right: 2%;
}
.top_topics_item:nth-child(2n){
    margin-right: 2%;
}
.top_topics_item:nth-child(3n){
    margin-right: 0;
}

.link_item{
    width:32%;
    margin-right: 2%;
}
.link_item:nth-child(2n){
    margin-right: 2%;
}
.link_item:nth-child(3n){
    margin-right: 0;
}


/***** to-top *****/
.to-top{
    right:30px;
    bottom:30px;
}

/***** footermenu *****/

.footermenu {
    /*display: inline;*/
    display: block;
	height: auto;
	left: 0;
	/*overflow: auto;*/
    overflow: hidden;
	padding: 0;
	position: relative;
	text-align: center;
	top: 0;
	-webkit-transition: transform 0.3s ease-in;
	transition: transform 0.3s ease-in;
	width: 100%;
	z-index: 10;
    border-top: 1px solid #b5b5b5;
}
.footermenu h6{
    font-size:1rem;
    font-weight:normal;
    margin-block-start:0;
    margin-block-end:0;
    margin-inline-start:0;
    margin-inline-end:0;
    letter-spacing: normal;
}
.footermenu img{
    display: none;
}
.footermenu ul{
    list-style: none;
    padding:1.2rem 0;
    margin:0 auto;
    display: table;
	width: 90%;
	max-width: 1200px;
}
.footermenu li {
	/*display: inline-block;*/
    display: table-cell;
	font-size: 1em;
	width: 15%;
    vertical-align: middle;
}
.footermenu li { border-right: 1px solid #cacfd3; }
.footermenu li:first-child { border-left: 1px solid #cacfd3; }
.footermenu a {
	color: #5A5A5A;
	display: block;
	padding: 5px 0;
}


/***** footer *****/
.footer_logo{
    float:left;
    width:30%;
    margin-bottom: 0;
}
.footer_logo img{
    width:80%;
}
.footer_contact{
    float:right;
    width:65%;
}



/***** content *****/
.content{
    padding-bottom: 1rem;
}
.wp_date{
    padding: 1rem 2rem;
}
.content p{
    padding: 0 2rem 1rem 2rem;
}
.content table{
    width: calc(100% - 64px);
    margin: 0 2rem 1rem 2rem;
}
.content table th{
    width:auto;
    display: table-cell;
}
.content table td{
    width:auto;
    display: table-cell;
}
.content table td:after{
    content:"";
}
.content ul{
    padding: 0 2rem 1rem 2rem;
}

.content ol{
    padding: 0 2rem 1rem 2rem;
}


.jmlacom_content img{
	width:40%;
}



/***** bulletin 特殊処理 *****/
.bulletin figure{
    float:left;
    width:25% !important;
}
.bulletin figure img{
    width:60%;
}


/***** enlightenment 特殊処理 *****/
.enlightenment figure{
    float:left;
    width:28% !important;
    margin-right:5%;
}
.enlightenment figure img{
    width:50%;
}


/***** pathfinder *****/
.pathfinder{
    width:100%;
}
.pathfinder_sub1{
    float:left;
    width:49.5%;
    margin-right:1%;
}
.pathfinder_sub2{
    float:left;
    width:49.5%;
}


}


/***** break *****/
@media screen and (min-width: 768px){
.brsp { display: none !important; }
}

/***** break *****/
.brpc { display: none !important; }
@media only screen and (min-width: 481px) {
.brpc { display: inline !important; }
}