/*
Theme Name:	JISTEC
Theme URI: http://http://www.jistec.or.jp/
Version: 1.0
*/

html,body,div,span,
h1,h2,h3,h4,h5,h6,
p,blockquote,q,em,img,small,strong,
dl,dt,dd,fieldset,form,label,legend{border:0;outline:0;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
:focus{outline:0}
input,textarea{margin:0;outline:0;}
textarea{overflow:auto; resize:none;}
table{border-collapse:collapse;border-spacing:0}

/* html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

/* Apply Border box on all */
*,
*:before,
*:after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
html, body {
	height: 100%;
}
.cl{ clear:both; font-size:0; height:0; padding:0 !important;margin:0;}

.jn {font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;}
.en {font-family: "proxima-nova","Open Sans","Gill Sans MT","Gill Sans","Corbel","Arial",sans-serif;}

#wrapper {
	position:absolute;
	width:100%;
}
.line-gray {
	height:1px;
	width:100%;
	background-color:#B3BAC5;
}
.line-gray-small {
	/*width:1200px;
	margin:0 auto;*/
	margin: 0 8px 0 8px;
	height:1px;
	border-bottom:1px solid #B3BAC5;
}
.line-blue {
	height:2px;
	width:100%;
	background-color:#304669;
}
#label-green {
	background:url(https://www.jistec.or.jp/wp-content/themes/jistec/images/label-green.png) repeat;
	padding-left:14px !important;
}
#label-blue {
	background:url(https://www.jistec.or.jp/wp-content/themes/jistec/images/label-blue.png) repeat;
	padding-left:14px !important;
}
#label-gray {
	background:url(https://www.jistec.or.jp/wp-content/themes/jistec/images/label-gray.png) repeat;
	padding-left:14px !important;
}
#label-brown,
 {
	background:url(https://www.jistec.or.jp/wp-content/themes/jistec/images/label-brown.png) repeat;
	padding-left:14px !important;
}


/*------------ header--------------*/

#header-wrap,#footer-wrap {
	position:relative;
	width:100%;
}
#header-left{
	width:40%;
	float:left;
	text-align:center;
	padding:14px;
}
#header-left a:nth-of-type(2){
	display:none;
}
#header-right{
	position:relative;
	width:60%;
	float:left;
}
#header-right div{
	display:table;
	float:right;
	text-align:center;
	height:59px;
}
#lang{
	width:196px;
	font-size:18px;
	padding-right:20px;
}
#lang>span,#contact>span{
	display:table-cell;
	vertical-align: middle;
}
#lang>span{
	text-align: right;
}
#lang>span img{
	margin-right: 12px;
	margin-bottom: 4px;
	vertical-align: middle;
}
#lang a{
	color:#58595c;
	text-decoration:none;
}
#lang a:first-of-type{
	text-decoration:underline;
}
#lang a:hover{
	text-decoration:underline;
}

#fb,#map{
	width:102px;
	font-size:18px;
	background-color:#e1e3e6;
	/*padding-top:10px;*/
	border-left:1px solid #ffffff;
}
#fb:hover,#map:hover{
	background-color:#c2c4c7;
	/*cursor:pointer;*/
}
#fb a,#map a{
	color:#000000;
	text-decoration:none;
	display:block;
	padding-top:10px;
	/*line-height:20px;*/
	line-height:14px;
}
#fb a span,#map a span{
	display:block;
	margin-top:4px;
	font-size:12px;
}


#contact{
	width:259px;
	font-size:18px;
	background-color:#3092b7;
}
#contact:hover{
	background-color:#167a97;
	/*cursor:pointer;*/
}
#contact>span span{
	font-size:15px;
}
#contact a{
	font-size:15px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	line-height:58px;
	margin-top:1px;

}
#contact .fa-envelope {
	margin-right:10px;
}
#contact .fa-angle-right {
	margin-left:10px;
}
#contact img {
	vertical-align:middle;
}
#contact img:first-of-type {
	margin-right:10px;
}
#contact img:last-of-type {
	margin-left:6px;
}


#menu ul, #menuli,#menu-mobile  ul, #menu-mobile  li, #banners ul, #banners li, #home-page ul, #home-page ul, #home-page li, #activity-page ul, #activity-page li, .np ul, .np li{
	border:0;outline:0;margin:0;padding:0;vertical-align:baseline;background:transparent;
}
#menu ul,#menu-mobile  ul, #banners ul, #home-page ul, #activity-page ul, .np ul {
	list-style:none;
}
/* menu */

#menu-open {
	opacity:0;
	position:absolute;
	width:0;
	height:0;
}

.nav-btn{
	display:none;
}

#menu-mobile {
	display:none;
}


#menu{
	display:table;
	margin: 0 auto;
	font-size:16px;
}
#menu li li {
	font-size:14px;
}

#menu > ul{
	min-width:600px;
	margin:0 auto;
	list-style:none;
}
#menu ul li{
	/*display:table;*/
	display:block;
   	position:relative;
	float:left;
	/*height:60px;*/
}
#menu ul li{
	padding:24px 42px;
	background-color:#ffffff;
}
#menu ul li span{
	/*display:table-cell;*/
	text-align: center;
	vertical-align: middle;

}

#menu a{
    	display: block;
	color:#000000;
	text-decoration:none;
    	/* white-space: nowrap; */
}
#menu a:hover{
	color:#3092b7;
}

#menu li ul
{
	/* set display: block & opacity:0 for JS alignment */
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin-top:15px;
	opacity:0;
	z-index:999;
}

#menu li:hover ul
{
	display: block !important;
	opacity: 1;
}

#menu li li
{
    	float: none;
	padding:0 8px 0 8px;
	border-left:1px solid #b3bac5;
	border-right:1px solid #b3bac5;

}

#menu li li span {
	display:block;
	padding:16px 8px 16px 8px;
	border-bottom:1px solid #b3bac5;


}

#menu li li:last-of-type {
	border-bottom:1px solid #b3bac5;


}
#menu li li:last-of-type span {
	border-bottom:none;


}

#menu li li span:hover {
	background-color:#edeef0;
}

#menu li li:nth-of-type(1)
{
	padding:0;
	border:none;
	background-color:transparent;

}

.arrow-up {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #b3bac5;
	margin:0 auto;
}


/*------------ footer --------------*/
#consult{
	height:130px;
	background-color:#3092b7;
	text-align:center;
	color:#ffffff;
	padding-top:24px;
	font-size:14px;
}
#consult:hover{
	background-color:#167a97;
	cursor:pointer;
}
#consult p{
	margin-top:16px;
}
#consult a{
	font-size:24px;
	font-weight:500;
	color:#ffffff;
	text-shadow : 0 0 0 #ffffff;
	text-decoration:none;

}
#services{
	position:relative;
	height:130px;
	width:100%;
	font-size:18px;
	font-weight: normal;
	text-shadow : 0 0 0 #333333;
	color:#b3bac5;
}
#services div{
	display:table;
	float:left;
	width:33.3%;
	height:130px;
}
#services div:hover{
	background-color:#eef2f9;
	cursor:pointer;
}
#services a{
	color:#333333;
	text-decoration:none;
}

#services div:nth-of-type(1),#services div:nth-of-type(2){
	border-right:1px solid #b3bac5;
}
#services div>span{
	display:table-cell;
	text-align:center;
	vertical-align: middle;
}
#services div>span img{
	vertical-align: middle;
	margin-right:18px;
}

#banners{
	width:100%;
	/*height:190px;*/
	background-color:#b3bac5;
	height:auto;
	overflow: hidden;
	padding: 66px 0 66px 0;
}

#banners #banners-container{
	/*position:relative;
	display:table;
	height:190px;*/
	width:1080px;
	margin:0 auto;
	overflow:hidden;
	table-layout:fixed;
}
@media screen and (max-width: 1024px) {
	#banners #banners-container {
		 width: auto;
	}
}

	
#banners ul{
	position:relative;
	display:flex;
    justify-content: center;

	/*display:table-cell
	min-height:32px;
	vertical-align: middle;*/;
}
#banners ul li{
	/*position:relative;*/
	width:216px;
	text-align:center;
}
#banners ul li img{
	width: 90%;
}



#footer{
	position:relative;
	width:100%;
	height:auto;
	background-color:#253858;
	overflow: hidden;
}

#footer a{
	color:#ffffff;
	text-decoration:none;

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

}
#footer a.sub{
	color:#b3bac5;
}

#footer #address{
	width:1200px;
	margin:0 auto;
	font-size:16px;
	line-height:32px;
	color:#ffffff;
}
#footer #address div{
	float:left;
	width:21%;
	padding:64px 0 54px 16px;
}
#footer #address div:nth-of-type(1){
	width:42%;
}
#footer #address div:nth-of-type(1) a:hover{
	color:#df9c15;
	text-decoration:none;

}
#footer #address div:nth-of-type(4){
	width:16%;
}
#footer #address div span{
	color:#df9c15;
}

#footer #bottom{
	position:relative;
	width:100%;
	height:110px;
	color:#ffffff;
	font-size:14px;
}
#footer #bottom div{
	height:110px;
	display:table;

}
#footer #bottom div:nth-of-type(1){
	float:left;
	text-align:right;
	width:39%;

}
#footer #bottom div:nth-of-type(2){
	float:left;
	width:26%;
	text-align:center;

}
#footer #bottom div:nth-of-type(4),#footer #bottom div:nth-of-type(5){
	float:right;
	width:237px;
	text-align:center;
	border-left:2px solid #304669;

}
#footer #bottom div>span{
	display:table-cell;
	vertical-align: middle;
}
#footer #bottom div span img{
	vertical-align: middle;
}
#footer #bottom div:nth-of-type(1) span img{
	margin-right:32px;
}
#footer #bottom div:nth-of-type(4) span img{
	margin-bottom:8px;
}
#footer #bottom div:nth-of-type(4) a:hover, #footer #bottom div:nth-of-type(5) a:hover {
	text-decoration:none;
	opacity:0.6;
}
#footer #bottom div:nth-of-type(3) {
	display:none;
}


/*------------ main content --------------*/
#main-wrap{
	/*font-size:20px;*/
}

.pagecontent{
	width:100%;
}
.pagetitle{
	display:table;
	width:100%;
	text-align:center;
	height:248px;
	color:#ffffff;
	padding:0 8px 0 8px;

}
.pagetitle p{
	display:table-cell;
	vertical-align:middle;
	font-size:34px;
}
.pagetitle p span{
	display:block;
	font-size:16px;
	margin-top:18px;
	line-height:24px;
}

.pagebody{ /* for pagebuilder, 2nd 3rd level pages */
	width:1000px;
	margin:0 auto;

}

#bread-crumb{
	position:relative;
	background-color:#f4f5f7;
	color:#666666;
	padding:16px;
	width:100%;
	height:45px;

}
#bread-crumb div{
	opacity:0;
	width:100%;
	margin:0 auto;
	padding-left:16px;
	font-size:12px;
}
#bread-crumb a {
	color:#666666;
	text-decoration:none;
	display: block;
	float: left;
	margin-right: 4px;
}
#bread-crumb svg {
	display: block;
	float: left;
	margin-right: 4px;
}
#bread-crumb .fa-home {
	margin:-1px 0 0 0;
}

/*  home */
#home-page ol {
	padding:0;
}
#home-page #slider {
	width: 100%;
}
#home-page #slider .section{
	position:relative;
	width: 50%;
	float:left;
}
#home-page #slider .section #slider-container #control-nav{
	width:100%;
	position:absolute;
	top:92%;
	text-align: center;
}
#home-page #slider .section #slider-container #control-nav li{
    margin: 0 6px;
    display: inline-block;
}
#home-page #slider .section #slider-container #control-nav li a {
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9) inset;
	width: 11px;
	height: 11px;
	display: block;
	cursor: pointer;
	background: #ffffff;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
#home-page #slider .section #slider-container #control-nav li a.active  {
	background: #888585;
	cursor: default;

}

#home-page #slider .section #slider-container #direction-nav{
	width:100%;
	position:absolute;
	display:none;
	top:42%;
}
#home-page #slider .section #slider-container #direction-nav li{
	cursor:pointer;

}
#home-page #slider .section #slider-container #direction-nav.hover{
	display:block;


}
#home-page #slider .section #slider-container #direction-nav .right{
	float:right;
	margin-right:16px;
	opacity:1;
}
#home-page #slider .section #slider-container #direction-nav .left{
	float:left;
	margin-left:16px;
	opacity:0;
}

#home-page #slider .section #slider-container{
	width: 100%;
	overflow:hidden;
}
#home-page #slider .section #slider-container #slides{
	position:relative;
	width: 400%;
}
#home-page #slider .section #slider-container #slides li{
	position:relative;
	width: 25%;
	padding-top:20.65%;
	float:left;
	text-align:center;
	color:#333333;
}
#home-page #slider-container #slides li>div{
	position:absolute;
	width:100%;
	top:0;
}
#home-page #slider-container #slides li div div{
	margin-top:26%;
}
#home-page #slider-container #slides li div h1{
	text-transform:uppercase;
	font-size:46px;
}
#home-page #slider-container #slides li div h1 span{
	text-transform:lowercase;
	color:#e8b220;
}
#home-page #slider-container #slides li div p{
	font-size:30px;
	margin:38px 0;
}
#home-page #slider-container #slides #slide3 div div{
	margin-top:16%;
}
#home-page #slider-container #slides #slide3 div p{
	margin:8px 0 38px 0;
	line-height:46px;
}
#home-page #slider-container #slides #slide3 div span{
	display:block;
	font-size:38px;
	color:#e8b220;
	margin:16px;
}
#home-page #slider-container #slides li div a{
	text-decoration:none;
	display: inline-block;
	color: #000000;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	border: 1px solid #000000;
	padding: 15px 30px;
}
#home-page #slider-container #slides li div a:hover{
	background-color: #000000;
	color: #ffffff;
}

#home-page #slider .section #slide1{
	background:url(https://www.jistec.or.jp/wp-content/themes/jistec/images/slide1.png) no-repeat;
	background-size: auto 100%;
}
#home-page #slider .section #slide2{
	background:url(https://www.jistec.or.jp/wp-content/themes/jistec/images/slide2.png) center center no-repeat;
	background-size: auto 100%;
}
#home-page #slider .section #slide3{
	background:url(https://www.jistec.or.jp/wp-content/themes/jistec/images/slide3.png) no-repeat;
	background-size: auto 100%;
}

#home-page #slider .section #boxes{
	position:relative;
	width: 100%;
}
#home-page #slider .section #boxes a{
	color:#ffffff;
	text-decoration:none;
}
#home-page #slider .section #boxes li{
	position:relative;
	width: 50%;
	padding-top:41.25%;
	float:left;
	color:#ffffff;
}
#home-page #slider .section #boxes li:hover{
	opacity:0.6;
}

#home-page #slider #boxes li img{
	position:absolute;
	width: 100%;
	top:0;
	left:0;
}
#home-page #slider #boxes li p{
	display:table;
	position:absolute;
	bottom:0;
	background: rgba(0, 0, 0, .6);
	width:100%;
	font-size:14px;
	line-height:16px;
	text-align:center;
	padding:10px 0 8px 0;
}
#home-page #slider #boxes li p span:nth-of-type(1){
	/*float:left;*/
	display:table-cell;
	width:88%;
}
#home-page #slider #boxes li p span:nth-of-type(2){
	/*float:right;*/
	display:table-cell;
	width:12%;
	vertical-align:middle;
}

#home-page #event {
	width: 100%;
	background-color:#edeef0;
	text-align:center;
	padding:24px 8px;
	font-size:16px;
	color:#333333;
}
#home-page #event a{
	color:#333333;
	text-decoration:none;
}
#home-page #event svg{
	font-size:24px;
}
#home-page #event div{
	display: inline-block;
}
#home-page #event svg, #home-page #event .date {
	color:#2b7f9e;
}
#home-page #event .title {
	font-size:17px;
	font-weight:bold;
}
#home-page #event .sep {
	display:inline-block;
	border-left:1px dotted #333333;
	height:29px;
	padding-top:10px;
}
#home-page #event .details:hover{
	color:#3092b7;
	cursor:pointer;
}
#home-page #news {
	position:relative;
	width:1070px;
	font-size:18px;
	margin:0 auto;
	padding:20px;
	color:#333333;
	text-align:center;
}
#home-page #news #newslabel{
	padding: 52px 0 64px 0;
}
#home-page #news #newslabel div{
	width:33.3%;
	float:left;
}
#home-page #news #newslabel div:nth-of-type(2) h1{
	width:160px;
	margin:0 auto;
	font-size:28px;
	color:#727171;
	font-weight:500;
	text-shadow : 0 0 0 #727171;
	text-align:center;
	height:36px;
	text-align:center;
	position: relative;
	z-index : 1;
  	border:2px solid #ffffff;
}

#home-page #news #newslabel div:nth-of-type(2) h1:before {
	 content : "";
	 position: absolute;
	 left    : 28%;
	 bottom  : 0;
	 height  : 2px;
	 width   : 46%;
	 border-bottom:2px solid #3092b7;
}

#home-page #news #newslabel button{
	width:178px;
	height:36px;
	border:2px solid #3092b7;
	border-radius:24px;
	font-size:14px;
	font-weight: normal;
	color:#3092b7;
	text-decoration:none;
	cursor:pointer;
	float: right;
	background-color:transparent;
	line-height:20px;
}
#home-page #news #newslabel button:hover, #home-page #news > a > button:hover{
	color:#ffffff;
	background-color:#3092b7;
}

#home-page #news #newslabel button svg{
	float:right;
	margin:1px 2px;
}
#home-page #news > a > button, #home-page #blog > a > button{
	display:none;
	width:368px;
	height:66px;
	border:2px solid #3092b7;
	border-radius:48px;
	font-size:24px;
	font-weight:bold;
	color:#3092b7;
	text-decoration:none;
	cursor:pointer;
	margin:32px 0 32px 0;
	background-color:transparent;
}
#home-page #news > a > button svg, #home-page #blog > a > button svg{
	float:right;
	margin:2px 8px;
}


/*news*/

#news a {
	color:#333333;
	text-decoration:none;
}
#news a:hover {
	color:#3092b7;
}

#news ul {
	width:100%;
}

#news .datebox-container{
	display:table-cell;
}
#news .datebox{
	width:90px;
	height:90px;
	padding:2px;
	background-color:#f4f5f7;
	/*float:left;
	margin-right:40px;*/
}
#news .datebox div{
	width:80px;
	height:80px;
	text-align:center;
	background-color:#f4f5f7;
	font-size:30px;
	position: relative;
	z-index : 1;
  	border:3px solid #f4f5f7;
	padding:14px;
}

#news .datebox div:before {
	 content : "";
	 position: absolute;
	 left    : 28%;
	 bottom  : 100%;
	 height  : 3px;
	 width   : 46%;
	 border-bottom:3px solid #872108;
}

#news .datebox span{
	display:block;
	font-size:14px;
	margin-top:8px;
}
#news .newstitle{
	height:90px;
	font-size:16px;
	padding:24px 0 0 40px;
	/*padding:24px 0 0 40px;
	float:left;*/
	text-align:left;
	display:table-cell;
}
#news .newstitle button, #blog ul button{
	min-width:102px;
	height:22px;
	background-color:#3092b7;
	border:none;
	border-radius:24px;
	margin-top:6px;
	padding-top:1px;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
}
#news .line-gray{
	margin:16px 0 16px 0;
}

#home-page #blog {
	position:relative;
	width:100%;
	background-color:#ebebe8;
	font-size:16px;
	color:#333333;
	text-align:center;
	padding-bottom:50px;
}
#home-page #blog #bloglabel{
	width:1070px;
	margin:0 auto;
	padding: 52px 0 64px 0;
}
#home-page #blog #bloglabel div{
	width:33.3%;
	float:left;
}
#home-page #blog #bloglabel div:nth-of-type(2) h1{
	width:160px;
	margin:0 auto;
	font-size:28px;
	color:#727171;
	font-weight:500;
	text-shadow : 0 0 0 #727171;
	text-align:center;
	height:36px;
	text-align:center;
	position: relative;
	z-index : 1;
  	border:2px solid #ebebe8;
}

#home-page #blog #bloglabel div:nth-of-type(2) h1:before {
	 content : "";
	 position: absolute;
	 left    : 28%;
	 bottom  : 0;
	 height  : 2px;
	 width   : 46%;
	 border-bottom:2px solid #3092b7;
}

#home-page #blog #bloglabel button{
	width:178px;
	height:36px;
	border:2px solid #3092b7;
	border-radius:24px;
	font-size:14px;
	font-weight: normal;
	color:#3092b7;
	text-decoration:none;
	cursor:pointer;
	float: right;
	background-color:transparent;
	line-height:20px;
}

#home-page #blog #bloglabel button:hover, #home-page #blog > a > button:hover{
	color:#ffffff;
	background-color:#3092b7;
}

#home-page #blog #bloglabel button svg{
	float:right;
	margin:1px 2px;
}

#home-page #blog ul{
	width:1158px;
	margin:0 auto;
}
#home-page #blog li{
	width:30.7%;
	height:550px;
	float:left;
	margin:1.3%;
	background-color:#ffffff;
	text-align:left;
}

#home-page #blog img{
	width:100%;
}
#home-page #blog img:hover{
	opacity:0.6;
}
#home-page #blog div{
	padding:12px;
}
#home-page #blog h1{
	margin:16px 0;

}
#home-page #blog h1 a {
	color:#333333;
	text-decoration:none;
}
#home-page #blog h1 a:hover {
	color:#3092b7;
}

#home-page #blog .details{
	margin:5px 0;
	line-height:28px;

}
#home-page #blog .date{
	font-size:15px;
	color:#999999;
}
#home-page #blog more{
	font-size:15px;
}

#home-page #blog .more a {
	color:#3092b7;
	text-decoration:none;
}
#home-page #blog .more a:hover {
	text-decoration:underline;
}
#home-page #blog button{
}

/* blog */
#blog img{
	width:100%;
}
#blog img:hover{
	opacity:0.6;
}
#blog div{
	padding:12px;
}
#blog h1{
	margin:16px 0;

}
#blog h1 a {
	color:#333333;
	text-decoration:none;
	line-height:28px;
}
#blog h1 a:hover {
	color:#3092b7;
}

#blog .details{
	margin:5px 0;
	line-height:28px;

}
#blog .date{
	font-size:15px;
	color:#999999;
}
#blog more{
	font-size:15px;
}

#blog .more a {
	color:#3092b7;
	text-decoration:none;
}
#blog .more a:hover {
	text-decoration:underline;
}

/* blog post*/
#blog-post {
	background-color:#f7f8fa;
}
#blog-post .pagecontent {
}
#blog-post .pagetitle {
	background:url(https://www.jistec.or.jp/wp-content/themes/jistec/images/blog-bg.png) center center no-repeat;
}
#blog-post .pagetitle.entry{
	text-align:left;
}
#blog-post .pagetitle.entry div{
	display:table-cell;
	vertical-align: middle;

}
#blog-post .pagetitle.entry div p{
	display:block;
	width:1100px;
	margin:0 auto;
	/*padding-top:100px;*/
	font-size:28px;
	line-height:32px;
	vertical-align: middle;
}

#blog-post.idx .pagetitle p{
	padding-bottom: 32px;
}

#blog-post .pagetitle span{
	line-height:24px;
}
#blog-post .pagetitle img:nth-of-type(2){
	width:62px;
	margin:0 22px;
}
#blog-post .pagetitle img:nth-of-type(1){
	width:0;
	margin:0 53px;
}

#blog-post #blog-container{
	/*display:table;*/
	width:1100px;
	margin:0 auto;
}

#blog-post #blog,#blog-post #sidebar {
	/*display:table-cell;*/
	float:left;
}
#blog-post #blog {
	float:left;
	padding-top:66px;
}

#blog-post #sidebar {
	width:328px;
}
#blog-post #sidebar2{
	width:94%;
	display:none;
	padding: 0;
	margin:0 auto 0 auto;
}
#blog-post #sidebar2 div{
}
#blog-post .sidebar{
	position:relative;
	vertical-align:top;
	padding:66px 16px;
	color:#333333;
}
#blog-post .sidebar ul {
	margin-top:16px;
}
#blog-post .sidebar ul li{
	display:table;
}
#blog-post .sidebar ul li span{
	display:table-cell;
	padding:6px;
	vertical-align:top;
}

#blog-post .sidebar a{
	font-size:14px;
	color:#3092b7;
	text-decoration:none;
}

#blog-post .sidebar a:hover{
	color:#5eabc8;
	text-decoration:none;
}

#blog-post .sidebar div{
	background-color:#ffffff;
	width:100%;
	padding:20px 10px;
	margin-bottom:28px;
}
#blog-post .sidebar .line-gray{
	background-color:#cccccc;
	padding:0;
	margin-bottom:0;
}
#blog-post .sidebar h3{
	font-size:15px;
	padding:0 0 20px 8px;
}
#blog-post .sidebar div{
	width:100%;
	padding:20px 10px;
}

#blog-post #blog-entry{
	width:772px;
	font-size:15px;
	line-height:26px;
	color:#333333;
	padding-top:66px;
	float:left;

}
#blog-post #blog-entry #content{
	width:772px;
	font-size:15px;
	color:#333333;
	background-color:#ffffff;
	padding:0 0 16px 0;
}
#blog-post #blog-entry #content .date{
	display:block;
	font-size:15px;
	color:#999999;
	margin:12px 0 0 16px;
}
#blog-post #blog-entry #content button{
	min-width:102px;
	height:22px;
	background-color:#3092b7;
	border:none;
	border-radius:24px;
	margin-top:14px;
	padding-top:1px;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
	margin-left:16px;
}
#blog-post #blog-entry #content p{
	padding:16px;
	margin-bottom:0;
}
#blog-post #blog-entry #content #tags{
	color:#bcbaba;
	font-size:18px;
}
#blog-post #blog-entry #content #tags a{
	font-size:14px;
	text-decoration:none;
	color:#bcbaba;
}

#blog-post #blog-entry #content img{
	/*width:auto;*/
}
#blog-post #blog-entry #content img.featured{
	width:100%;
}
#blog-post #blog-entry #content img:hover{
	opacity:1;
}

#blog-post #blog ul{
	width:772px;
}
#blog-post #blog li{
	position:relative;
	width:46%;
	height:550px;
	float:left;
	margin:0 2% 4% 2%;
	background-color:#ffffff;
	text-align:left;
}
#blog-post #blog li #tags{
	display:inline-block;
	position:absolute;
	left:16px;
	bottom:16px;
	color:#bcbaba;
	font-size:12px;
}
#blog-post #blog li #tags a{
	font-size:14px;
	text-decoration:none;
	color:#bcbaba;
}
#blog-post #archives > ul ul{
	margin: 8px 0 0 16px;
	display:none;
}
#blog-post #archives .has-archives span:first-of-type{
	/*padding:0 6px;*/
}
#blog-post #archives .has-archives span:first-of-type .minus{
	display:none;
}
#blog-post #archives .icon a{
	color:#333333;
}
#blog-post .sidebar #ads {
	background-color:transparent;
	padding:0;
}
#blog-post .sidebar #ads ul li {
	background-color:#cccccc;
	margin-bottom:16px;
	width:100%;
	padding:24px 20px;
}
#blog-post .sidebar #taglist a{
	white-space:nowrap;
	line-height:32px;
}

#blog-post #blog-entry #back{
	width:772px;
	padding:16px 24px 66px 24px;
}
#blog-post #blog-entry #back img{
	width:auto;
}

#blog-post #blog.related{
	display:table;
	float:none;
	width:100%;
	padding-top:0;
	background-color:#e6e8eb;
	padding-bottom:32px;

}
#blog-post #blog.related ul{
	width:1158px;
	margin:0 auto;
}
#blog-post #blog.related li{
	width:30.7%;
	height:550px;
	float:left;
	margin:1.3%;
	background-color:#ffffff;
	text-align:left;
}
#blog-post #blog.related #bloglabel{
	width:100%;
	padding: 52px 0 0 0;
}
#blog-post #blog.related #bloglabel div h1{
	width:160px;
	margin:0 auto;
	font-size:28px;
	color:#727171;
	font-weight:500;
	text-shadow : 0 0 0 #727171;
	text-align:center;
	height:36px;
	text-align:center;
	position: relative;
	z-index : 1;
  	border:2px solid transparent;
}

#blog-post #blog.related #bloglabel h1:before {
	 content : "";
	 position: absolute;
	 left    : 28%;
	 bottom  : 0;
	 height  : 2px;
	 width   : 46%;
	 border-bottom:2px solid #3092b7;
}
#blog-post #sidebar-container {
	background-color:#f7f8fa;
	width:100%;
	padding-bottom:36px;
}
#blog-post #sidebar-container.entry {
	background-color:#e6e8eb;
}
/* news post */
#news-post .pagecontent {
	background-color:#ebebe8;
}
#news-post .pagetitle {
	background:url(https://www.jistec.or.jp/wp-content/themes/jistec/images/news-bg.png) right center no-repeat;
}

#news-post .pagetitle p{
	vertical-align: top;
	padding-top: 70px;
}
#news-post #categories {
	width: 1100px;
	background-color:#ffffff;
	color:#333333;
	margin:0 auto;
	height:122px;
	border-bottom:1px solid #b3bac5;
}

#news-post #categories ul {
	display:table;
	width:880px;
	height:122px;
	margin:-122px auto;
}

#news-post #categories ul li{
	display:table-cell;
	font-size:16px;
	text-align:center;
	vertical-align:middle;
	width:22%;
}
#news-post #categories ul li:nth-of-type(1){
	width:10%;
}


#news-post #categories ul li:nth-of-type(2),#news-post #categories ul li:nth-of-type(5){
	width:12%;
}
#news-post #categories ul li.gray{
	background-color:#dbdbd9;
}

#news-post #categories ul li a{
	color:#333333;
	text-decoration:none;
}
#news-post #categories ul li a:hover{
	text-decoration:underline;
}
#news-post #categories ul li.active a{
	text-decoration:underline;
}

#news-post #categories ul li span{
   	font-size: 24px;
}
#news-post #categories ul li i{
   	font-style: normal;
}

.svg-inline--fa {
    vertical-align:-4px;
}

#news-post #categories ul li:nth-of-type(6) a {
	display: block;
	padding-bottom:6px;

}
#news-post .pagebody {
	width: 1100px;
	background-color:#ffffff;
	color:#333333;
}
#news-post .pagebody.entry {
	margin-top:-122px;
	padding:54px 64px;
	font-size:16px;
	color:#333333;
	line-height::32px;
}
#news-post .pagebody.entry h1{
	font-size:22px;
	margin-bottom:12px;
	line-height:32px;
}
#news-post .pagebody.entry #content{
	margin:24px 0;
}
.entry p{
	margin-bottom:24px;
}
.entry .date{
	color:#999999;
}
.entry button{
	min-width:102px;
	height:22px;
	background-color:#3092b7;
	border:none;
	border-radius:24px;
	margin-top:14px;
	padding-top:1px;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
}
#back{
	width:1000px;
	margin:0 auto;
	padding:16px 0 120px;
	font-size:16px;
}
#back a{
	float:left;
	color:#2d809d;
	text-decoration:none;
}
#back img{
	float:right;
	cursor:pointer;
}



#news-post #sort {
	display:none;
	position:relative;
	width:100%;
	height:266px;
	background-color:#dbdbd9;
	padding:24px 0 0 36px;
	text-align:center;
}
#news-post #sort h3{
	text-align:left;
	margin-bottom:8px;
}
#news-post #sort ul{
	border-spacing:5px;

}
#news-post #sort ul li{
	float:left;
	width:58px;
	height:28px;
	text-align:center;
	vertical-align:middle;
	background-color:#a2a1a1;
	font-size:14px;
	margin-right:6px;
	line-height:28px;
	cursor:pointer;
	color:#ffffff;
}
#news-post #sort ul li.dark{
	background-color:#333333;
}
#news-post #sort #month{
	margin-top:16px;
}
#news-post #sort #month li{
	width:40px;
}
#news-post #categories li span:first-of-type {
	display:none;
}
#news-post #categories li span.hide {
	display:none;
}
#news-post #categories li span.show {
	display:inline-block;
}

#news-post #sort button{
	display:inline-block;
	width:114px;
	height:44px;
	text-align:center;
	color:#ffffff;
	font-size:16px;
	line-height:44px;
	background-color:#777676;
	margin:12px auto;
	border:none;
	cursor:pointer;
}


#news-post #news {
	position:relative;
	width:100%;
	padding:12px 16px 36px 36px;
}

#pagination {
	display:table;
	margin:0 auto;
	height:40px;
	border-spacing:5px;
	padding:50px 0 78px 0;
}
#pagination li{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:40px;
	height:40px;
	border:1px solid #bcbcba;
	font-size:16px;
}
#pagination li.active{
	background-color:#bcbcba;
}
#pagination li.active a{
	color:#ebebe8;
}
#pagination li.active{
	background-color:#bcbcba;
	color:#ebebe8;
}
#pagination li a{
	color:#bcbcba;
	text-decoration:none;
}
#pagination li span{
	display:block;
	line-height:38px;
	height:38px;
}
#pagination li.arrow{
	border:none;
}


/* about */
#about-page .pagetitle {
	color:#333333;
}

#about-page .pagetitle span{
	width:536px;
	margin:30px auto;
	line-height:24px;
}
#about-page .pagebody {
	color:#333333;
}
#about-page .pagebody p{
	margin:8px 0 36px 0;
}
#about-page section:nth-of-type(1) {
	padding-bottom:108px;
}
#about-page section:nth-of-type(2) {
	padding-bottom:68px;
	background-color:#f7f8fa;
}
#about-page section:nth-of-type(3) {
	padding-bottom:100px;
}
#about-page section:nth-of-type(4) {
	padding-bottom:64px;
	background-color:#f7f8fa;
}
#about-page .pagebody .aboutlabel{
	padding: 52px 0 64px 0;
}
#about-page .pagebody .aboutlabel div{
	width:100%;
	float:left;
}
#about-page .pagebody .aboutlabel div h1{
	width:180px;
	margin:0 auto;
	font-size:28px;
	color:#727171;
	font-weight:500;
	text-shadow : 0 0 0 #727171;
	text-align:center;
	height:36px;
	text-align:center;
	position: relative;
	z-index : 1;
  	border:2px solid transparent;
}
#about-page .pagebody .pdf div h1{
	width:300px;
}

#about-page .pagebody .aboutlabel div h1:before {
	 content : "";
	 position: absolute;
	 left    : 28%;
	 bottom  : 0;
	 height  : 2px;
	 width   : 46%;
	 border-bottom:2px solid #3092b7;
}

#about-page .pagebody .pdf div h1:before {
	 content : "";
	 position: absolute;
	 left    : 35%;
	 bottom  : 0;
	 height  : 2px;
	 width   : 30%;
	 border-bottom:2px solid #3092b7;
}

#about-page .pagebody p.center{
	width:350px;
	margin:0 auto 36px auto;
	font-weight:bold;
	font-size:18px;
	color:#253858;
}

#about-page .pagebody img{
	width:48.5%;
}
#about-page .pagebody img:first-of-type{
	float:left;
}
#about-page .pagebody img:last-of-type{
	float:right;
}
#about-page .pagebody .table{
	display:table;
	width:95%;
	font-size:14px;
	line-height:28px;
	margin:0 auto;
}
#about-page .pagebody .tr{
	display:table-row;
}
#about-page .pagebody .td{
	position:relative;
	display:table-cell;
	padding:4px 8px 4px 8px;
	vertical-align:top;
}
#about-page .pagebody .td:first-of-type{
	white-space: nowrap;

}
#about-page .pagebody .half{
	width:50%;
	float:left;
}
#about-page .pagebody #maps div{
	position:relative;
	width:48.5%;
	font-size:18px;
	line-height:28px;
}
#about-page .pagebody #maps div div{
	position: relative;
	width:100%;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
	margin-bottom:30px;
}
#about-page .pagebody #maps div div iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
#about-page .pagebody #maps div img{
	width:100%;
	margin-bottom:30px;
}

#about-page .pagebody #maps div h3{
	font-size:20px;
}
#about-page .pagebody #maps div:first-of-type{
	float:left;
}
#about-page .pagebody #maps div:last-of-type{
	float:right;
}
#about-page .pagebody ul{

}
#about-page .pagebody ul li{
	float:left;
	width:33.3%;
	font-size:16px;
	line-height:32px;
	padding-left:70px;

}

/* participations */
#participations-page .pagetitle {
	background:url(https://www.jistec.or.jp/wp-content/themes/jistec/images/participations-bg.png) right center no-repeat;
}
#participations-page .pagetitle span{
	/*width:650px;
	margin:30px auto;*/
	line-height:24px;
}

#participations-page .pagebody p{
	font-size: 16px;
	line-height: 24px;
}
#participations-page .pagebody {
	position:relative;
	width: 1000px;
	margin:0 auto;
	padding-top:40px;
}
#participations-page .pagebody.np {
	padding:0 8px 150px 0;
}
#participations-page .pagebody #label-gray {
	font-size: 24px;
	font-weight:bold;
	padding-top:5px;
	line-height:18px;
	margin-top:50px;
}
#participations-page .pagebody .line-gray-small{
	/*width: 100%;*/
	padding: 7px 0px 0px 0px;
}
#participations-page .pagebody div {
	position:relative;
	padding-left:12px;
}
#participations-page .pagebody div h1{
	font-size:18px;
	margin:36px 0 14px 0;

}
#participations-page .pagebody div h3{
	font-size:16px;

}


#participations-page .pagebody .table{
	display:table;
	width:100%;
	border-collapse:collapse;
}
#participations-page .pagebody .tr{
	display:table-row;
}
#participations-page .pagebody .td{
	position:relative;
	display:table-cell;
	border:1px solid #b3bac5;
	height:72px;
	vertical-align:middle;
}
#participations-page .pagebody div.tr div:nth-of-type(1){
	width:25%;
	font-size:16px;
	text-align:center;

}
#participations-page .pagebody div.tr div:nth-of-type(2){
	width:68%;
	font-size:15px;
	padding-left:7%;
	border-left:none;
	line-height:24px;
}

#participations-page .pagebody .table.mb{
	margin-bottom:24px;
}


#participations-page .pagebody #boxes{
  	border-collapse: collapse;
	width:100%;
	padding-left:0;
}
#participations-page .pagebody #boxes .tr{
	display:table-row;
}
#participations-page .pagebody #boxes .td{
	display:table-cell;
	width:33.3%;
	height:auto;
	border:1px solid #b3bac5;
	padding:16px;
	font-size:14px;
	text-align:left;
	line-height:28px;
    	margin: 0;
	vertical-align:top;
}
#participations-page .pagebody #boxes div img{
	width:100%;

}
#participations-page a {
	font-size:14px;
}

/* servives */
#services-page .pagetitle {
	background:url(https://www.jistec.or.jp/wp-content/themes/jistec/images/services-bg.png) right center no-repeat;
}
#services-page .pagetitle span{
	/*width:500px;
	margin:30px auto;*/
	line-height:24px;
}

#services-page .pagebody p{
	font-size: 16px;
	line-height: 24px;
}
#services-page .pagebody {
	position:relative;
	width: 1000px;
	margin:0 auto;
	padding-top:64px;
}
#services-page .pagebody.np {
	padding:0 0 120px 0;
}
#services-page .pagebody #label-blue {
	font-size: 24px;
	font-weight:bold;
	padding-top:5px;
	line-height:28px;
}
#services-page .pagebody .line-gray-small{
	/*width: 100%;*/
	padding: 7px 0px 0px 0px;
}
#services-page ul  {
	margin-top:48px;
	margin-left:8px;

}
#services-page ul.sub  {
	margin-top:32px;
	margin-left:48px;

}
#services-page ul.sub  li{
	line-height:24px;

}
#services-page ul li {
	margin-bottom:24px;
}
#services-page ul li span.num {
	width: 18px;
	height: 18px;
	border-radius: 10px;
	border:1px solid #000000;
	font-size:14px;
	text-align: center;
	line-height:18px;
}
#services-page ul li p {
	display: table-cell;
	padding-right:6px;
}
#services-page ul li span {
	display:block;
}
#services-page ul li p>span {
	font-weight:bold;
}

#services-page .chart {
	position:relative;
	width:100%;
	border:1px solid #b3bac5;
	padding:4px;
	margin:80px 0;
}
#services-page img {
	width:100%;
}
/* activity */

#activity-page .pagecontent{
	background-color:#f7f8fa;
}

#activity-page .pagetitle {
	background:url(https://www.jistec.or.jp/wp-content/themes/jistec/images/activity-bg.png) center center no-repeat;
}
#activity-page .pagebody {
	position:relative;
	width: 1064px;
	margin:0 auto;
	padding:64px 0 120px 0;
}
#activity-page ul {
	position:relative;
	width: 100%;
}
#activity-page li {
	position:relative;
	float:left;
	width: 500px;
	margin:16px;
	background-color:#ffffff;
	text-align:center;
	padding:20px;
	font-size:16px;
}
#activity-page ul p{
	font-size:26px;
	font-weight:bold;
	padding:12px 0 32px 0;
}
#activity-page ul span{
	display:inline-block;
	line-height:28px;
	margin-top:10px;
}
#activity-page button{
	width:270px;
	height:50px;
	background-color:#419da8;
	border:none;
	border-radius:24px;
	margin-top:50px;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
	/*white-space: nowrap;*/
}
#activity-page a{
}
#activity-page button svg{
	float:right;
	margin:0px 8px;
}


/* contact page */

#form-page .pagecontent{
	background-color:#f7f8fa;
}

#form-page .pagetitle {
	background:url(https://www.jistec.or.jp/wp-content/themes/jistec/images/contact-bg.png) left center no-repeat;
}

#form-page .pagetitle span{
	line-height:24px;
}
#form-page #contact-form{
	width:768px;
	padding:32px 32px 118px 32px;
	margin:0 auto;
	font-size:16px;
	color:#333333;
}
#form-page #contact-form label{
	position:relative;
	display:block;
	font-weight:bold;
	/*padding:32px 0 10px 8px;*/
}
#form-page #contact-form label span.label{
	display:block;
	padding:32px 0 0 8px;

}
#form-page #contact-form label .required{
	display:inline-block;
	position:absolute;
	right:0;
}
#form-page #contact-form label .asterix{
	color:#950916;
}
#form-page #contact-form input, #form-page #contact-form select {
	width:100%;
	height:56px;
	border:1px solid #b3bac5;
	margin-top:-8px;
	font-size:18px;
	font-weight:100;
	padding-left:10px;
}
#form-page #contact-form input[type=checkbox] {
  transform: scale(1.5);
}
#form-page #contact-form textarea{
	width:100%;
	height:172px;
	resize:vertical;
	margin-top:-8px;
	font-size:18px;
	font-weight:100;
	padding:10px;
}
#form-page #contact-form a{
	color:#008da6;
	text-decoration:none;
}
#form-page #contact-form input[type=submit]{
	display:block;
	width:360px;
	height:55px;
	margin:0 auto;
	color:#ffffff;
	background-color:#77210c;
	border:none;
	font-size:18px;
	font-weight:bold;
}
#form-page #contact-form input[type=checkbox]{
	height:auto;
	width: auto;
}
#form-page #contact-form p:nth-of-type(6){
	text-align:center;
	padding:54px 0 44px;
	font-weight:bold;
}
div.wpcf7-mail-sent-ok {
    border: none !important;
	text-align:center;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: none !important;
	text-align:center;
	color:red;
}
span.wpcf7-not-valid-tip {
    margin-top: 8px;
}

div.wpcf7-form-control-wrap {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* staff page */


#staff-registration-page .pagetitle {
	background:url(https://www.jistec.or.jp/wp-content/themes/jistec/images/staff-bg.png) right center no-repeat;
}

#staff-registration-page .pagetitle span{
	line-height:24px;
}
#staff-registration-page .pagebody {
	padding:90px 0 54px 0;
}
#staff-registration-page .pagebody section {
	display:table;
	width:970px;
	border:1px solid #b3bac5;
	padding:10px;
	color:#333333;
	margin:0 auto 58px auto;
}
#staff-registration-page .pagebody section>div{
	display:table-cell;
	padding:10px 10px 20px 10px;
	vertical-align:top;
}
#staff-registration-page .pagebody section>div img{
	width:212px;
}
#staff-registration-page .pagebody section>div h2{
	font-size:22px;
	margin:12px 0;
}
#staff-registration-page .pagebody section>div h3{
	font-size:16px;
	margin:24px 0 8px 0;

}
#staff-registration-page .pagebody section>div p{
	font-size:15px;
	line-height:22px;

}
#staff-registration-page .pagebody section>div ul{
	padding: 0 10px;
	margin:0;
}
#staff-registration-page .pagebody section>div ul li{
	font-size:10px;

}
#staff-registration-page .pagebody section>div ul li span{
	font-size:15px;
	line-height:22px;

}
#staff-registration-page .pagebody section>div a{
	font-size:15px;
	color:#81321e;
	text-align:none;
	font-weight:bold;
}

/* 404 page */
#page-not-found{
	text-align:center;
	height:400px;
}
#page-not-found h2{
	font-size:24px;
	margin-top:100px;
}

.pageheader {
	text-align:center;
	font-size:26px;
	font-weight:bold;
	line-height:32px;
	padding: 80px 10px  80px  10px;
}
@media screen and (max-width: 1573px) {
	#footer #bottom div:nth-of-type(1){
		width:20%;
		text-align:center;
	}
	#footer #bottom div:nth-of-type(1)>span span{
		display:none;
	}
	#footer #bottom div:nth-of-type(2){
		width:40%;
		text-align:right;
	}
}
@media screen and (max-width: 1368px) {
	#footer #bottom div:nth-of-type(4),#footer #bottom div:nth-of-type(5){
		width:15%;
	}
	#footer #bottom{
		font-size:12px;
	}
}
@media screen and (max-width: 1200px) {

	#home-page #slider-container #slides li div h1{
		font-size:34px;
	}
	#home-page #slider-container #slides li div p{
		font-size:24px;
		margin:28px 0;
	}
	#home-page #slider-container #slides #slide3 div p{
		margin:6px 0 28px 0;
		line-height:38px;

	}
	#home-page #slider-container #slides #slide3 div span{
		font-size:32px;
		margin:8px;
	}
	#home-page #slider-container #slides li div a{
		font-size: 10px;
		padding: 12px 24px;
	}
	#home-page #slider-container #slides li div img{
		width:7%;
	}

	#banners div, #footer #address, #title-bar div{
		width:100%;
	}

	#footer #address{
		font-size:12px;
		line-height:24px;
	}
	padding:64px 0 54px 16px;
	#footer #bottom div:nth-of-type(4),#footer #bottom div:nth-of-type(5){
		width:12%;
	}
	#footer #bottom{
		font-size:10px;
	}
}

@media screen and (max-width: 1158px) {

	#home-page #blog ul{
		width:100%;
	}

	#blog-post #blog.related ul{
		width:100%;
	}
}

@media screen and (max-width: 1148px) {
	#header-left{
		width:30%;
	}
	#header-right{
		width:70%;
	}
	#header-left a:nth-of-type(1){
		display:none;
	}
	#header-left a:nth-of-type(2){
		display:block;
	}
	#menu div>ul>li{
		padding:24px 36px;
	}
	#news-post .pagebody, #news-post #categories {
		width: 100%;
	}

	#blog-post .pagetitle.entry div p, #blog-post #blog-container{
		width: 100%;
	}
	#blog-post #sidebar{
		width:33%;
	}
	#blog-post #blog {
		width:67%;
	}
	#blog-post #blog-entry{
		width:67%;
		padding-left:10px;
	}

	#blog-post #blog-entry #content{
		width:100%;
	}
	#blog-post #blog ul{
		width:100%;
	}
	#blog-post #blog-entry #back {
		width:100%;
	}
	#blog-post #blog-entry #content img {

	}

}
@media screen and (max-width: 1080px) {
	#banners-container{
		width:100%;
	}
	#banners ul li img{
		width:90%;
	}
	#home-page #news {
		width:100%;
	}
	#home-page #blog #bloglabel{
		width:100%;
	}
}
@media screen and (max-width: 1070px) {

}


@media screen and (max-width: 1064px) {
	#home-page #event div{
		text-align:left;
	}
	#home-page #event .details {
		display:block;
		margin-top:12px;
		line-height:1.2em;
	}

	#activity-page .pagebody {
		width:100%;
	}
	#activity-page li {
		width: 48%;
		margin:1%;
		padding:1%;
	}
	#activity-page img {
		width: 98%;
	}
	#activity-page button {
		width: 60%;
	}
}
@media screen and (max-width: 1000px) {

	.pagebody {
		width:100%;
	}
	#services-page .pagebody, #participations-page .pagebody {
		width:100%;
		padding-top:40px
	}
	#services-page .pagebody.np, #participations-page .pagebody.np {
		width:100%;
		padding:0 8px 40px 8px;
	}
	#about-page .pagebody {
		width:100%;
		padding-left:8px;
		padding-right:8px;
	}
	#about-page .pagebody ul li{
		padding-left:2%;
	}

	#participations-page .pagebody div {
		padding-left:0;
	}
	#participations-page .pagebody div.tr div:nth-of-type(1){
		width:15%;

	}
	#participations-page .pagebody div.tr div:nth-of-type(2){
		width:78%;
	}

	#title-bar div{
		width:100%;
	}
	#back{
		width:100%;
		padding: 16px 16px 60px 16px;
	}
	#staff-registration-page .pagebody section{
		width:96%;
	}
}

@media screen and (max-width: 986px) {
	#lang{
		width:130px;
	}

	#contact img:first-of-type{
		margin-right:0;
	}
	#contact img:last-of-type{
		display:none;
	}
	#contact a {
    	line-height: 24px;
	}


	#contact>span span, #contact .fa-angle-right{
		display:none;
	}
	#contact .fa-envelope {
		margin-right:0;
	}
	#contact>span span {
		display:block;
		font-size:12px;
	}
	#contact>span span:nth-of-type(1) {
		display:none;
	}
	#contact{
		width:102px;
	}
	#menu div>ul>li{
		padding:24px 20px;
	}

	#home-page #slider-container #slides li div h1{
		font-size:24px;
	}
	#home-page #slider-container #slides li div p{
		font-size:16px;
		margin:20px 0;
	}
	#home-page #slider-container #slides #slide3 div p{
		margin:4px 0 8px 0;
		line-height:24px;
	}
	#home-page #slider-container #slides #slide3 div span{
		/*font-size:16px;
		margin:4px;*/
	}
	#home-page #slider-container #slides li div a{
		/*font-size: 7px;
		padding: 8px 16px;*/
	}

	#home-page #slider .section #slider-container #control-nav{
		top:90%;
	}

	#services{
		font-size:14px;
	}

	#footer #address{
		font-size:10px;
		line-height:20px;
	}
}
@media screen and (max-width: 880px) {
	#news-post #categories ul {
		width:100%;
	}
}
@media screen and (max-width: 786px) {
	#home-page #slider-container #slides li div div{
		margin-top:10%;
	}
	#home-page #slider-container #slides #slide3 div div{
		margin-top:2%;
	}
	#home-page #slider-container #slides li div h1{
		font-size:46px;
	}
	#home-page #slider-container #slides li div p{
		font-size:30px;
		margin:24px 0;
	}
	#home-page #slider-container #slides #slide3 div p{
		margin:6px 0 16px 0;
    	line-height: 38px;
	}
	#home-page #slider-container #slides li div a{
		font-size: 24px;
		padding: 15px 30px;
	}
	#home-page #slider-container #slides li div a{
		font-size: 24px;
		padding: 15px 30px;
	}
	#home-page #slider .section{
		width:100%;
		float:none;
	}
	#home-page #slider .section #slider-container #slides li{
		padding-top:11.25%;
		padding-bottom: 2%;
		float:left;
	}
	#home-page #slider .section #slider-container #direction-nav {
		display:none;
	}
	#home-page #slider .section #slider-container #control-nav {
		top:88%;
	}

}
@media screen and (max-width: 767px) {
	#header-left{
		width:40%;
	}
	#header-right{
		width:60%;
	}
	#lang{
		width:100%;
		padding-right:40px;
		padding-top:36px;
		font-size:34px;
	}
	#lang>span{
		text-align: center;
	}
	#lang img{
		display:none;
	}
	#fb,#map,#contact{
		display:none !important;
	}


	#menu ul,#header-wrap .line {
		display:none;
	}

	#menu-mobile {
		display:block;
	}
	nav:after{
		content:'';
		display:none;
		width:100%;
		height:100%;
		background:rgba(255,255,255, .4);
		position:fixed;
		z-index:1;
		top:0;
		right:0;
	}
	#menu-open:checked + nav:after {
		display:block;
	}
	#menu-mobile .menu{
		display:none;
		position:absolute;
		width:60%;
		left:100%;
		top:0;
		overflow:auto;
		 -webkit-overflow-scrolling: touch;
		-webkit-opacity:1;
		-moz-opacity:1;
		opacity:1;
		z-index:5;
		background:#1e283c !important;
	}

	#menu-mobile .menu li{
		display:block;
		position:relative;
		z-index:9;
		font-size:26px;
	}
	#menu-mobile .menu .sub{
		width:50%;
		float:left;
	}
	#menu-mobile .menu .sub:nth-of-type(2){
		border-left:1px solid #5a6882;;
	}
	#menu-mobile .menu a, #menu-mobile .menu .active a{
		display:block;
		line-height:43px;
		height:43px;
		margin:0;
		border:0;
		border-bottom:1px solid #5a6882;
		background:#1e283c;
		color:#fff;
		padding-left:50px;
		text-decoration:none
	}
	#menu-mobile .menu a:hover, #menu-mobile .menu .active a:hover{
		color:#3092b7;
	}
	#menu-mobile .menu li li a {
		background:#354666;
	}

	#menu-mobile .menu li:last-child {
		display:block;
	}

	.nav-btn {
		display:inline-block;
		position:absolute;
		top:28px;
		right:38px;
		z-index:2;
		height:44px;
		width:60px;
		cursor:pointer;
	}
	.nav-btn span {
		display:block;
		height:6px;
		background:#253858;
		margin-bottom:12px;
		-webkit-transition:all .5s ease;
		-moz-transition:all .5s ease;
		transition:all .5s ease;
		border-radius:6px;
	}
	#menu-open:checked~.nav-btn span:last-child {
		opacity:0;
	}
	#menu-open:checked~.nav-btn span:first-child {
		margin-top:11px;
		-moz-transform: rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}

	#menu-open:checked~.nav-btn span {
		margin-top:-18px;
		-moz-transform: rotate(45deg);
		-webkit-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}

	#bread-crumb{
		display:none !important;
	}
	#services div{
		width:100%;
		font-size:26px;
	}
	#services div:nth-of-type(1),#services div:nth-of-type(2){
		border-right:none;
		border-bottom:1px solid #b3bac5;
	}
	#services div>span span{
		display:inline-block;
	}
	#services div>span img{
		margin-right:0;
	}
	#services div:nth-of-type(1)>span span{
		width:318px;
	}
	#services div:nth-of-type(2)>span span{
		width:300px;
	}
	#services div:nth-of-type(3)>span span{
		width:308px;
	}


	#banners{
		padding: 30px 8px 30px 8px;
	}
	#banners-container{
		/*height:auto;*/
	}

	#banners #banners-container {
		width: 100%;
	}

	#banners ul {
		display: block;
		width:100%;
	}
	#banners ul li{
		width:100%;
		margin-bottom:8px;
	}
	#banners ul li img{
		width:80%;
	}

	#address div {
		display:none;
	}
	#address div:nth-of-type(1) {
		width:100% !important;
		display:block;
		padding: 54px 0 54px 0 !important;
		font-size:20px;
		line-height:40px;
	}
	#address div:nth-of-type(1) p{
		padding-left:78px;
	}
	#address div:nth-of-type(1) p:nth-of-type(2){
		padding-top: 54px;
		border-top:2px solid #304669;
	}

	#footer #bottom div:nth-of-type(1){
		display:none;
	}
	#footer #bottom div:nth-of-type(3){
		display:block;
		width:100%;
		border-top:2px solid #304669;
		text-align:center;
		color:#ffffff;
		padding-top:28px;
		height:190px;
		font-size:20px;
	}
	#footer #bottom div:nth-of-type(3) img{
		margin-bottom:16px;
	}
	#footer #bottom div:nth-of-type(2){
		float:none;
		width:100%;
		font-size:16px;
		text-align:center;
	}
	#footer #bottom div:nth-of-type(4),#footer #bottom div:nth-of-type(5){
		width:50%;
		border-top:2px solid #304669;
		font-size:20px;
	}
	#footer #bottom div:nth-of-type(5){
		border-left:none;
	}

	#home-page #news #newslabel{
		padding: 28px 0 28px 0;
	}

	#home-page #blog {
		padding-bottom:4px;
	}
	#home-page #blog #bloglabel{
		padding: 28px 0 0 0;
	}
	#home-page #news #newslabel div:last-of-type, #home-page #news #newslabel div:first-of-type, #home-page #blog #bloglabel div:last-of-type,#home-page #blog #bloglabel div:first-of-type {
		display:none;
	}
	#home-page #news #newslabel div:nth-of-type(2),#home-page #blog #bloglabel div:nth-of-type(2) {
		width:100%;
		float:none;
	}

	#home-page #news > a > button, #home-page #blog > a > button {
		display:inline-block;
		line-height:32px;
	}
	#home-page #blog > a > button{
		margin:13px 0 26px 0;
	}

	#home-page #blog li{
		width:94%;
		height:auto;
		float:none;
		margin:3% 3% 5% 3%;
		padding-bottom:32px;
	}

	#about-page section:nth-of-type(1) {
		padding-bottom:54px;
	}
	#about-page section:nth-of-type(2) {
		padding-bottom:34px;
	}
	#about-page section:nth-of-type(3) {
		padding-bottom:50px;
	}
	#about-page section:nth-of-type(4) {
		padding-bottom:32px;
	}

	#about-page .pagebody img{
		float:none;
		width:100%;
		margin-bottom:48px;
	}

	#about-page .pagebody #maps div{
		width:100%;
		float:none;
		margin-bottom:48px;
	}
	#about-page .pagebody ul li{
		float:none;
		width:100%;
		padding-left:20%;
		margin-top:-16px;
		font-size:18px;
	}
	#about-page .pagebody ul{
		margin-top:16px;
	}

	#about-page .pagebody .half{
	width:100%;
	float:left;
}

	#participations-page .pagebody #boxes{
		display:block;
	}
	#participations-page .pagebody #boxes .tr{
		display:block;
	}
	#participations-page .pagebody #boxes .td{
		display:inline-block;
		width:100%;
		border-bottom:none;
	}
	#participations-page .pagebody #boxes .td:last-of-type{
		border:1px solid #b3bac5;
	}

	#activity-page .pagebody {
		padding:32px 0 32px 0;
	}
	#activity-page li {
		float:none;
	}
	#activity-page li {
		width: 96%;
		margin:4% 2%;
		padding:2%;
	}
	#activity-page button {
		width: 60%;
	}
	#news-post #news {
		padding:12px 16px 36px 16px;
	}
	#news-post #categories {
		height:100px;
	}
	#news-post #categories ul {
		height:100px;
		margin:-100px auto;
	}

	#news-post #categories ul li {
    	font-size: 14px;
	}

	#blog-post .pagetitle.entry p{
		font-size:22px;
		line-height:30px;
	}
	#blog-post #blog {
		width:100%;
		padding:0;
	}
	#blog-post #blog-entry {
		width:100%;
		padding:0;
		margin-top:3%;
	}
	#blog-post #sidebar{
		display:none;
	}
	#blog-post #sidebar2{
		display:block;
	}
	#blog-post #blog ul{
		width:100%;
	}
	#blog-post #blog li{
		width:94%;
		height:auto;
		float:none;
		margin:3% 3% 5% 3%;
		padding-bottom:32px;
	}
	#blog-post #blog.related li{
		width:94%;
		height:auto;
		float:none;
		margin:3% 3% 5% 3%;
		padding-bottom:32px;
	}
	#pagination {
		padding:24px 0 40px 0;
	}
	#news-post .pagebody.entry {
		padding: 4% 4%;
	}
	#form-page #contact-form{
		width:100%;
	}
	#staff-registration-page .pagebody {
		padding:46px 0 28px 0;
	}
	#staff-registration-page .pagebody section {
		margin:0 auto 28px auto;
	}
	#staff-registration-page .pagebody section>div{
		display:block;
	}

	#staff-registration-page .pagebody section>div img{
		display:block;
		width:60%;
		margin:0 auto;
	}
	.pageheader {
		font-size:20px;
		line-height:30px;
		padding: 50px 10px  50px  10px;
	}
}
@media screen and (max-width: 640px) {
	#menu-mobile .menu li{
		font-size:18px;
	}
	.nav-btn {
		right:24px;
	}
	#address div:nth-of-type(1) p{
		padding-left:48px;
		font-size:18px;
		line-height:36px;
	}
	#home-page #slider-container #slides li div h1{
		font-size:24px;
	}
	#home-page #slider-container #slides li div p{
		font-size:16px;
		margin:12px 0;
	}
	#home-page #slider-container #slides #slide3 div p{
		margin:4px 0 8px 0;
		line-height:24px;
	}
	#home-page #slider-container #slides li div a{
		font-size: 12px;
		padding: 16px 32px;
	}
	#home-page #slider .section #slider-container #control-nav {
		top:80%;
	}
	#home-page #news .datebox, #news-post #news .datebox{
		/*margin-right:32px;*/
	}
	#home-page #news .newstitle{
		font-size:16px;
		padding:14px 0 0 32px;
	}
	#news-post #news .newstitle p{
		font-size:16px;
	}
	#news-post #news .newstitle {
		padding:6px 0 0 32px;
	}
	#about-page .pagetitle span, #participations-page .pagetitle span, #services-page .pagetitle span {
   		width: 100%;
	}

	#news-post .pagebody {
	}
	#news-post #news {
	}
	#news-post #categories {
		height:180px;
	}
	#news-post #categories ul {
		height:90px;
		margin:-90px auto;
		z-index:99999;
	}
	#news-post #categories ul li {
		display:table;
		float:left;
    	font-size: 18px;
		width:33% !important;
		height:90px;
		border:1px solid #b3bac5;
		background-color:#ffffff;
		z-index:9999;
		over-flow:hidden;
	}
	#news-post #categories ul li:hover {
		background-color:#dbdbd9;
	}
	#news-post #categories ul li a{
		display:table-cell;
		vertical-align:middle;
		width:100%;
	}
	#news-post #categories ul li:nth-of-type(1),#news-post #categories ul li:nth-of-type(2),#news-post #categories ul li:nth-of-type(4),#news-post #categories ul li:nth-of-type(5) {
		border-right:none;
	}
	#news-post #categories ul li:nth-of-type(1),#news-post #categories ul li:nth-of-type(2),#news-post #categories ul li:nth-of-type(3) {
		border-bottom:none;
	}
	#news-post #categories ul li:nth-of-type(3),#news-post #categories ul li:nth-of-type(6) {
		width:34% !important;
	}
	#news-post #categories ul li span{
    	font-size: 36px;
	}

	#news-post #categories ul li:nth-of-type(6) a {
		padding-top:18px;
	}
	.svg-inline--fa.fa-sort-up {
		/*vertical-align: -18px;*/
	}
	.svg-inline--fa.fa-sort-down {


	}
	#news-post #sort {
	}
}

@media screen and (max-width: 500px) {

	/*#news-post #categories {
		height:80px;
	}
	#news-post #categories ul {
		height:80px;
		margin:-80px auto;
	}
	#news-post #categories ul li {
    	font-size: 10px;
	}*/
	#news-post #sort {
	    height: auto;
	    padding: 12px 0 8px 18px;
	}
	#footer #bottom div:nth-of-type(2){
		font-size:12px;
	}
}
@media screen and (max-width: 480px) {
	#header-left{
		padding:8px;
	}
	#header-left img{
		width:90%;
	}
	#lang{
		width:100%;
		font-size:24px;
    		padding-top: 24px;
	}
	#menu-mobile .menu a, #menu-mobile .menu .active a{
		padding-left:32px;
	}
	.nav-btn {
		height:33px;
		width:45px;
		top:20px;
	}
	.nav-btn span {
		height:5px;
		margin-bottom:9px;
		border-radius:5px;
	}
	#menu-open:checked~.nav-btn span {
		margin-top:-14px;
	}

	#menu-mobile .menu li{
		font-size:12px;
	}
	#consult{
		height:100px;
	}
	#services div{
		height:80px;
		font-size:16px;
	}

	#services div:nth-of-type(1)>span span{
		width:268px;
	}
	#services div:nth-of-type(2)>span span{
		width:250px;
	}
	#services div:nth-of-type(3)>span span{
		width:258px;
	}

	#address div:nth-of-type(1) p{
		padding-left:24px;
		font-size:16px;
		line-height:32px;
	}

	#home-page #slider-container #slides li div div{
		margin-top:6%;
	}
	#home-page #news .datebox, #news-post #news .datebox{
		/*margin-right:24px;*/
	}
	#home-page #news .newstitle{
		font-size:14px;
		padding:12px 0 0 24px;
	}
	#news-post #news .newstitle p{
		font-size:14px;
	}
	#news-post #news .newstitle{
		padding:0 0 0 24px;
	}
	#home-page #news > a > button {
		width:90%;
	}
	#home-page #blog > a > button {
		width:80%;
	}

	#activity-page .pagebody {
		padding:24px 0 24px 0;
	}
	#activity-page button{
		margin-top:12px;
		width: 90%;
	}

	#about-page .pagebody p.center{
	width:320px;
	margin:0 auto 36px auto;
	font-weight:bold;
	font-size:16px;
	color:#253858;
}
}
@media screen and (max-width: 400px) {
	#lang{
		font-size:20px;
    		padding-top: 8px;
	}
	#menu-mobile .menu a, #menu-mobile .menu .active a{
		padding-left:24px;
	}
	.nav-btn {
		height:24px;
		width:30px;
		top:20px;
	}
	.nav-btn span {
		height:4px;
		margin-bottom:6px;
		border-radius:4px;
	}
	#menu-open:checked~.nav-btn span {
		margin-top:-10px;
	}

	#consult{
		height:80px;
		padding-top:16px;
		font-size:12px;
	}
	#consult p {
	    margin-top: 8px;
	}
	#consult a{
		font-size:20px;

	}
	#services div{
		height:80px;
	}
	#services div:nth-of-type(1)>span span{
		width:168px;
	}
	#services div:nth-of-type(2)>span span{
		width:150px;
	}
	#services div:nth-of-type(3)>span span{
		width:158px;
	}
	#address div:nth-of-type(1) p {
	    font-size: 13px;
	}
	#address div:nth-of-type(1) {
	    padding: 24px 0 24px 0 !important;
	}
	#address div:nth-of-type(1) p:nth-of-type(2) {
	   padding-top: 24px;
	}
	#footer #bottom div > span,#footer #bottom div:nth-of-type(3) {
	    font-size:12px !important;
	}
	#footer #bottom div:nth-of-type(4) span img {
	    margin-bottom: 8px;
	    width:15%;
	}
	#footer #bottom div:nth-of-type(3) {
	    padding-top: 14px;
	    height: 100px;
	}
	#footer #bottom div {
	    height: 60px;
	}
	#footer #bottom div:nth-of-type(3) img {
	   width:30%;
	}

	#home-page #slider-container #slides li div div{
		margin-top:5%;
	}

	#home-page #slider-container #slides li div h1{
		font-size:20px;
	}
	#home-page #slider-container #slides li div p{
		font-size:12px;
		margin:12px 0;
	}
	#home-page #slider-container #slides #slide3 div div{
		margin-top:1%;
	}
	#home-page #slider-container #slides #slide3 div p{
		margin:4px 0 8px 0;
		line-height:16px;
	}
	#home-page #slider-container #slides #slide3 div span{
		font-size:12px;
		margin:1px;
	}
	#home-page #slider-container #slides li div a{
		font-size: 10px;
		padding: 16px 32px;
	}
	#home-page #slider .section #slider-container #control-nav {
		top:75%;
	}
	#home-page #event .date, #home-page #event .title {
		font-size:14px;
	}
	#home-page #event .details {
		margin-top:8px;
	}

	#home-page #news .datebox, #news-post #news .datebox{
		width:50px;
		height:50px;
		padding:1px;
		background-color:#f4f5f7;
		/*float:left;
		margin-right:20px;*/
	}
	#home-page #news .datebox div, #news-post #news .datebox div{
		width:46px;
		height:46px;
		text-align:center;
		background-color:#f4f5f7;
		font-size:16px;
		position: relative;
		z-index : 1;
	  	border:2px solid #f4f5f7;
		padding:8px;
	}

	#home-page #news .datebox div:before, #news-post #news .datebox div:before {
		 content : "";
		 position: absolute;
		 left    : 28%;
		 bottom  : 100%;
		 height  : 3px;
		 width   : 46%;
		 border-bottom:2px solid #872108;
	}

	#home-page #news .datebox span, #news-post #news .datebox span{
		display:block;
		font-size:10px;
		margin-top:4px;
	}
	#home-page #news .newstitle{
		/*font-size:12px;*/
		padding:6px 0 0 20px;
	}
	#news-post #news .newstitle{
		padding:0 0 0 20px;
	}
	#home-page #news .newstitle button, #news-post #news .newstitle button{
		font-size:11px;
	}
	#home-page #news > a > button {
		/*width:95%;*/
		font-size:18px;
		height:58px;
	}
	#home-page #blog > a > button {
		/*width:85%;*/
		font-size:18px;
		height:58px;

	}
	.globe {
		display:block;
		width:60%;
		margin:0 20%;
	}
	#news-post #news {
    	/*padding: 12px 16px 36px 16px;*/
	}
	#news-post #categories {
		height:100px;
	}
	#news-post #categories ul {
		height:50px;
		margin:-70px auto;
	}
	#news-post #categories ul li {
    	font-size: 12px;
		height:50px;
	}
	#news-post #categories ul li span{
    	font-size: 28px;
	}
	#news-post #categories ul li:nth-of-type(6) a {
		padding-top:4px;
	}


	.svg-inline--fa.fa-sort-up {
	    vertical-align: -16px;
	}
	#news-post #sort button {
	    width: 75%;
	    height: 44px;
	}

	#form-page #contact-form input, #form-page #contact-form select,#form-page #contact-form textarea{
		padding:0;
	}
	#form-page #contact-form input[type=submit]{
		width:80%;
	}
	#staff-registration-page .pagebody section>div img{
		width:100%;
	}
	#staff-registration-page .pagebody section>div h2{
		font-size:20px;
	}

}
@media screen and (max-width: 320px) {
	#home-page #event .date, #home-page #event .title {
		font-size:12px;
	}
}


/* pagebuilder fix */

/* remove default margin-bottom: 30px from widget */
.so-panel {
    margin-bottom: 0 !important;
}
.panel-layout div {
    margin-bottom: 0 !important;
}

.pagebody ul li, .pagebody ol li{
	margin-bottom:16px;
}
.pagebody a{
	color:#3092b7;
	text-decoration:none;
}

.pagebody a:hover{
	color:#5db0cf;
	text-decoration:none;
}

.pagebody p {
	font-size:16px;
	line-height:1.8em;
}
#label-green.pagebody p ,#label-brown.pagebody p {
	font-size:24px;
	font-weight:bold;
	line-height:18px;
	padding-top:5px;
}
.pagebody-column p{
	font-size:14px;
	line-height:38px;
}

.number-list {
	margin:0 0 0 16px;
	padding:0;
	list-style:none;
}
.number-list li span.num {
	width: 18px;
	height: 18px;
	border-radius: 10px;
	border:1px solid #000000;
	font-size:14px;
	text-align: center;
	line-height:18px;
}
.number-list li p {
	display: table-cell;
	padding-right:6px;
}
.number-list li span {
	display:block;
}
.font-14 p {
	font-size:14px;
	line-height:1.8em;
}

/*20230613ISC追加*/
.border {
	border:solid 1px #ccc;
}

.border td,
.border th {
	border:solid 1px #ccc;
	padding:0.5em;
}

.border th {
	background:#eee;
	white-space:nowrap;
}

.border td {
	font-weight:normal;
}

.agreement_txt ul {
	margin:0 auto;
}

.pagebody .agreement_txt ol {
	margin-top:0;
}

.pagebody .agreement_txt ul li,
.pagebody .agreement_txt ol li{
	margin-bottom:0;
	font-weight:normal;
}

.tC {
	text-align:center;
}

.agreement_txt h2 {
	background:#eee;
	padding:0.5em;
	font-weight:bold;
}

.pagebody .agreement_txt p {
	font-weight:normal;
}

.agreement_txt h1 {
	font-weight:bold;
	padding:1em;
	text-align:center;
	font-size:25px;
	position:relative;
	margin-bottom:1em;
}

	.agreement_txt h1::before {
  content: '';
  position: absolute;
  bottom: 0;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
  border-radius: 2px;
	}