@charset "UTF-8";
.topcpath {
	margin-bottom: 25px;
	font-size: 1rem;
}
.categoly-title {
	font-size: 2.5rem;
	color: #496C95;
	line-height: 1.2em;
	padding: 50px 20px;
	border: 1px solid #A2A2A2;
	margin-bottom: 25px;
}
.content {
	width: 780px;
}
.content-left {
	float: left;
}
.content-right {
	float: right;
}
.ps {
	font-size: 1.4rem;
	color: #333333;
}
.ps article p,.ps > p,.ps .news-page > p{
	line-height: 1.8em;
	margin-bottom: 0.5em;
}
.ps h2 {
	font-size: 2.6rem;
	font-weight: 500;
	border-left: 5px solid #467EB7;
	border-bottom: 1px solid #ADADAD;
	padding-top: 7px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
	color: #4A4A4A;
	line-height: 1.2em;
	margin-top: 50px;
	margin-bottom: 25px;
}
.ps h3 {
	font-size: 1.8rem;
	color: #467EB7;
	margin-top: 40px;
	margin-bottom: 25px;
}
.ps h4 {
	margin-top: 30px;
	font-size: 1.6rem;
	margin-bottom: 15px;
}
.ps ul ,.ps ol{
	margin-left: 2em;
}
.ps ul li ,.ps ol li{
	line-height: 1.4em;
	margin-bottom: 0.5em;
}
.ps th {
	white-space: nowrap;
	background-color: rgba(81,134,188,0.12);
}
.ps th, .ps td {
	padding: 1em;
	line-height: 1.4em;
	vertical-align: middle;
	border: 1px solid rgba(0,0,0,0.20);
}
.ps tr:nth-child(odd) {
	/* [disabled]background-color: rgba(0,0,0,0.06); */
}
.ps dl {
	line-height: 1.4em;
}
.ps dt {
	color: rgba(58,109,181,1.00);
	font-weight: bold;
}
.ps dd {
	margin-bottom: 1em;
	margin-left: 1em;
}

.ps figure{
	margin-bottom: 0.5em;
}
ul.kome{
	padding: 0;
	margin-left: 1em;
}
ul.kome li{
	list-style: none;
	text-indent: -1em;
}
ul.kome li:before{
	content: "※";
	font-family: "Osaka-mono", "MS Gothic", "monospace";
}
ul.kome-red li:before{
	color: #EA0000;
}
strong.red{
	color: #EA0000;
	font-weight: normal;
}
strong.redline{
	color: #EA0000;
	text-decoration: underline;
	font-weight: normal;
}

.ps small{
	font-size: 90%;
}


.offset-1{
	padding-left: 1em;
}
.offset-2{
	padding-left: 2em;
}


.panel-nav {
	display: flex;
	padding: 0;
	margin: 0 !important;
	flex-flow: row wrap;
}
.panel-nav li {
	box-sizing: border-box;
	border: 5px solid #89A4CB;
	width: 48.7%;
	margin-top: 0px;
	margin-right: 2.56%;
	margin-bottom: 20px !important;
	margin-left: 0px;
	list-style-type: none;
	position: relative;
	background-color: #89A4CB;
	transition-duration: 0.2s;
}
.panel-nav li:nth-child(even) {
	margin-right: 0;
	
}
.panel-nav h3  {
	font-size: 1.5rem;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.2em;
	display: table-cell;
	height: 4em;
	vertical-align: middle;
	width: 380px;
	text-align: center;
}
.panel-nav p  {
	padding: 10px;
	font-size: 1.2rem;
	line-height: 1.6em;
	color: #383838;
	background-color: #ffffff;
}
.panel-nav a {
	text-decoration: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	
}

.panel-nav li:hover {
	background-color: #3E5E8D;
	border-color: #3E5E8D;
}
.panel-nav li:hover > p {
	color: #000000;
	font-weight: bold;
}
.sidebar {
	width: 240px;
}
.sidebar-right {
	float: right;
}
.sidebar-left {
	float: left;
}


.side-nav .nav-title {
	margin-bottom: 15px;
}
.side-nav .nav-title a {
	background-color: #5A86BF;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.6rem;
	display: block;
	padding: 24px 0;
	text-decoration: none;
}
.side-nav .nav-title a:hover {
	background-color: #365B8C;
}
.side-nav h3 {
	font-size: 1.6rem;
	color: #4A4A4A;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 12px;
	padding-top: 12px;
}
.side-nav ul {
	margin-bottom: 15px;
}
.side-nav li {
	list-style-type: none;
	font-size: 1.4rem;
	line-height: 1.3em;
	border-bottom: 1px solid #DDDDDD;
}
.side-nav li a {
	color: #575757;
	padding: 12px 0 12px 1em;
	display: block;
	text-indent: -1em;
	text-decoration: none;
}
.side-nav li a:before{
	content: "・";
}
.side-nav li a:hover {
	color: #3A6DB5;
	text-decoration: none;
	font-weight: bold;
}

.side-nav a[target="_blank"]:after{
	font-family: 'Font Awesome 5 Free';
	content: "\f2d2";
	text-decoration: none;
	margin: 0 5px;
	color: #2898BD;
}
.panel-nav{
	position: relative;
}
.panel-nav a[target="_blank"]:after{
	font-family: 'Font Awesome 5 Free';
	content: "\f2d2";
	text-decoration: none;
	/*float: right;*/
	color: #FFFFFF;
	position: absolute;
	top: 5px;
	right: 5px;
}

.panel-nav a[href$='.pdf']:after{
	font-family: 'Font Awesome 5 Free';
	content: "\f1c1";
	text-decoration: none;
	float: right;
	color: #FFFFFF;
}

/* PDFのリンクにはアイコン表示*/
a[href$='.pdf']:after{
	font-family: 'Font Awesome 5 Free';
	content: "\f1c1";
	text-decoration: none;
	margin: 0 5px;
	color: #E94B4E;
}
.btn a[href$='.pdf']:after{
	color: #FFF;
}


/* PDFのリンクにはアイコン表示（CMSDインライン表示対応）*/
a[href$='.pdf&disp=inline']:after{
	font-family: 'Font Awesome 5 Free';
	content: "\f1c1";
	text-decoration: none;
	margin: 0 5px;
	color: #E94B4E;
}

/* wordのリンクにはアイコン表示*/
a[href$='.doc']:after,
a[href$='.docx']:after{
	font-family: 'Font Awesome 5 Free';
	content: "\f1c2";
	text-decoration: none;
	margin: 0 5px;
	color: #2B5899;
}


/* wordのリンクにはアイコン表示（CMSDインライン表示対応）*/
a[href$='.doc&disp=inline']:after,
a[href$='.docx&disp=inline']:after{
	font-family: 'Font Awesome 5 Free';
	content: "\f1c2";
	text-decoration: none;
	margin: 0 5px;
	color: #2B5899;
}

/* wordのリンクにはアイコン表示*/
a[href$='.xls']:after,
a[href$='.xlsx']:after{
	font-family: 'Font Awesome 5 Free';
	content: "\f1c3";
	text-decoration: none;
	margin: 0 5px;
	color: #2B5899;
}


/* wordのリンクにはアイコン表示（CMSDインライン表示対応）*/
a[href$='.xls&disp=inline']:after,
a[href$='.xlsx&disp=inline']:after{
	font-family: 'Font Awesome 5 Free';
	content: "\f1c3";
	text-decoration: none;
	margin: 0 5px;
	color: #2B5899;
}



table.table-ayumi {
	width: 100%;
}
table.table-ayumi th {
	vertical-align: top;
	background-color: initial;
}
table.table-ayumi th, table.table-ayumi td {
	border-style: solid none none;
	border-top-width: 1px;
	border-top-color: rgba(223,223,223,1.00);
}
.table-center th, .table-center td {
	text-align: center;
}

/* 貸会議室の写真の田の字レイアウト */

ul.rentalroom-ph {
	padding: 0px;
	margin: 0px;
	display: inline-flex;
	flex-wrap: wrap;
}
.rentalroom-ph li {
	list-style-type: none;
	width: 50%;
	padding: 10px;
	margin: 0px;
	text-align: center;
	box-sizing: border-box;
}
.rentalroom-ph li img {
	width: 100%;
	margin-bottom: 5px;
}
.seminar_list dl {
	border-top: 1px solid #CECECE;
	padding-top: 20px;
}
.seminar_list dt {
	margin-bottom: 5px;
}
.seminar_list dd  {
	margin: 0px 0px 20px;
	border-bottom: 1px solid #CECECE;
	padding-bottom: 20px;
}
.news-page-date {
	font-size: 1.4rem;
	margin-bottom: 20px;
	font-weight: bold;
	color: #575757;
}
.news-page-title {
	border-bottom: 4px solid #216CB9;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.news-page-title h1 {
	font-size: 1.8rem;
}
/* ==================================================================================

		サイドバーニュースの一覧

================================================================================== */
.news-page-sidelist {
	font-size: 1.4rem;
}
.news-page-sidelist a {
	color: #000;
	text-decoration: none;
}
.news-page-sidelist a:hover {
	text-decoration: underline;
}
.news-page-sidelist dt {
	font-weight: normal;
	color: #808080;
	font-size: 1.3rem;
	margin-bottom: 5px;
}
.news-page-sidelist dd {
	font-size: 1.4rem;
	color: #000;
	margin-bottom: 15px;
	padding-bottom: 15px;
	line-height: 1.4em;
	border-bottom: 1px dotted #575757;
}

/*---------- ここまで／サイドバーニュースの一覧 ----------*/

.news-page img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.news-page-dl_file {
	padding: 20px 20px 10px;
	border: 3px solid #DFDFDF;
	margin-top: 50px;
}
.news-page-nav {
	text-align: center;
	padding-top: 50px;
}
.news-page-nav a {
	background-color: #BBBBBB;
	color: #FFFFFF !important;
	padding: 10px 20px;
	border-radius: 30px;
	display: inline-block;
	margin: 0 30px;
	text-decoration: none;
}
.news-page-nav a:hover {
	background-color: #8E8E8E;
}
.news-page-nav i {
	font-size: 1.8rem;
	vertical-align: middle;
}

/* ==================================================================================

		お知らせ（リストページ）

================================================================================== */
.news-listpage dl  {
	font-size: 1.4rem;
	font-weight: bold;
}
.news-listpage dl a {
	color: #404040;
	text-decoration: none;
}
.news-listpage dl a:hover {
	color: rgba(233,75,78,1.00);
	text-decoration: underline;
}
.news-listpage dl dt {
	/*color: #3A6DB5;*/
	color: #2A2A2A;
	font-weight: normal;
	margin-bottom: 0.5em;
}
.news-listpage dl dd  {
	color: #404040;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CACACA;
	line-height: 1.4em;
	margin-left: 0px;
}
/*---------- ここまで／お知らせ（リストページ） ----------*/


/* Section Separator---------------------------------------------------------

　各課直通の問い合わせ（お問い合わせページ）

----------------------------------------------------------------------------*/
.direct-tel2 .time2{
	color: #777;
	margin: 0 0 15px;
}
.direct-tel2 ul{
	margin: 0 0 15px;
	width: fit-content;
}
.direct-tel2 li{
	list-style: none;
	border-bottom: 1px solid rgba(220,220,220,1.00);
	padding: 0.5em 0.75em;
}
.direct-tel2 li:first-child{
	border-top: 1px solid rgba(220,220,220,1.00);
}
.direct-tel2 li:before{
	content: '●';
	margin: 0 0.2em 0 0;
}
.direct-tel2 li .ka{
	display: inline-block;
	width: 9em;
}


/* Section Separator---------------------------------------------------------

　メールフォーム（旧）

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

.mailform {
    width: 100%;
}
table.mailform tr th , table.mailform tr td {
    padding: 20px 5px;
    border: none;
}
.mailform tr {
    border-bottom: 1px solid #D1D1D1;
}
.mailform tr th {
    text-align: left;
    background-color: initial;
    width: 11em;
}
.mailform tr th span {
    color: #F7171A;
}
.mailform tr th p  {
    font-size: 1rem;
    margin: 0px;
    color: #8D8D8D;
}
.mailform tr td .mf {
    padding: 5px;
    font-size: 1.6rem;
    font-weight: bold;
    border: 1px solid #E8E8E8;
}
.mailform tr td .mf100 {
    min-width: 100%;
}

/* Section Separator---------------------------------------------------------

　メールフォーム（新・2022）

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

.form table {
	width: 100%;
	text-align: left;
}

.form table th,
.form table td{
	background: #FFF;
	border: none;
}

.form table th{
	width: 12em;
}

.form table tr{
	border-top: 1px solid #CCC;
}
.form table tr:last-child{
	border-bottom: 1px solid #CCC;
}

.form table .if{
	padding: 0.5em;
	margin: 2px 0;
	box-sizing: border-box;
	border: 1px solid #B6CAE7;
	border-radius: 3px;
	font-size: 1.4rem;
}


.form table .if30{
	width: 30%!important;
}
.form table .if50{
	width: 50%!important;
}
.form table .if100{
	width: 100%!important;
}

label.if-btn{
	vertical-align: middle;
	margin-right: 20px;
}

.form-btn{
	color: #FFF;
	background: #B5B5B5;
	border: none;
	line-height: 3em;
	padding: 0 2em;
	margin-right: 1em;
	border-radius: 5px;
	font-size: 1.6rem;
}
.form-btn.submit{
	background: #5B85C0;
}
.form-btn:hover{
	opacity: 0.7;
}

.hyosho-form-h5{
	font-size: 120%;
	color: #3A6CB4;
	background:#E5ECF6;
	padding: 1em;
	border-radius: 5px;
	margin: 1em 0;
}
table + .hyosho-form-h5{
	margin-top: 75px;
}

.hyosho-form-h6{
	font-size: 1.6rem;
	margin: 3em 0 1em ;
}
.hyosho-form-h6:before{
	content: "●";
	font-family: "Osaka-mono", "MS Gothic", "monospace";
	color: #3A6CB4;
	margin-left: 0.2em;
}

.hyosho-kigo{
	background: #c1272d;
	font-size: 10px;
	line-height: 1.5em;
	width: 1.5em;
	text-align: center;
	display: inline-block;
	border-radius: 20px;
	color: #FFF;
	margin-left: 0.2em;
	vertical-align: 1px;
}

.hyosho-sample{
	text-align: center;
	padding: 20px 0;
}
.hyosho-sample img{
	width: 70%;
}


.sknews-image {
	width: 350px;
	float: left;
	margin-right: 40px;
}
.sknews-pdf {
}
.sknews-pdf ul li {
	list-style-type: none;
}
/* バックナンバーのカラムを増やす場合はここ */
.sk-news_backnumber ul {
	/*column-count: 2;*/
}
.seminar-cms-date {
	font-weight: bold;
	margin-top: -15px;
	padding-bottom: 15px;
}
.seminar-cms-btns {
	padding-top: 30px;
	text-align: center;
}
a.btn:after  {
	color: #FFFFFF !important;
}
.inquiry-section {
	border: 1px solid #3A6DB5;
	border-radius: 3px;
	padding: 20px 20px 5px;
	overflow: hidden;
	margin-top: 30px;
}
.inquiry-section h5 {
	color: #FFFFFF;
	margin: -20px -20px 10px;
	font-size: 1.6rem;
	padding: 15px;
	background-color: #3A6DB5;
}
.inquiry-section p {
	line-height: 1.4rem;
	margin: 0px;
}
.mailmagazine-main {
	/* [disabled]width: 575px; */
	line-height: 1.4em;
}
.table-rentalroom {
	font-weight: bold;
}
.table-gray {
	color: #818181;
	font-weight: normal;
}
.table-warimashi {
	color: #5186BC;
	font-weight: bold;
}
th.table-td-all {
	background-color: #5186BC;
	color: #F8F8F8;
}
th.table-td-all2 {
	background-color: #D26E30;
	color: #FFFFFF;
}
.table-td-all {
	background-color: #5186BC;
	color: #F8F8F8;
}
.table-td-gozen {
	background-color: #D1DFED;
}
.table-td-gozen {
	background-color: #D1DFED;
}
.table-td-gogo {
	background-color: #BBCFE4;
}
.table-td-yakan {
	background-color: #93B4D4;
}
.table-td-all2 {
	background-color: #D26E30;
	color: #FFFFFF;
}
.table-td-gogo2 {
	background-color: #EBC0A6;
}
.table-td-yakan2 {
	background-color: #DF9A71;
}
.table-td-flor {
	font-weight: normal;
}
.table-td-flor h3 {
	font-size: 120%;
	margin-bottom: 15px;
}
.table-td-gozen2 {
	background-color: #F6E2D5;
}
.spot__recruit-end {
	border: 3px solid #BC2224;
	padding: 15px;
	color: #BC2224;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
}

/* ==================================================================================

		動画投稿フォーマット（w560の動画）

================================================================================== */
.mov-box{
	margin-bottom: 40px;
	text-align: center;
}
.mov-wrap{
	margin: 0 auto 5px;
	width: 90%;
	height: 0;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
}

.mov-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


/* ==================================================================================

		貿易ページ追加スタイル

================================================================================== */
.boeki h3{
	font-weight: 600;
	font-size: 2rem;
	font-feature-settings: "palt" 1;
	margin: 30px 0 20px;
}
/*------------------*/
.boeki h4{
	font-weight: 600;
	font-size: 1.6rem;
	font-feature-settings: "palt" 1;
	position: relative;
	margin: 30px 0 20px;
}
.boeki h4::after{
	content: "";
	display: block;
	width: 100%;
	height: 10px;
	background:#E4EFF9;
	position: absolute;
	bottom: -5px;
	left:0;
	z-index: -1;
}
/*------------------*/
.boeki-kasen{
	font-weight: 600;
	font-size: 1.6rem;
	font-feature-settings: "palt" 1;
	position: relative;
	margin: 30px 0 20px;
}
.boeki-kasen::after{
	content: "";
	display: block;
	width: 100%;
	height: 10px;
	background:#E4EFF9;
	position: absolute;
	bottom: -5px;
	left:0;
	z-index: -1;
}
/*------------------*/
.boeki h5{
	font-weight: 500;
	margin: 20px 0 10px;
}
/*------------------*/
.boeki-dl2022 dt{
	position: relative;
	width: fit-content;
}
.boeki-dl2022 dt:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 5px;
	background-color: rgba(185,211,242,1.00);
	bottom: 0px;
	left: 0;
	z-index: -1;
}
.boeki-dl2022 dd{
	margin: 3px 0 10px;;
}
/*------------------*/