@charset "utf-8";
/* CSS Document */


/* RESET
------------------------------------------------------------------------------*/
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,tt,var,b,u,i,center,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-style:normal;font-weight:normal;font-size:100%;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}html{overflow-y:scroll;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}input,textarea,{margin:0;padding:0;}ol,ul{list-style:none;}table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;}a:focus{outline:none;}.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}.clearfix{min-height:1px;}* html .clearfix{height:1px;/*?*//*/height:auto;overflow:hidden;/**/}.both{clear:both;}.inline_block{display:inline-block;*display:inline;*zoom:1;}
*{ box-sizing: border-box;}
img{ vertical-align: bottom;}
/*----------------------------------------------------------------------------*/
#lightbox-container-image-data-box { box-sizing:content-box;}







/* FONT
-------------------------------------------------------------------------------*/

body {
	font-family: '游ゴシック Medium','Yu Gothic Medium','游ゴシック体',YuGothic,'Hiragino Sans','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Meiryo UI,'MS Pゴシック','MS PGothic';
	font-size: 82%;
	line-height: 1.231;
	*font-size: small;
	*font: x-small;
    min-width: 1000px;
}

table {
	width: 100%;
	font-size: inherit;
	font: 100%;
}

pre,code,kbd,samp,tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}
.center { text-align: center; }
.right { text-align: right; }

.w5 {
	width: 5%;
}
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
.mt10 {
	display: block;
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px!important;
}
.mt35 {
	margin-top: 35px!important;
}
.mb70 {
	margin-bottom: 70px!important;
}
.indent {
	padding-left: 2em!important;
	text-indent: -1.2em!important;
	margin: 0!important;
}
.font {
	font-size: 16px;
}
hr {
	border: none;
}
.center {
	text-align: center;
}
.vmiddle {
	vertical-align: middle;
}
.link {
	margin-left: 0!important;
    padding: 10px;
    background: #f9f7dd;
    list-style: none!important;
}
.link li a {
	color: #333;
    text-decoration: none;
    padding-left: 15px;
    position: relative;
    display: block;
}
.link li a:hover {
	color: #7a0;
}
.link li a:before {
	content: "";
    width: 12px;
    height: 12px;
   -webkit-border-radius: 25%;
    border-radius: 25%!important;
    background: #7a0;
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
}
.link li a:after {
	content: "";
    left: 5px;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-left: 3px solid #fff;
    display: block;
    position: absolute;
    top: 6px;
}
/*----------------------------------------------------------------------------*/









/* HEADER
-------------------------------------------------------------------------------*/



.header{
}

#hd_title{
    position: relative;
    width: 980px;
    height: 120px;
    margin: 0 auto;
}

#hd_title .title{
    position: absolute;
    top: 27px;
    left: 0;
    margin: 0;
    font-size: 11px;
    color: #525252;
}

#hd_title .title a{
    text-decoration: none;
}

#hd_title .title img{
    vertical-align: bottom;
}

#hd_title h1{
    position: absolute;
    top: 53px;
    left: 0;
}

#hd_title h1 a{
    display: block;
    width: 434px;
    height: 50px;
    text-indent: -9999px;
    background: url("/jigyo/society5/assets/img/hd_logo_title.png") 0 0 no-repeat;
	background-size: 434px 50px;
    outline: none;
}

#hd_info_mn{
    position: absolute;
    top: 80px;
    right: 0;
}

#hd_info_mn li{
    display: inline-block;
    margin-left: 10px;
}

#hd_info_mn a{
    display: block;
    padding: 0 5px 2px 10px;
    font-size: 12px;
    color: #007fb2;
    text-decoration: none;
    background: url("/jigyo/society5/assets/img/hd_mn_bc.png") left bottom no-repeat;
    font-size: 13px !important;
}

#hd_logo_ap{
    position: absolute;
    top: 20px;
    right: 0;
}



/* -- NAVIGATION -- */
#NV{
    background: #3f5687;
    border-bottom: 5px solid #E6E4E4;
    border-top: 5px solid #E6E4E4;
    text-align: center;
}

#NV ul {	
    width: 980px;
    display: inline-block;
    letter-spacing: -0.4em;
}

#NV li{
    display: inline-block;
    letter-spacing: normal;
}

#NV li a{
	padding: 10px 0;
    display: block;
    width: 140px;
    border-right: 1px solid #fff;
    text-decoration: none;
    color: #fff;
	font-size: 15px;
	    transition-property: background-color, border, color, opacity;
    transition-duration: .2s;
    transition-timing-function: linear;
    -webkit-transition-property: background-color, border, color, opacity;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    cursor: pointer;
    text-decoration: none;
}

#NV li a:first-child {
	border-left: 1px solid #fff;
}

#NV li a:hover{
    background: #3f5687;
	color: #e2edff;
    opacity: 1;
    animation-duration: 0.5s;
    animation-name: fadein;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: fadein;
}


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









/* FOOTER
-------------------------------------------------------------------------------*/

#FT{
    background: url("/jigyo/society5/assets/img/pg_bc.png");
}

#FT .btn_top{
    width: 980px;
    height: 50px;
    margin: 0 auto;
    text-align: right;
}

#FT .btn_top a{
    display: inline-block;
    padding-top: 10px;
    opacity: 0.3;
    transition: all 0.2s ease;
}

#FT .btn_top a:hover{
    padding-top: 0;
    padding-bottom: 10px;
    opacity: 1.0;
}

#ft_navi{
    width: 980px;
    margin: 20px auto;
    padding: 10px;
    background-color: #fff;
    text-align: center;
    border: #e3e3e3 1px solid;
}

#ft_navi li{
    padding: 0 10px 0 8px;
    display: inline-block;
    border-left: #cac7c4 1px solid;
}

#ft_navi li:first-child{
    border: none;
}

#ft_navi li a{
    text-decoration: none;
    color: #2d2316;
}

#ft_navi li a:hover{
    text-decoration: underline;
}


#FT address{
    width: 980px;
    margin: 0 auto;
    padding: 10px 15px;
    overflow: hidden;
    color: #fff;
    background-color: #3f5687;
}

#FT .logo{
    float: left;
    margin: 8px 10px 5px 0;
    position: relative;
    top: -3px;
}

#FT address h1{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 116%;
}

#FT address h1 span{
    font-size: 86.2%;
}

#copyright{
    padding: 10px 0 20px;
    width: 980px;
    margin: 0 auto;
    text-align: right;
    font-size: 85%;
    color: #999;
}

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









/* TOP PAGE
-------------------------------------------------------------------------------*/

/* -- KV --*/
#tp_kv{
    background: url("/jigyo/society5/img/tp_kv_bc.jpg") 0 0 repeat-x;
}

#tp_content{
    position: relative;
    width: 980px;
    margin: 0 auto;
}
#tp_content img {
	max-width: 100%;
	height: auto;
}
#tp_kv_tbox{
    position: absolute;
    top: 60px;
    right: 20px;
    width: 455px;
    padding: 10px 20px 15px;
    border: #fff 2px solid;
    border-radius: 5px;
    background: url("/jigyo/society5/img/tp_kv_tbc.png");
}

#tp_kv_tbox p{
    font-size: 14px !important;
    line-height: 1.7;
}

#tp_kv_tbox p span.top_copy{
	display: block;
	margin-bottom:5px;
	padding:8px 10px 5px;
	font-weight:bold;
	color:#c40026;
	background-color:#ffe5dd;
}

#tp_kv_mn{
    position: absolute;
    top: 265px;
    left: 515px;
}

#tp_kv_mn ul{
    margin-top: 5px;
}

#tp_kv_mn li{
	float:left;
	margin-right:10px;
}

#tp_kv_mn li a{
    margin-left: 0;
    transition: all 0.2s ease;
}

#tp_kv_mn li a:hover{
    opacity: 0.8;
}

#tp_kv_ap{
    position: absolute;
    top: 352px;
    right: 25px;
}

#tp_kv_ap a { transition: all 0.2s ease; }
#tp_kv_ap a:hover{ opacity: 0.7; }


/* -- TOP CONTENTS -- */
#tp_cnt{
    width: 980px;
    height: 0 auto;
    margin: 0 auto;
    padding-top: 40px;
    overflow: hidden;
}

/* NEWS */
#tp_news{
    float: left;
    position: relative;
    width: 570px;
    padding: 25px;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 5px #d3d3d3;
}

.tp_news_cont {
	height: 330px;
	overflow: auto;
	margin-bottom:15px;
scrollbar-face-color: #fff;
scrollbar-track-color: #fff;
scrollbar-arrow-color: #a1c700;
scrollbar-highlight-color: #ccc;
scrollbar-shadow-color: #ccc;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #fff;
}


#tp_news h1{
    padding: 10px 0 10px;
    margin-bottom: 10px;
    border-bottom: #23588c 1px dotted;
    color: #23588c;
    font-size: 18px;
}

.fa, .fas {
	margin-right: 10px;
}

#tp_news tr:nth-child(odd){
    background-color: #f9f9f9;
}

#tp_news th,
#tp_news td{
    padding: 10px;
}

#tp_news td{
    line-height: 1.7;
}

#tp_news td a {
	color: #0D97DE;
}

#tp_news th p{
    display: block;
    background-color: #23588c;
    color: #fff;
    padding: 2px 5px;
    border-radius: 2px;
}

#tp_news .btn{
    position: absolute;
    top: 33px;
    right: 20px;
}

#tp_news .btn a{
    transition: all 0.2s ease;
}

#tp_news .btn a:hover{
    opacity: 0.6;
}


/* JIREI */
#tp_jirei{
    float: right;
    width: 390px;
}

#tp_jirei > h1{
	color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 10px;
    position: relative;
    font-weight: normal;
    background: rgb(19, 138, 116);
    border-radius: 2px;
}

#tp_jirei .tp_jirei_scr{
    width: 390px;
	height: 400px;
	overflow: auto;
	margin-bottom:15px;
scrollbar-face-color: #fff;
scrollbar-track-color: #f5f5f5;
scrollbar-arrow-color: #59afd1;
scrollbar-highlight-color: #ccc;
scrollbar-shadow-color: #ccc;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #fff;
}

#tp_jirei .tp_jirei_scr .box{
    margin: 15px 0;
    padding-bottom: 18px;
    background: url("/jigyo/society5/img/tp_jirei_line.png") left bottom repeat-x;
    overflow: hidden;
}
#tp_jirei .tp_jirei_scr .box .img_left {
	display: block;
	float: left;
}
#tp_jirei .tp_jirei_scr .box h1 {
	float: none!important;
	margin-top: 15px;
}
#tp_jirei .tp_jirei_scr .box .image{
    display: inline-block;
    padding: 3px;
    margin-right: 10px;
    box-shadow: 1px 1px 3px #ccc;
    background-color: #fff;
}

#tp_jirei .tp_jirei_scr .box .date,
#tp_jirei .tp_jirei_scr .box h1,
#tp_jirei .tp_jirei_scr .box .btn{
    float: left;
    width: 200px;
}

#tp_jirei .tp_jirei_scr .box .date{
    font-size: 93%;
    margin-top: 5px;
    margin-bottom: 10px;
}

#tp_jirei .tp_jirei_scr .box .btn{
    margin-top: 10px;
    text-align: right;
	width: auto;
	float: right;
}

#tp_jirei .tp_jirei_scr .box .btn a{
    transition: all 0.2s ease;
}

#tp_jirei .tp_jirei_scr .box .btn a:hover{
    opacity: 0.6;
}

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

/* SITEMAP
-------------------------------------------------------------------------------*/
ul.sitemap {
	margin: 20px 0 0 30px;
	padding: 0;
}

ul.sitemap li {
	list-style-type: none;
	margin: 8px 0 8px 15px;
	padding: 3px 20px;
	background-image:url("/jigyo/society5/sitemap/img/arrow_01.png");
	background-repeat: no-repeat;
}

ul.sitemap li a {
	display: inline-block;
	text-decoration: none;
	border-bottom: 1px dashed #72a900;
}

ul.sitemap02 {
	border-left: 1px dashed #72a900;
}
ul.sitemap02 li {
	background-image:url("/jigyo/society5/sitemap/img/arrow_02.png");
}

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

/* LINK
-------------------------------------------------------------------------------*/

table.link {
	border: none!important;
}

table.link td {
	border-left: none!important;
	vertical-align: middle;
}

table.link td.banner {
	text-align: center;
}

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

/* ABOUT
-------------------------------------------------------------------------------*/

.outline_keyword {
	border: 2px solid #c4f263;
	padding:0 11px;
	width:400px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	display:inline-block;
	text-align:left;
}

.outline_keyword strong {
	display:block;
	text-align:center;
	color:#608f00;
	font-weight:bold;
	font-size:1.2em;
}

.ttl_copy {
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	line-height:1.5em;
	padding:12px 15px 8px;
	background-color:#0f99d0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.icon_student {
	padding-left:120px;
	background-image:url("/jigyo/society5/about/img/icon_student.png");
	background-repeat:no-repeat;
	background-position:15px center;
}

.icon_teacher {
	padding-left:120px;
	background-image:url("/jigyo/society5/about/img/icon_teacher.png");
	background-repeat:no-repeat;
	background-position:15px center;
}

.ft_blue {
	font-weight:bold;
	color:#3c4499;
}

.al_connect {
	text-align:center;
  color: #588a73;
	font-size:1.2em;
	font-weight:bold;
}

.al_connect img { margin:10px 0; }


.point_box {
	text-align:center; margin-bottom:20px;
	background-image:url("/jigyo/society5/about/img/arrow_down.png");
	background-repeat:no-repeat;
	background-position:center top;
	padding-top:40px;
}
.point_piece {
	display:inline-block;
	width:300px;
	padding:10px 0;
	font-weight:bold;
	font-size:1.2em;
	background-color:#a1c700;
	color:#fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


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

/* REPORT
-------------------------------------------------------------------------------*/

ul.report_pdf {
	width: 800px;
	margin: 15px auto;
	padding: 0;
}

ul.report_pdf li {
	list-style-type: none;
	margin: -1px 5px 0 15px;
	padding: 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

ul.report_pdf li a {
	display: inline-block;
	padding: 12px 15px 12px 30px;
	background: url("/jigyo/society5/report/img/arrow_01.png") 8px 15px no-repeat;
}

ul.report_pdf li a:hover {
	background-color: #ddf7ff;
}

span.link_pdf {
	display:inline-block;
	text-indent: -9999px;
	margin-left: 10px;
	width: 50px;
	height: 18px;
	background: url("/jigyo/society5/report/img/icon_pdf.png") no-repeat;
}

.report_btn {
	width: 300px;
	margin: 5px auto;
}
.report_btn a {
	display: block;
	width: 300px;
	padding: 12px 0;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	text-align: center;
	text-decoration: none;
	color:#fff;
	background-color: #7bb700;
	background: -moz-linear-gradient(top,  #7bb800 25%, #74ad00 50%, #6b9e00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#7bb800), color-stop(50%,#74ad00), color-stop(100%,#6b9e00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7bb800 25%,#74ad00 50%,#6b9e00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7bb800 25%,#74ad00 50%,#6b9e00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7bb800 25%,#74ad00 50%,#6b9e00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7bb800 25%,#74ad00 50%,#6b9e00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bb800', endColorstr='#6b9e00',GradientType=0 ); /* IE6-9 */
}

.report_btn a:hover {
	text-decoration: underline;
	color: #efffcc;
}

.case_box {
	display: inline-block;
	width: 300px ;
	height: 300px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 15px;
}

.case_date {
	padding: 8px;
	text-align: center;
	background-color: #e2f7af;
	color: #5c8a00;
}
.case_img {
	padding: 25px;
	text-align: center;
}
.case_txt {
	padding: 0;
	height: 50px;
}

.case_txt a {
	display: inline-block;
	padding: 2px 15px;
	background: url("/jigyo/society5/report/img/arrow_01.png") 0 3px no-repeat;
	text-decoration: none;
}

.case_txt a:hover { color: #a1c700; }

.jirei_tbl {
	margin: 15px auto;
	width: 600px;
}

.jirei_tbl td {
	width: 300px;
	padding: 10px 0;
	text-align: center;
	vertical-align: top;
}
.jirei_tbl td img {
	margin-bottom: 10px;
}

.prof_name {
	font-size: 1.08em;
	text-align: right;
	color:#4c543d;
}

.jirei_back a {
	display: block;
	width: 210px;
	margin: 5px auto !important;
	padding: 5px 0;
	background-color: #6ca100;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 0.94em !important;
	border: double #aadd3d;
}

.jirei_back a:hover { 
	text-decoration: underline;
	color: #efffcc;
}


/* PAGES
-------------------------------------------------------------------------------*/

#content{
    background: url("/jigyo/society5/assets/img/pg_bc.png");
    padding-bottom: 10px;
}


/* -- TOOLS -- */
.img_block{
    overflow: hidden;
}

img.fl_R{
    float: right;
    margin: 0 0 10px 10px;
}

img.fl_L{
    float: left;
    margin: 0 10px 10px 0;
}

.annotation{
    font-size: 85% !important;
}

img[alt="金沢工業大学"] {
	position: relative;
    top: 1px;
    margin-right: 5px;
}

.comment {
	font-size: 0.94em !important;
	width: 750px;
	margin: 15px auto !important;
	padding: 15px 20px;
	background-color:#e2f1f6;
}

/* -- TITLES -- */


#pg_ttl_1 h1,
#pg_ttl_2 h1{
    display: block;
    vertical-align: middle;
    height: 90px;
    width: 980px;
    margin: -5px auto 0;
    padding: 35px 0 0 15px;
    font-size: 182%;
    color: #3f5687;
    position: relative;
}
#pg_ttl_1 h1:before,
#pg_ttl_2 h1:before {
	content: "";
    position: absolute;
    border-left: 5px solid #3f5687;
    width: 5px;
    height: 30px;
    left: 0;
}
#pg_ttl_2 ul{
    width: 980px;
    margin: 0 auto;
    padding-bottom: 23px;
}

#pg_ttl_2 li{
    display: inline-block;
    width: 260px;
    vertical-align: top;
    margin-left: 15px;
}

#pg_ttl_2 li a{
    display: block;
    padding: 5px 10px 5px 35px;
    background: url("/jigyo/society5/assets/img/ttl_mn_bc.png") left center no-repeat;
    background-color: #0f99d0;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    transition: all 0.2s ease;
    font-size: 14px !important;
    line-height: 1.4;
    font-weight: bold;
    font-family: 'Meiryo UI','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	height:55px;
}

#pg_ttl_2 li.top_pd a{ padding-top:17px; }


#pg_ttl_2 li a:hover{
    background-color: #46d1dd;
}


#pg_cnt{
    padding-top: 15px;
    width: 1000px;
    margin: 0 auto;
}


/* -- PANKUZU -- */
#pankuzu{
    width: 980px;
    padding-left: 15px;
    margin-bottom: 15px;
    font-size: 85%;
    color: #737373;
}

#pankuzu a{
    color: #737373;
    text-decoration: none;
}

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


/* -- MAIN -- */
#pg_cnt_main{
    width: 980px;
    margin: 0 auto;
    padding: 30px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 5px #d3d3d3;
}


#pg_cnt_main .block{
    padding: 30px 0;
}

#pg_cnt_main .block > h1{
    font-size: 161.6%;
    font-weight: bold;
    position: relative;
    background: #23588c;
    color: #fff;
    padding: 15px 50px;
    left: -50px;
    z-index: 30;
    width: 970px;
    border-radius: 2px;
}

#pg_cnt_main .block > h1:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-right: solid 20px rgb(149, 158, 155);
}

#pg_cnt_main .block > h2{
    padding: 15px 0 5px 0;
    margin-bottom: 10px;
    font-size: 146.5%;
    font-weight: bold;
    color: #23588c;
    border-bottom: #ccc 1px solid;
    clear: both;
}

#pg_cnt_main .block > h3{
    display: inline-block;
    margin: 20px 15px 0 15px;
    padding: 0 0 0 1.5em;
    font-size: 123.1%;
    font-weight: bold;
    color: c;
    position: relative;
}
#pg_cnt_main .block > h3:before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: #588a73;
    border-radius: 2px;
    left: 0;
    position: absolute;
    top: 2px;
}
#pg_cnt_main .block > h3.ttl_02{
		display: block;
    margin: 40px 15px 0 15px;
    padding: 0 60px 5px 0;
    font-size: 123.1%;
    font-weight: bold;
    color: #000;
    background: url("/jigyo/society5/assets/img/pg_ttl_bc.png") left bottom no-repeat;
    border-bottom: 0;
}
#pg_cnt_main .block > h4{
    margin: 20px 15px 0 15px;
    font-size: 123.1%;
    font-weight: bold;
    color: #00918e;
}


#pg_cnt_main .block p{
    margin: 20px 15px;
    font-size: 108%;
    line-height: 1.7;
}

#pg_cnt_main .block p.image{
    margin: 10px 0 25px 0 !important;
    text-align: center;
}

#pg_cnt_main .block p.image.f_right {
	float: right;
    margin-left: 25px!important;
    margin-top: 0!important;
	clear: both;
}


#pg_cnt_main .block table {
	width: 100%;
	margin: 0 0 25px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.8;
}
#pg_cnt_main .block .tbl_caption {
    text-align: center;
    margin: 20px 0 10px!important;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 2px solid #ccc;
}
#pg_cnt_main .block table thead th {
	background: #3551a1;
	color: #ffffff;
	vertical-align: middle;
}
#pg_cnt_main .block table tbody th {
	background: #f5f5f5;
}
#pg_cnt_main .block table th {
	padding: 5px 10px;
	text-align: center;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #ccc;
	white-space: nowrap;
	line-height: 1.5;
	font-weight: bold;
	font-size: 14px;
}
#pg_cnt_main .block table td {
	padding: 5px 15px;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	word-break: break-all;
	line-height: 1.5;
	background: #ffffff;
	font-size: 14px;
}
#pg_cnt_main .block table td td p,
#pg_cnt_main .block table td th p {
	margin: 0;
	line-height: initial;
}

table .bkcolor_y {
	background: #FFFEE7!important;
}
table .bkcolor_b {
	background: #E7F8FF!important;
}
table .bkcolor_g {
	background: #E0FFE8!important;
}
table .bkcolor_r {
	background: #FFE0E1!important;
}

#pg_cnt_main .block .columns {
	letter-spacing: -0.4em;
	margin-left: -2%;
}
#pg_cnt_main .block .column {
	width: 48%;
	margin-left: 2%;
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
}
#pg_cnt_main ul{
    margin-left: 30px;
    padding-left: 10px;
    list-style:  disc;
}

/* table */

.tbl01 th,
.tbl01 td { font-size:1.08em; line-height:1.6; padding:0.7em 0.5em;border:1px solid #ddd; }

.tbl01 th { background-color:#e1ffff;font-weight:bold; }
.tbl01 td.time { width:100px;background-color:#23b2af; color:#fff; font-weight:bold; }
.tbl01 th.article {background-color:#23b2af; color:#fff; font-weight:bold; }
.tbl01 td strong { color:#00918e; font-weight:bold; }

.pic td { width:330px; text-align:center; line-height:1.6; padding:1.0em 0; }

.none th,
.none td { font-size:1.0em;border:0px; padding:0.3em; }

.mark_box {
	text-indent:-2em;
	padding-left:2em;
}

a.lnk_pdf {
	display:block;
	padding:0.5em;
	width:600px;
	margin:1.5em auto;
	border:1px solid #00918e;
	text-align:center;
	text-decoration:none;
	background:#e1ffff;
	color:#00918e;
	border-radius:5px;
}
a.lnk_pdf:hover {
	color:#fff;
	background:#23b2af;
}

strong { font-weight:bold; }
.information_technology_box {
	text-align: center;
}
.information_technology_box ul {
	list-style: none!important;
    margin: 0 auto!important;
    display: inline-block;
}
.information_technology_box ul li {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	position: relative;
	padding-left: 1em;
}
.information_technology_box ul li:before {
	content: "●";
	position: absolute;
	left: 0;
}
.information_technology_box ul li.red {
	background: #fbdede;
}
.information_technology_box ul li.blue {
	background: #abd9f7;
}
.information_technology_box ul li.yellow {
	background: #f9f4d7;
}
.information_technology_box .columns .column3 {
	width: 31.333%;
    margin-left: 2%;
    letter-spacing: normal;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #065a8d;
    display: inline-block;
}
.information_technology_box .columns .column3 span {
	display: block;
    margin-top: 15px;
    padding: 3px 15px;
    color: #fff;
    font-size: 14px;
}
.information_technology_box .columns .column3.ai {
	background: #ffddda;
    color: #fe716d;
}
.information_technology_box .columns .column3.ai span {
	background: #f56f71;
}
.information_technology_box .columns .column3.iot {
	background: #c4ddf3;
    color: #075e92;
}
.information_technology_box .columns .column3.iot span {
	background: #075e92;
}
.information_technology_box .columns .column3.ict {
	color: #c59e00;
    background: #f6e7a8;
}
.information_technology_box .columns .column3.ict span {
	background: #c59e00;
}
.center {
	text-align: center;
}
.formbox h3 {
	margin: 20px 0 10px;
	display: inline-block;
    padding: 0 0 0 1.5em;
    font-size: 123.1%;
    font-weight: bold;
    position: relative;
}
.formbox h3:before {
	content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: #588a73;
    border-radius: 2px;
    left: 0;
    position: absolute;
    top: 2px;
}
.formbox th {
	vertical-align: top;
}
.mfp_buttons button {
	box-shadow: none;
    background: none;
    text-shadow: none;
    font-size: 15px;
    background: #efefef;
    padding: 5px 15px;
}
.mfp_buttons button:hover {
	box-shadow: none;
	background: #fff;
	border-color: #ccc;
	cursor: pointer;
}
.block .btn {
	display: inline-block;
    padding: 3px 10px;
    border: 1px solid #545352;
    background: #545352;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
}
.block .btn:hover {
	color: #545352;
    background: #fff;
}
.flipbook {
	margin: 0 auto!important;
}
.flipbook img {
	max-width: 100%;
	height: auto;
}
.flipbook .page {
	padding: 10px;
}

.flipbook-viewport .flipbook {
	margin: auto!important;
	left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.society_title {
	border: none!important;
    text-align: center!important;
    color: #333!important;
    font-size: 35px!important;
}
table.mt15.font_s th,
table.mt15.font_s td {
	font-size: 12px!important;
    vertical-align: middle;
    padding: 8px!important;
}
#pg_cnt_main ul.list {
	list-style: none!important;
}
#pg_cnt_main ul.list li {
	margin-bottom: 8px;
    line-height: 1.5;
    position: relative;
}
#pg_cnt_main ul.list li:before {
    content: "";
    width: 12px;
    height: 12px;
    -webkit-border-radius: 25%;
    border-radius: 25%!important;
    background: #333;
    color: #fff;
    display: block;
    position: absolute;
    left: -20px;
    top: 3px;
}
#pg_cnt_main ul.list li table {
	margin-top: 10px;
}
#pg_cnt_main .block p.font_l {
	margin-top: 50px;
    font-size: 140%;
    margin-bottom: 0;
    text-align: center;
    font-weight: bold;
}
#pg_cnt_main ul.link.font_s {
	font-size: 135%;
}