@charset "UTF-8";

/******************************************************************************

	法人・個人事業主向け情報

******************************************************************************/
#area-container {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.default-page {
	background: url(../images/common/bg_default.png) repeat-x 0 36px;
}
.list-ten li::before {
	color: #2196f3;
}

.inpage-link ul li a::before {
	color: #2196f3;
}
.iconno {
  padding-left: 0 !important;
  display: inline !important;
}
.iconno::before {
  display: none;
}

#area-contents article .area-table {
	margin-bottom: 2em;
}
#area-contents article .col2 {
	overflow: hidden;
}
#area-contents article .col2 .fleft,
#area-contents article .col2 .fright {
	width: 48%;
}

/* 右側ナビゲーション
-------------------------------------------------------------------------------------------------------------*/
#area-navigation {
	width: 230px;
	height: 100%;
	position: absolute;
	top: -204px;
	right: 0;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	background: #FFF;
}
	.newmembers.first #area-navigation{
		top: -144px !important;
	}
	.monthlyreport #area-navigation,
	.news #area-navigation{
		top: -144px;
	}
	.obtaininfo.second-page #area-navigation {
		top: -164px;
	}
	.newmembers.second-page #area-navigation,
	.monthlyreport.second-page #area-navigation,
	.news.second-page #area-navigation{
		top: -172px;
	}
#area-navigation h2 {
	background: #1976d2;
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
	line-height: 120px;
	text-align: center;
}
#area-navigation h2 a {
	color: #FFF;
	display: block;
}
#area-navigation h2 a:hover {
	opacity: 0.7;
	transition: 0.3s;
}
#area-navigation ul {
	margin: 0 10px 10px 10px;
}
#area-navigation ul li {
	font-size: 14px;
	line-height: 1.4;
	border-bottom: 1px dashed #d7d7d7;
}
#area-navigation ul li a {
	display: block;
	position: relative;
	padding: 15px 0 15px 22px;
}
#area-navigation ul li a:hover {
	color: #1976d2;
}
#area-navigation ul li a.active {
	color: #1976d2;
	font-weight: 500;
}
#area-navigation ul li a::before {
	font-family: 'FontAwesome';
	content:"\f105";
	position: absolute;
	top: 13px;
	left: 6px;
	color: #1976d2;
	font-size: 15px;
}


/******************************************************************************

	法人・個人事業主向け

******************************************************************************/
#area-contents {
	margin-right: 270px;
	margin-bottom: -204px;
	padding-bottom: 250px;
}
.first-page #area-contents {
	margin-right: 0;
}
.first-page.monthlyreport #area-contents,
.first-page.news #area-contents {
	margin-right: 270px;
}
#area-contents section.contents {
	padding: 40px 0 0 0;
	min-height: 500px;
}
  .support #area-contents section.contents {
    min-height: 900px;
  }
.newmembers #area-contents,
.monthlyreport #area-contents,
.news #area-contents {
	margin-bottom: -144px;
}
.obtaininfo #area-contents {
	margin-bottom: -164px;
}

/* ページタイトル
-------------------------------------------------------------------------------------------------------------*/
.first-page .title-h1,
.second-page .title-h1 {
	background: url(../images/bg_square.png);
	padding: 40px 50px;
	box-shadow: 0px 3px 4px #E9E9E9;
}
#fooddrive .first-page .title-h1 {
	background: url(../images/bg_fooddrive.png);
	padding: 40px 50px;
	box-shadow: 0px 3px 4px #E9E9E9;
}
.first-page .title-h1 div,
.second-page .title-h1 div {
	max-width: 1200px;
	margin: 0 auto;
}
.second-page .title-h1 div {
	padding-right: 240px;
}
.first-page .title-h1 h1,
.second-page .title-h1 h1 {
	margin: 0 0 35px 0;
	font-size: 40px;
	line-height: 1.2;
	letter-spacing: 0.05em;
	min-height: 76px;
	padding: 0 0 0 100px;
}
.first-page .title-h1 h1{
	padding-top: 10px;
}
.second-page .title-h1 h1 span {
	color: #0c559e;
	font-size: 15px;
	font-weight: normal;
	display: block;
	letter-spacing: 0.2em;
	margin: 0 0 10px 0;
}
.second-page .title-h1 h1 strong {
	font-size: 20px;
	margin: 10px 0 0 0;
	letter-spacing: 0.1em;
}
.second-page .title-h1 h1 strong.color-red {
	font-size:40px;
	color:#000;;
}

.first-page.jemcci .title-h1 h1, .second-page.jemcci .title-h1 h1 { background: url(../images/ico-jemcci.png) no-repeat 0 0; }
.first-page.consulting .title-h1 h1, .second-page.consulting .title-h1 h1 { background: url(../images/ico-consulting.png) no-repeat 0 0; }
.first-page.support .title-h1 h1, .second-page.support .title-h1 h1 { background: url(../images/ico-support.png) no-repeat 0 0; }
.first-page.training .title-h1 h1, .second-page.training .title-h1 h1 { background: url(../images/ico-training.png) no-repeat 0 0; }
.first-page.planning .title-h1 h1, .second-page.planning .title-h1 h1 { background: url(../images/ico-planning.png) no-repeat 0 0; }
.first-page.mutual .title-h1 h1, .second-page.mutual .title-h1 h1 { background: url(../images/ico-mutual.png) no-repeat 0 0; }
.first-page.group .title-h1 h1, .second-page.group .title-h1 h1 { background: url(../images/ico-group.png) no-repeat 0 0; }
.first-page.seminar .title-h1 h1, .second-page.seminar .title-h1 h1 { background: url(../images/ico-seminar.png) no-repeat 0 0; }
.first-page.form .title-h1 h1, .second-page.form .title-h1 h1 { background: url(../images/ico-form.png) no-repeat 0 0; }
.first-page.newmembers .title-h1 h1, .second-page.newmembers .title-h1 h1 { background: url(../images/ico-newmembers.png) no-repeat 0 center; padding-top: 10px; padding-bottom: 20px; margin-bottom: 10px;}
.first-page.monthlyreport .title-h1 h1, .second-page.monthlyreport .title-h1 h1 { background: url(../images/ico-monthlyreport.png) no-repeat 0 center; padding-top: 10px; padding-bottom: 20px; margin-bottom: 10px;}
.first-page.news .title-h1 h1, .second-page.news .title-h1 h1 { background: url(../images/ico-jemcci.png) no-repeat 0 center; padding-top: 10px; padding-bottom: 20px; margin-bottom: 10px;}
.first-page.obtaininfo .title-h1 h1, .second-page.training .title-h1 h1 { background: url(../images/ico-obtaininfo.png) no-repeat 0 0; }
.second-page.obtaininfo .title-h1 h1 { background: url(../images/ico-obtaininfo.png) no-repeat 0 0; }
.second-page.jemcci .title-h1 h1 { padding-top:10px; }

.title-h1 h1 .title-h1-sub {
  color: #000;
  font-size: 18px;
  display: block;
  margin-top: 6px;
}
@media screen and (max-width: 768px) {
  .title-h1 h1 .title-h1-sub {
    font-size: 14px;
  }
  .first-page.obtaininfo .title-h1 h1 .title-h1-sub {
    font-size: 20px;
  }
}
/* ページタイトル下のボタン
-------------------------------------------------------------------------------------------------------------*/
.first-page .title-h1 ul,
.second-page .title-h1 ul {
	overflow: hidden;
}
.first-page .title-h1 ul li,
.second-page .title-h1 ul li {
	display: inline-block;
	margin: 0 5px 0 0;
}
.first-page .title-h1 ul li a,
.second-page .title-h1 ul li a {
	position: relative;
	display: block;
	background: #ffc600;
	border-radius: 5px;
	padding: 10px 40px 12px 40px;
}
.first-page .title-h1 ul li a:hover,
.second-page .title-h1 ul li a:hover {
	color: #0c559e;
}
.first-page .title-h1 ul li a::after,
.second-page .title-h1 ul li a::after {
	font-family: 'FontAwesome';
	content:"\f105";
	position: absolute;
	top: 30%;
	right: 15px;
	color: #0c559e;
}
.first-page .title-h1 ul li.btn-contact a::before,
.second-page .title-h1 ul li.btn-contact a::before {
	font-family: 'FontAwesome';
	content: "\f0e0";
	position: absolute;
	top: 30%;
	left: 15px;
	color: #0c559e;
}

.first-page .title-h1 p {
	font-size: 14px;
	line-height: 1.6;
	margin-top: 30px;
}

/* リード文
-------------------------------------------------------------------------------------------------------------*/
#area-contents h2 {
	color: #0c559e;
	font-size: 25px;
	position: relative;
	margin: 0 0 2em 0;
	line-height: 1.4;
}
#area-contents h2::before {
	content: "";
	position: absolute;
	bottom: -20px;
	background:#0c559e;
	width: 50px;
	height: 2px;
}

/* Article内
-------------------------------------------------------------------------------------------------------------*/
#area-contents article {
	margin: 0 0 4em 0;
}
#area-contents article h3 {
	position: relative;
	font-size: 22px;
	margin: 0 0 1em 0;
	border-left: 2px solid #1976d2;
	padding: 8px 0 12px 20px;
	line-height: 1.4;
}
#area-contents article h3 .btn {
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 15px;
}
#area-contents article h3 .btn a.link-apply {
	padding-top: 10px;
	padding-bottom: 10px;
}
#area-contents article h4 {
	background: #ebf5fe;
	font-size: 18px;
	border-radius: 5px;
	border: 1px solid #d0e9fb;
	padding: 15px 20px;
	margin: 2em 0 1.5em 0;
}
#area-contents article h5 {
	color: #1976d2;
	font-size: 18px;
	line-height: 1.4;
}
#area-contents article h5 + p {
    margin-top: -1.5em;
}
#area-contents article table {
	border-spacing: 0;
	border-collapse: collapse;
	line-height: 1.4;
}
#area-contents article table th,
#area-contents article table td {
	border: 1px solid #d0e9fb;
	padding: 10px;
	vertical-align: middle;
}
#area-contents article table th {
	font-weight: normal;
	background: #ebf5fe;
}
#area-contents article table td p {
	line-height: 1.4em;
}
#area-contents article table th.header {
	background: #1976d2;
	color: #FFF;
}
#area-contents article table td a,
#area-contents article ol li a {
	text-decoration: underline;
	color: #1976d2;
	position: relative;
	padding-left: 0.8em;
	display: inline-block;
	font-weight: normal;
}
#area-contents article table td a:hover,
#area-contents article ol li a:hover {
	text-decoration: none;
	color: #2196f3;
	transition: all .3s ease-in-out;
}
#area-contents article table td a::before {
	font-family: 'FontAwesome';
	content:"\f105";
	position: absolute;
	top: 5%;
	left: 0;
}

#area-contents article ul.list-grade {
	overflow: hidden;
	margin: 0 0 1em 0;
}
#area-contents article ul.list-grade li {
	width: 32.2%;
	float: left;
	border: 1px solid #d0e9fb;
	border-radius: 5px;
	margin-left: 1.6%;
	margin-bottom: 10px;
}
#area-contents article ul.list-grade li:nth-child(3n+1) {
	margin-left: 0;
}
#area-contents article ul.list-grade li div {
	width: auto;
	margin: 20px;
	font-size: 18px;
	font-weight: normal;
	padding: 10px 0;
	border-radius: 5px;
	text-align: center;
	background: #ebf5fe;
}
#area-contents article ul.list-grade li p {
	width: auto;
	margin: 0 20px 20px 20px;
}
#area-contents article ul.list-grade li p.text-big {
	font-size: 20px;
	text-align: center;
}
#area-contents article ul.list-happyou {
	margin: 0 0 3em 0;
	display: table;
	table-layout: fixed;
	width: 100%;
	border-collapse:separate;
	border-spacing:10px 0;
}
#area-contents article ul.list-happyou li {
	display: table-cell;
	margin-bottom: 10px;
}
#area-contents article ul.list-happyou li a {
	display: block;
	position: relative;
	border: 1px solid #add5d1;
	border-radius: 5px;
	text-align: center;
	padding: 15px 0;
}
#area-contents article ul.list-happyou li a::before {
	font-family: 'FontAwesome';
	content:"\f105";
	position: absolute;
	top: 30%;
	left: 1em;
	color: #009688;
}
#area-contents article ul.list-happyou li a:hover {
	opacity: 0.8;
}
#area-contents article.list-success ul {
	overflow: hidden;
}
#area-contents article.list-success ul li {
	font-size: 24px;
	float: left;
	font-weight: 500;
	width: 19%;
	margin: 0 0 0.5em 1%;
	text-align: center;
	border: 1px solid #EEE;
	border-radius: 5px;
	padding: 10px 0 14px 0;
}
#area-contents article.list-success ul li:nth-child(5n+1) {
	margin-left: 0;
}

#area-contents .bg-green {
	display: inline-block;
	border-radius: 5px;
	padding: 2px 8px;
	margin:0 5px 0 1em;
	line-height: 1.4;
}
#area-contents .list-tag {
	text-align: right;
}
#area-contents .list-tag li {
	display: inline-block;
}
#area-contents article .list-apply li {
	border: 1px solid #add5d1;
	border-radius: 5px;
	margin: 1em 0 0 0;
	padding: 15px 30px 18px 30px;
	position: relative;
	background: #deeeed;
}
#area-contents article .list-apply li strong {
	font-size: 18px;
	width: 16em;
	display: inline-block;
	position: relative;
}
#area-contents article .list-apply li strong::before {
	content: "";
	width: 15px;
	height: 2px;
	background: #009688;
	top: 6px;
	left: -30px;
	position: absolute;
}
#area-contents article .list-apply li span.bg-green {
	margin-left:0;
}
#area-contents article .list-apply li div {
	position: absolute;
	top: 10px;
	right: 30px;
	background: #FFF;
	border: 1px solid #add5d1;
	border-radius: 5px;
	width: 12em;
	text-align: center;
	padding: 10px 0;
}
#area-contents article .list-apply small {
	display: block;
	margin-top: 5px;
}
#area-contents article .photo-list-3col li {
	width:33.1%;
	display: inline-block;
}
#area-contents article .photo-list-3col li img {
	max-width: 100%;
}

@media all and (max-width: 640px) {	/* SmartPhone */
#area-contents article .photo-list-3col li {
	width:100%;
	margin-bottom:10px;
}
}


/* コンテンツトップのリンク（画像）
-------------------------------------------------------------------------------------------------------------*/
#area-contents nav.contents-link-box {
	overflow: hidden;
	background: #F5F5F5;
	padding: 20px 20px 0 20px;
	margin-bottom: 4em;
}
#area-contents nav.contents-link-box dl {
	width: 49.2%;
	float: left;
	background: #FFF;
	margin-left: 1.6%;
	margin-bottom: 20px;
	padding: 20px;
}
#area-contents nav.contents-link-box dl:nth-child(2n+1) {
	margin-left: 0;
}
#area-contents nav.contents-link-box dl dt {
	margin-bottom: 1em;
}
#area-contents nav.contents-link-box dl dt strong {
	display: block;
	position: relative;
	background: #1976d2;
	color: #FFF;
	padding: 10px 35px;
}
#area-contents nav.contents-link-box dl dt strong::before {
	font-family: 'FontAwesome';
	content:"\f105";
	position: absolute;
	top: 25%;
	left: 20px;
	font-weight: normal;
}
#area-contents nav.contents-link-box dl dt:hover {
	opacity: 0.8;
	transition: 0.3s;
}
#area-contents nav.contents-link-box dl dd {
	line-height: 1.4;
	font-size: 14px;
}


/* コンテンツトップのリンク（テキスト）
-------------------------------------------------------------------------------------------------------------*/
#area-contents article ul.contents-link-list {
	overflow: hidden;
	background: #F5F5F5;
	padding: 10px 10px 10px 20px;
}
#area-contents article ul.contents-link-list li {
	width: 23.5%;
	float: left;
	margin: 10px 10px 10px 10px;
	line-height: 1.2;
}
#area-contents article ul.contents-link-list li:nth-child(4n+1) {
	margin-left: 0;
}
#area-contents article ul.contents-link-list li a {
	position: relative;
	background: #FFF;
	border-radius: 5px;
	padding: 12px 20px 14px 30px;
	display: block;
}
#area-contents article ul.contents-link-list li a::before {
	font-family: 'FontAwesome';
	content:"\f105";
	position: absolute;
	top: 0.8em;
	left: 15px;
	color: #1976d2;
}
#area-contents article ul.contents-link-list li a.link-blank::after {
	color: #1976d2;
	top: 0.8em;
	right: 10px;
}
#area-contents article ul.contents-link-list li a:hover {
	text-decoration: none;
	color: #2196f3;
	transition: all .3s ease-in-out;
}

/* 講師プロフィール
-------------------------------------------------------------------------------------------------------------*/
.profile-box {
	border: 2px solid #EEE;
	padding: 20px;
	line-height: 1.5;
	overflow: hidden;
}
.profile-box .fright {
	margin-left: 2em;
}
.profile-box dl dt strong {
	font-size: 20px;
}
.profile-box dl dd {
	font-size: 13px;
	margin-top: 1em;
}


/* 申込みボックス
-------------------------------------------------------------------------------------------------------------*/
.apply-box {
	background: #0c559e;
	text-align: center;
	padding: 1px 0;
	color: #FFF;
}
.apply-box a,
.apply-box button {
	cursor: pointer;
	border: none;
	outline: 0;
	font-size: 20px;
	font-weight: 500;
	position: relative;
	display: inline-block;
	background: #FFF;
	color: #333;
	line-height: 1;
	border-radius: 4px;
	padding: 25px 3em 25px 3.5em;
}
.apply-box a:hover,
.apply-box button:hover {
	color: #666;
}
.apply-box a::after,
.apply-box button::after {
	font-family: 'FontAwesome';
	content:"\f105";
	position: absolute;
	top: auto;
	right: 1.2em;
	color: #0c559e;
}
.apply-box a::before,
.apply-box button::before {
	font-family: 'FontAwesome';
	content: "\f0e0";
	position: absolute;
	top: auto;
	left: 1.5em;
	color: #0c559e;
}

/* お問い合わせボックス
-------------------------------------------------------------------------------------------------------------*/
.contact-box {
	border: 4px solid #0c559e;
	padding: 20px;
}
.contact-box dl {
	line-height: 1.4;
	overflow: hidden;
	position: relative;
}
.contact-box dl dt {
	color: #1976d2;
	font-size: 26px;
	text-align: center;
	font-weight: 500;
}
.contact-box dl dt strong {
	display: block;
	font-size: 20px;
	background: #0c559e;
	border-radius: 5px;
	color: #FFF;
	padding: 10px 0;
	margin: 0 0 15px 0;
}
.contact-box dl dd {
	text-align: center;
	margin-top: 15px;
	font-size: 16px;
}
.contact-box dl dd span {
	background: #E5E5E5;
	display: inline-block;
	border-radius: 4px;
	padding: 2px 8px;
	margin-right: 5px;
	font-size: 13px;
}
.contact-box dl dd a.btn-contact {
	position: relative;
	display: inline-block;
	background: #ffc600;
	border-radius: 5px;
	padding: 15px 60px 17px 70px;
	line-height: 1;
	margin-top: 5px;
	font-size: 17px;
	color:#000 !important;
	text-decoration:none !important;
}
.contact-box dl dd a.btn-contact:hover {
	color: #0c559e;
}
.contact-box dl dd a.btn-contact::after {
	font-family: 'FontAwesome';
	content:"\f105";
	position: absolute;
	top: 30%;
	right: 20px;
	color: #0c559e;
}
.contact-box dl dd a.btn-contact::before {
	font-family: 'FontAwesome';
	content: "\f0e0";
	position: absolute;
	top: 30%;
	left: 35px;
	color: #0c559e;
}

/******************************************************************************

	共通

******************************************************************************/

/* ヘッダー
-------------------------------------------------------------------------------------------------------------*/
.hd-access a::before,
.hd-contact a::before,
.hd-doc a::before {
	color: #1976d2;
}

/* グローバルナビ
-------------------------------------------------------------------------------------------------------------*/
.gnav-wrapper {
    background: #0c559e;
}
.gnav li:hover {
  background: #1976d2;
}
.gnav a {
  border-left: solid 1px #5d81b4;
  padding: 18px 24px 20px 25px;
}
.gnav-publication a {
	width: auto;
}

.megamenu {
  background: #1976d2;
}
.megamenu-inner-box {
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
}
.megamenu-inner-box a {
	border-left: 0;
	padding: 0;
	position: relative;
}
.megamenu-inner-box dl {
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #bbdefb;
}
.megamenu-inner-box dl dt {
	font-size: 18px;
	font-weight: 500;
	height: 52px;
	padding: 10px 0 0 80px;
}
.megamenu-inner-box dl dt a {
	display: inline-block;
	padding: 0 1em 0 0;
}
.megamenu-inner-box dl dt a::after {
	font-family: 'FontAwesome';
	content:"\f105";
	position: absolute;
	top: 10%;
	right: 0;
}
.megamenu-inner-box dl dt a:hover,
.megamenu-inner-box ul li a:hover {
	opacity: 0.7;
}
.megamenu-inner-box dl dd {
	position: absolute;
	top: 14px;
	right: 0;
	text-align: right;
	font-size: 13px;
	color: #FFF;
}
.megamenu-inner-box ul {
	overflow: hidden;
}
.megamenu-inner-box ul li.megamenu-item {
	margin: 20px 0 0 10px;
}
.megamenu-inner-box ul li.megamenu-item:first-child {
	margin-left: 0;
}
.megamenu-inner-box ul li.megamenu-item strong {
	font-size: 15px;
	background: #FFF;
	color: #0c559e;
	display: block;
	width: 100%;
	padding: 8px 0 10px 0;
	margin: 0 0 10px 0;
}
.megamenu-inner-box ul li.megamenu-item ul li {
	font-size: 13px;
	text-align: left;
	margin: 15px 0 0 0;
	position: relative;
	padding: 0 0 0 10px;
}
.megamenu-inner-box ul li.megamenu-item ul li::before {
	font-family: 'FontAwesome';
	content:"\f105";
	position: absolute;
	top: 10%;
	left: 0;
	color: #FFF;
}

.megamenu-inner-box.consulting dl dt {	background:url(../images/megamenuicon_consulting.png) no-repeat 0 0;}
.megamenu-inner-box.consulting ul li.megamenu-item {	width: calc( (100% / 4) );}

.megamenu-inner-box.support dl dt {	background:url(../images/megamenuicon_support.png) no-repeat 0 0;}
.megamenu-inner-box.support ul li.megamenu-item {	width: calc( (100% / 3) );}

.megamenu-inner-box.training dl dt {	background:url(../images/megamenuicon_training.png) no-repeat 0 0;}
.megamenu-inner-box.training ul li.megamenu-item {	width: calc( (100% / 3) );}

.megamenu-inner-box.planning dl dt {	background:url(../images/megamenuicon_planning.png) no-repeat 0 0;}
.megamenu-inner-box.planning ul li.megamenu-item {	width: calc( (100% / 3) );}

.megamenu-inner-box.mutual dl dt {	background:url(../images/megamenuicon_mutual.png) no-repeat 0 0;}
.megamenu-inner-box.mutual ul li.megamenu-item {	width: calc( (100% / 3) );}

/* メインスライダー */
.top-slide-wrapper a:hover img {
	opacity: 0.7;
}

/* 新着情報
-------------------------------------------------------------------------------------------------------------*/
.news-wrapper {
  padding: 58px 0 38px 0;
  background: url(../images/bg_square.png) 0 0;
}
  .group .news-wrapper,
  .fooddrive .news-wrapper {
    padding:20px 0 10px 0;
    margin-bottom: 50px;
    background: none;
    border: 3px solid #ebf5fe;
  }

/* 新型コロナウイルス */
.covid19-banner {
  max-width:1200px;
  margin:10px auto 30px;
}
.covid19-banner a {
  color:#F30;
  font-weight:bold;
  text-align:center;
  font-size:22px;
  position:relative;
  display:block;
  width:100%;
  padding:12px 0 16px;
  border:4px solid #F30;
  border-radius:5px;
  background:#FFF;
  box-sizing:border-box;
}
.covid19-banner a:hover {
  background:#F30;
  color:#FFF;
}
.covid19-banner a span {
  display:inline-block;
  position:relative;
  padding-left:1.2em;
}
.covid19-banner a span::before {
  font-family: 'FontAwesome';
  content: "\f138";
  position: absolute;
  top: 12%;
  left: 0;
}
.news-left {
  background: #fff;
  padding: 15px 0 0;
  margin: 0 20px 0 0;
  width: 70%;
}
.news-ttl-wrapper {
  position: relative;
  border-bottom: solid 1px #d7d7d7;
  padding: 0 20px 15px;
  align-items: center;
}
h3.ttl-news {
  font-size: 22px;
  margin: 0 32px 0 0;
  padding: 0;
	font-weight: 500;
}
.news-tab {
  background: #ededed;
  border-radius: 5px;
  padding: 5px 5px 5px;
}
.news-tab a {
  padding: 5px 10px;
  margin: 0 10px 0 0;
  border-radius: 5px;
  font-size: 13px;
	display: inline-block;
}
.news-tab a.active,
.news-tab a:hover {
  background: #2196f3;
  color: #fff;
}
.news-list-link {
  position: absolute;
  right: 20px;
  top: 8px;
	padding-right: 14px;
}
.news-list-link::after {
	font-family: 'FontAwesome';
	content:"\f101";
	color: #2196f3;
	position: absolute;
	top: 10%;
	right: 0;
}

.sp-news-list-button {
  display: none;
}
.news-list-link a {
  font-size: 13px;
}

.news-cont-wrapper {
  padding: 20px 20px 0;
}

.news-panel {
  display: none;
}

.news-panel.active {
  display: block;
}
.news-list td {
  padding: 0 0 10px;
  vertical-align:top;
  line-height:1.4;
}
.news-list td.news-date {
	width: 8em;
}
.news-list td.news-category {
  padding: 0 0 15px 0;
	width: 5.5em;
}
.news-list td.news-category span {
  background: #bbdefb;
  width: 5.5em;
	text-align: center;
	display: block;
	padding: 5px 0 6px 0;
  font-size: 12px;
  border-radius: 5px;
}
.news-list td.news-list-ttl a {
	text-decoration: none !important;
	color: #212121 !important;
}
.news-list td.news-list-ttl a:hover {
  color: #888 !important;
}
.news-list td.news-list-ttl a[href$=".pdf"]:before,
.news-list td.news-list-ttl a[href$=".doc"]:before,.news-list td.news-list-ttl a[href$=".docx"]:before,
.news-list td.news-list-ttl a[href$=".xls"]:before,.news-list td.news-list-ttl a[href$=".xlsx"]:before{
	top: 2px !important;
}
.news-list td.news-list-ttl a[href^="http://"]:after,
.news-list td.news-list-ttl a[href^="https://"]:after {
  font-family: 'FontAwesome';
  content: "\f08e";
  color: #666;
  padding-left: 6px;
	top: 2px !important;
}
.news-list td.news-list-ttl a[href^="https://www.jemcci.jp/"]:after {
	content: "";
	padding-left: 0;
}
.news-detail article .layout-change-table table th {
	width: 25%;
}
.news-detail article h2 {
	margin-top: 2em !important;
}

.news-right {
  width: 30%;
	background: #FFF;
	text-align: center;
	padding: 15px 0;
}
.news-right ul li {
	margin-bottom: 12px;
}
.news-right ul li a:hover {
	opacity: 0.7;
}
.news-right dl {
	background: #4a8cdd;
	max-width: 320px;
	margin: 0 auto;
	padding: 7px 10px;
}
.news-right dl dd {
	margin-top: 5px;
}
.news-right a:hover dl {
	opacity: 0.7;
	transition: 0.3s;
}



/* ページ送り
-----------------------------------------------------------------------------------------------------------------------*/
.paging {
	overflow: hidden;
}
.paging ul {
	display: block;
	width: 100%;
	margin: 3em auto 0 auto;
	padding: 0;
}
.paging li {
	display: inline;
	margin: 0 5px;
}
.paging a {
	position: relative;
	display: inline-block;
}
.paging a:hover {
	opacity: 0.8;
	transition: 0.3s;
}
.paging .link_before,
.paging .link_next {
	background: #2196f3;
	color: #FFF;
	border-radius: 4px;
	padding: 0.6em 1.2em 0.8em 1.2em;
}
.paging .link_before {
	padding-left: 1.8em;
	margin-right: 1em;
}
.paging .link_before::before {
	font-family: 'FontAwesome';
	content:"\f104";
	position: absolute;
	top: 30%;
	left: 0.8em;
}
.paging .link_next {
	padding-right: 1.8em;
	margin-left: 1em;
}
.paging .link_next::before {
	font-family: 'FontAwesome';
	content:"\f105";
	position: absolute;
	top: 30%;
	right: 0.8em;
}
.paging .link_page,
.paging .current_page {
	border-radius: 70px;
	font-size: 16px;
	color: #2196f3;
	text-align: center;
	border: 1px solid #2196f3;
	padding: 0.38em 0.7em 0.5em;
	display: inline-block;
}
.paging .current_page {
	background: #ddebf7;
}

/* トップ（課題解決メニュー）*/
.solution-wrapper {
	padding: 30px 0 50px 0;
}
.solution-wrapper h3 {
	text-align: center;
	font-size: 22px;
	letter-spacing: 0.1em;
	position: relative;
	margin-bottom: 30px;
	font-weight: 500;
}
.solution-wrapper h3 strong {
	color: #1976d2;
	font-size: 32px;
	font-weight: 500;
}
.solution-wrapper h3::before {
	content: "";
	width: 21px;
	height: 21px;
	background: url(../images/solution/slash_left.png);
	background-size: 21px 21px;
	display: inline-block;
	margin-right: 10px;
}
.solution-wrapper h3::after {
	content: "";
	width: 21px;
	height: 21px;
	background: url(../images/solution/slash_right.png);
	background-size: 21px 21px;
	display: inline-block;
	margin-left: 10px;
}

.solution-menu {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}
.solution-menu dl {
	display: flex;
	justify-content: space-between;
}
.solution-menu dt {
	line-height: 1.4;
	color :#fff;
	background-color :#2196f3;
	background-image: url(../solution/images/pic_obtaininfo.png);
	background-position: -1em center;
	background-repeat: no-repeat;
	width: 33%;
	font-size: 18px;
	font-weight: 500;
	margin: 1px;
	text-align: center;
	display: table;
}
.solution-menu dt span {
	display: table-cell;
	vertical-align:middle;
	padding-left: 40px;
	width: 100%;
	height: 100%;
}
.solution-menu dd {
	width: 65%;
	padding: 0 10px;
}
.solution-menu dd h4 {
	color: #0c559e;
	font-size: 18px;
}
.solution-menu dd ul {
	overflow: hidden;
	background: #F5F5F5;
	padding: 5px;
	margin: 15px 0;
}
.solution-menu dd ul li {
	width: 47%;
	float: left;
	margin: 10px 10px 10px 10px;
	margin-left: 10px;
	line-height: 1.2;
}
.solution-menu dd ul li a {
	position: relative;
	background: #FFF;
	border-radius: 5px;
	padding: 12px 20px 14px 30px;
	display: block;
}
.solution-menu dd ul li a::before {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	top: 0.8em;
	left: 15px;
	color: #1976d2;
}
.solution-accordion-menu {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
		overflow: hidden;
		flex-wrap: wrap;
}
.solution-accordion-menu dt {
	line-height: 1.4;
	color :#fff;
	background-color :#2196f3;
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: 500;
	margin: 1px;
	text-align: center;
}
.solution-accordion-menu dl:nth-child(even) dt {
    background-color :#69bbfb;
}
.solution-accordion-menu dl:nth-child(1) dt {background-image: url(../images/solution/pic_newbusiness.png);		background-position: -2em 10px; }
.solution-accordion-menu dl:nth-child(2) dt {background-image: url(../images/solution/pic_troubles.png);		background-position: -1em 10px; }
.solution-accordion-menu dl:nth-child(3) dt {background-image: url(../images/solution/pic_skillup.png);		background-position: -1.5em 10px; }
.solution-accordion-menu dl:nth-child(4) dt {background-image: url(../images/solution/pic_riskwelfare.png);		background-position: -1.5em 10px; }
.solution-accordion-menu dl:nth-child(5) dt {background-image: url(../images/solution/pic_membersdiscount.png);		background-position: -1em 10px; }
.solution-accordion-menu dl:nth-child(6) dt {background-image: url(../images/solution/pic_obtaininfo.png);		background-position: -1em 10px; }

.solution-accordion-menu label {
		padding: 45px 0 30px 5em;
		min-height: 140px;
    display: block;
    cursor :pointer;
}

.solution-accordion-menu input {
    display: none;
}
.solution-accordion-menu dd {
	position: relative;
}
.solution-accordion-menu dd span.btn {
	position: absolute;
	width: 53px;
	height: 53px;
	top: -55px;
	right: 1px;
	background: url(../images/arrowplus.png) no-repeat right bottom;
}
.solution-accordion-menu input:checked ~ span.btn {
		background: url(../images/arrowminus.png) no-repeat right bottom !important;
}
.solution-accordion-menu li {
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.solution-accordion-menu li a,
.solution-accordion-menu li span {
	position: relative;
	font-size: 13px;
	display: block;
	padding: 8px 20px;
}
.solution-accordion-menu li a::before {
	font-family: 'FontAwesome';
	content:"\f105";
	position: absolute;
	top: 8px;
	left: 10px;
	color: #1976d2;
}
.solution-accordion-menu li span::before {
	content:"・";
	position: absolute;
	top: 5px;
	left: 20px;
	color: #1976d2;
}
.solution-accordion-menu ul li strong {
	padding: 20px 10px 10px;
	display: inline-block;
	color: #1976d2;
}
/*
.solution-accordion-menu li:last-child strong {
	padding-bottom: 30px;
}

.solution-accordion-menu li:first-child a,
.solution-accordion-menu li:first-child span {
	padding-top: 20px;
}
.solution-accordion-menu li:first-child a::before,
.solution-accordion-menu li:first-child span::before {
	top: 20px;
}
*/
.solution-accordion-menu li:last-child a,
.solution-accordion-menu li:last-child span {
/*	padding-bottom: 30px;*/
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li,
#menu_bar06:checked ~ #links06 li{
/*    max-height: 46px;*/
	max-height: 200px;;
    opacity: 1;
}
#menu_bar01:checked ~ #links01 li:last-child,
#menu_bar02:checked ~ #links02 li:last-child,
#menu_bar03:checked ~ #links03 li:last-child,
#menu_bar04:checked ~ #links04 li:last-child,
#menu_bar05:checked ~ #links05 li:last-child,
#menu_bar06:checked ~ #links06 li:last-child {
	padding-bottom: 20px;
}

/* トップ（セミナー情報）*/
.seminar-wrapper {
	background: #0c559e;
	padding: 50px 0 30px 0;
}
.seminar-wrapper .main-wrapper {
	position: relative;
}
.seminar-wrapper h3 {
	font-size: 22px;
	color: #FFF;
	margin-bottom: 30px;
	font-weight: 500;
}
.seminar-wrapper ul {
	overflow: hidden;
}
.seminar-wrapper ul li {
	float: left;
	width:24%;
	margin-left: 1%;
	position: relative;
	color: #FFF;
	border-radius: 5px;
}
	.seminar-wrapper ul li:first-child {
		margin-left: 1%;
	}
.seminar-wrapper ul li a {
	display: block;
}
.seminar-wrapper ul li a:hover {
	opacity: 0.8;
}
.seminar-wrapper ul li .pic {
	padding-top: 10px;
}
.seminar-wrapper ul li .pic span.mark {
	position: absolute;
	top: 0px;
	left: -5px;
	z-index: 3;
}
.seminar-wrapper ul li .pic .thumb {
	position: relative;
	width: 100%;
	height: 216px;
	display: block;
	background: #212121;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.seminar-wrapper ul li .pic .thumb img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
.seminar-wrapper ul li .pic img {
}
.seminar-wrapper ul li .detail,
.seminar-wrapper ul li .end {
	background: #212121;
	color: #FFF;
	line-height: 1.4;
	padding: 14px;
}
.seminar-wrapper ul li .detail dl dt {
	font-size: 11px;
	margin-bottom: 8px;
	letter-spacing: 0.1em;
}
.seminar-wrapper ul li .end {
	text-align: center;
	font-size: 13px;
	border-top: 1px solid #757575;
}
.seminar-wrapper ul li .end dl dd {
	font-size: 15px;
	margin-top: 5px;
}
.seminar-wrapper .btn a {
	position: absolute;
	top: -60px;
	right: 0;
  display: block;
  padding: 4px 30px 6px 20px;
  background: #FFF;
  color: #0c559e;
  font-size: 13px;
  border-radius: 5px;
	text-align: center;
}
.seminar-wrapper .btn a:hover {
  background: #b7cce2;
}
.seminar-wrapper .btn span::before {
	font-family: 'FontAwesome';
	content:"\f101";
	position: absolute;
	top: 12%;
	right: 15px;
}

/* トップ（会員紹介・所報）*/
.shohou-wrapper {
	background: url(../images/top/bg_shohou.png) no-repeat center bottom #a6c3eb;
	padding: 30px 0 40px 0;
	overflow: hidden;
}
.shohou-wrapper h3 {
	font-size: 22px;
	margin-bottom: 30px;
	font-weight: 500;
}
.shohou-wrapper .member-info {
	width: 65%;
	float: left;
}
.shohou-wrapper .member-info h4 {
	background: #FFF;
	padding: 20px;
	font-size: 20px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	position: relative;
	margin-bottom: 2px;
	font-weight: 500;
}
.shohou-wrapper .member-info h4 span {
	font-size: 13px;
	font-weight: normal;
	text-align: right;
	display: inline-block;
	position: absolute;
	top: 24px;
	right: 10px;
}
.shohou-wrapper .member-info .new-entry h4 {
	margin-top: 10px;
}
.shohou-wrapper .member-info .shinise-entry article,
.shohou-wrapper .member-info .new-entry article {
	background-color: #FFF;
	width: 49.85%;
	margin-bottom: 2px !important;
}
.shohou-wrapper .member-info .shinise-entry article a,
.shohou-wrapper .member-info .shinise-entry article a:hover,
.shohou-wrapper .member-info .new-entry article a,
.shohou-wrapper .member-info .new-entry article a:hover{
	border: none;
}

.shohou-wrapper .news-flip {
	width: 30%;
	float: right;
}
.shohou-wrapper .news-flip p {
	margin: 0;
}
.shohou-wrapper .news-flip p img {
  box-shadow: 0px 2px 3.96px 0.04px rgba(0, 0, 0, 0.25);
}
.shohou-wrapper .news-flip p a:hover img {
	opacity: 0.8;
}

.shohou-wrapper .news-flip .newrelease a,
.shohou-wrapper .news-flip .backnumber a{
	position: relative;
	color: #FFF;
	font-weight: 500;
	display: block;
	text-align: center;
	border-radius: 5px;
	padding: 8px 0;
	margin-top: 10px;
}
.shohou-wrapper .news-flip .newrelease a {
	background: #2196f3;
}
.shohou-wrapper .news-flip .backnumber a {
	background: #212121;
}
.shohou-wrapper .news-flip .newrelease a:hover {
	background: #1883f0;
}
.shohou-wrapper .news-flip .backnumber a:hover {
	background: #06315c;
}

.shohou-wrapper .news-flip a span {
	position: relative;
	padding-left: 14px;
}
.shohou-wrapper .news-flip a span::before {
	font-family: 'FontAwesome';
	content:"\f105";
	position: absolute;
	top: -2px;
	left: 0;
	font-weight: normal;
	font-size: 18px;
}

/* トップ（新入会員紹介）*/
.newmembers-wrapper {
  background:url(../images/top/bg_square-blue.png);
  padding: 50px 0 20px 0;
}
.newmembers-wrapper .members-box {
	position: relative;
}
.newmembers-wrapper h3 {
	font-size: 22px;
}
.newmembers-wrapper ul.carousel-list li {
	margin: 0 10px;
}
.newmembers-wrapper .btn a {
	position: absolute;
	top: -140px;
	right: 0;
  display: block;
  padding: 4px 30px 6px 20px;
  background: #212121;
  color: #fff;
  font-size: 13px;
  border-radius: 5px;
	text-align: center;
}
.newmembers-wrapper .btn a:hover {
  background: #06315c;
}
.newmembers-wrapper .btn span::before {
	font-family: 'FontAwesome';
	content:"\f101";
	position: absolute;
	top: 12%;
	right: 15px;
}

/* カルーセル&バナー */
.top-carousel-wrapper {
  padding: 45px 0 40px;
	background: #FFF;
}
.top-carousel {
  position: relative;
}
.top-banner-wrapper {
  background: #f3f3f3;
  padding: 10px 7vw;
  margin: 20px auto 0;
}
.top-banner {
  align-items: center;
  justify-content: space-between;
}

/* 会員企業広告 */
.member-ad-wrapper {
  background: #f3f3f3;
  padding: 20px 0;
}

h3.ttl-member-ad {
  font-size: 16px;
  margin: 20px 0 40px;
}

.sp-member-ad-contact {
  display: none;
}

.member-ad-contact a {
  font-size: 13px;
}

.arrow-member-ad-contact {
  position: relative;
	padding-left: 10px;
	display: inline-block;
	line-height: 1.3;
}
.arrow-member-ad-contact::before {
	font-family: 'FontAwesome';
	content:"\f101";
	color: #212121;
	position: absolute;
	top: 0;
	left: 0;
}

.member-ad-right {
  padding: 20px 20px 10px;
  margin: 0 0 0 19px;
  border: solid 1px #ededed;
  background: #fff;
  width: 90%;
}

.member-ad-right-inner {
  align-items: center;
  flex-wrap: wrap;
}

.member-ad-right-inner .col {
  width: calc( (100% / 6) - 20px );
  margin: 0 10px 10px;
}


/*	セミナー情報	/seminar/
-------------------------------------------------------------------------------------------------------------*/
.seminar .contents article.entry-body ul {
	line-height: 1.4;
	margin-bottom: 2em;
}
.seminar .contents article.entry-body ul li {
	margin: 0 0 10px 0;
	position: relative;
	padding: 0 0 0 1em;
}
	.seminar .contents article.entry-body table ul {
		margin-bottom: 0.5em;
	}
	.seminar .contents article.entry-body table ul li {
		margin: 0 0 5px 0;
	}
.seminar .contents article.entry-body ul li::before {
	color: #2196f3;
	font-family: 'FontAwesome';
	content:"\f111";
	position: absolute;
	font-size: 10px;
	top: 0.5em;
	left: 0;
}
.seminar .contents article .layout-change-table table th {
	width: 20%;
}

/* セミナー情報
-------------------------------------------------------------------------------------------------------------*/
.seminar-list {
	position: relative;
	overflow: hidden;
}
.seminar-list li {
	float: left;
	width:33%;
	margin-bottom: 2em;
	position: relative;
}
	.seminar-list li:nth-child(3n+1) {
		margin-left:0;
	}
.seminar-list li a {
	display: block;
	/*border-right: 1px solid #DDD;*/
	padding: 20px 30px;
}
	.seminar-list li:nth-child(3n+1) a {
		/*border-left: 1px solid #DDD;*/
	}
.seminar-list li a:hover {
	background: #f7f5bc;
	color: #222;
}
.seminar-list li .pic span.mark {
	position: absolute;
	top: 0;
	left: 20px;
	z-index: 1;
}
.seminar-list li .pic .thumb {
	position: relative;
	width: 100%;
	height: 210px;
	display: block;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.seminar-list li .pic .thumb img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
.seminar-list li .detail,
.seminar-list li .end {
	line-height: 1.4;
	padding: 10px 0 0 0;
}
.seminar-list li .detail dl dt {
	font-size: 11px;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
	background: #f4ef5d;
	display: inline-block;
	padding: 2px 4px;
}
.seminar-list li .end {
	text-align: center;
	font-size: 13px;
	margin-top: 10px;
	border-top: 1px dotted #DDD;
}
.seminar-list li .end dl dd {
	font-size: 15px;
	margin-top: 5px;
}
.seminar .paging {
	padding-bottom: 50px;
}


/*	課題解決メニュー	/solution/
-------------------------------------------------------------------------------------------------------------*/
.container.solution {
	background: #1976d2;
}
.solution .title-h1 {
	box-shadow: none;
	text-align: center;
}
.solution .title-h1 h1 {
	font-size: 30px;
	padding-left: 0;
	letter-spacing: 0.1em;
	position: relative;
}
.solution .title-h1 h1 strong {
	font-size: 48px;
	color: #1976d2;
	margin: 0 5px;
}
.solution .title-h1 h1::before {
	width: 28px;
	height: 28px;
	content: "";
	background:  url(../solution/images/slash_left.png);
	background-size: 28px 28px;
	margin-right: 20px;
	display: inline-block;
}
.solution .title-h1 h1::after {
	width: 28px;
	height: 28px;
	content: "";
	background:  url(../solution/images/slash_right.png);
	background-size: 28px 28px;
	margin-left: 20px;
	display: inline-block;
}
.solution .title-h1 p {
	font-size: 16px;
	line-height: 1.8;
}

.solution .contents article {
	border-radius: 5px;
	overflow: hidden;
	width: 100%;
	margin-bottom: 1.5em !important;
}
.solution .contents article .solution-title {
	float: left;
	width: 30%;
	text-align: center;
	background: #2196f3;
}
.solution .contents article:nth-child(even) .solution-title {
	background: #69bbfb;
}
.solution .contents article .solution-title h2 {
	margin: 0;
	padding: 0;
	border: 0 !important;
	color: #FFF !important;
	font-size: 20px !important;
}
.solution .contents article .solution-title h2::before {
	background: none !important;
}
.solution .contents article .solution-menu {
	float: right;
	width: 70%;
	background: #FFF;
	padding: 30px;
}
.solution .contents article .solution-menu h3 {
	border-left: none !important;
	padding: 0 0 12px 0 !important;
	margin-top: 1.5em !important;
	font-size: 18px !important;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	letter-spacing: 0.05em;
	color: #69bbfb;
}
	.solution .contents article .solution-menu h3:first-child {
		margin-top: 0 !important;
	}
.solution .contents article:nth-child(even) .solution-menu h3 {
	color: #2196f3;
}
.solution .contents article .solution-menu ul {
	overflow: hidden;
}
.solution .contents article .solution-menu ul li {
	float: left;
	width: 50%;
	margin-bottom: 0.8em;
	padding-left: 0.8em;
	position: relative;
	line-height: 1.2;
}
.solution .contents article .solution-menu ul li::before {
	font-family: 'FontAwesome';
	content:"\f105";
	position: absolute;
	top: 7%;
	left: 0;
	color: #1976d2;
}


/*	所報	/monthly_report/
-------------------------------------------------------------------------------------------------------------*/
/* この人に聞く */
.monthlyreport div.interview-entry a {
	position: relative;
	display: inline-block;
	font-weight: 500;
	padding-left: 1em;
}
.monthlyreport div.interview-entry a::before {
	font-family: 'FontAwesome';
	content:"\f101";
	position: absolute;
	color: #005951;
	top: 0;
	left: 0px;
	font-weight: normal;
}

/* まつやまの老舗 */
.monthlyreport div.shinise-entry {
	overflow: hidden;
}
.monthlyreport div.shinise-entry article {
	overflow: hidden;
	float: left;
	width: 48.5%;
	margin-bottom: 1em !important;
	background: url(../images/arrowdown_skyblue.png) no-repeat right bottom;
}
.monthlyreport div.shinise-entry article:nth-child(2) {
	float: right;
}
.monthlyreport div.shinise-entry article a {
	display: block;
	overflow: hidden;
	padding: 20px;
	border: 1px solid #d0e9fb;
}
.monthlyreport div.shinise-entry article a:hover {
	border: 1px solid #aad5f7;
}
.monthlyreport div.shinise-entry article .pic {
	width: 40%;
	float: left;
}
.monthlyreport div.shinise-entry article .pic img {
	max-width: 100%;
}
.monthlyreport div.shinise-entry article .detail {
	float: right;
	width: 55%;
	font-size: 13px;
}
.monthlyreport div.shinise-entry article .detail p {
	margin: 0;
}
.monthlyreport div.shinise-entry article .detail p.year {
	background: #1976d2;
	border-radius: 4px;
	color: #FFF;
	text-align: center;
	padding: 0 0 3px 0;
}
.monthlyreport div.shinise-entry article .detail p.name {
	font-size: 18px;
	font-weight: 500;
	margin: 10px 0;
}
.monthlyreport div.shinise-entry article .detail p.text {
	line-height: 1.4;
	font-size: 12px;
}

/* 今月のNEW */
.monthlyreport div.new-entry {
	overflow: hidden;
}
.monthlyreport div.new-entry article {
	overflow: hidden;
	float: left;
	width: 48.5%;
	margin-bottom: 1.5em !important;
	background: url(../images/arrowdown_blue.png) no-repeat right bottom;
}
.monthlyreport div.new-entry article:nth-child(odd) {
/*	float: right;*/
	margin-left:0.3%;
}
.first-page.monthlyreport div.new-entry article:nth-child(2n) {
    float: right;
}
.monthlyreport div.new-entry article a {
	display: block;
	overflow: hidden;
	padding: 20px;
	border: 1px solid #d0e9fb;
}
.monthlyreport div.new-entry article a:hover {
	border: 1px solid #aad5f7;
}
.monthlyreport div.new-entry article .pic {
	width: 40%;
	float: left;
	position: relative;
}
.monthlyreport div.new-entry article .pic img {
	max-width: 100%;
}
.monthlyreport div.new-entry article .pic .mark {
	position: absolute;
	top: -10px;
	left: -10px;
}
.monthlyreport div.new-entry article .detail {
	float: right;
	width: 55%;
	font-size: 13px;
}
.monthlyreport div.new-entry article .detail p {
	margin: 0;
}
.monthlyreport div.new-entry article .detail p.read {
	color: #1976d2;
	line-height: 1.4;
}
.monthlyreport div.new-entry article .detail p.name {
	font-size: 18px;
	font-weight: 500;
	margin: 10px 0;
	line-height:1.2;
}
.monthlyreport div.new-entry article .detail p.contact {
	line-height: 1.4;
	font-size: 12px;
}

/* バックナンバー */
.monthlyreport .monthlyreport-box {
	border-bottom: 1px solid #DDD;
	overflow: hidden;
	padding-bottom: 2em;
}
.monthlyreport .monthlyreport-box .frontpage {
	width: 35%;
	float: left;
}
.monthlyreport .monthlyreport-box .frontpage img {
	border: 1px solid #DDD;
}
.monthlyreport .monthlyreport-box .frontpage span {
	display: block;
	position: relative;
	text-align: center;
	margin: 1em 0 0 0;
	background: #2196f3;
	border-radius: 5px;
	color: #FFF;
	font-weight: 500;
	padding: 15px 0 18px 0;
	line-height: 1;
}
.monthlyreport .monthlyreport-box .frontpage span::before {
	font-family: 'FontAwesome';
	content:"\f105";
	position: absolute;
	top: 30%;
	left: 20%;
	font-weight: normal;
	font-size: 18px;
}
.monthlyreport .monthlyreport-box .frontpage a {
	display: block;
}
.monthlyreport .monthlyreport-box .frontpage a:hover{
	opacity: 0.7;
	transition: 0.3s;
}
 
.monthlyreport .monthlyreport-box .contents {
	float: right;
	width: 60%;
}
.monthlyreport .monthlyreport-box .contents h3 {
	margin-top: 2em !important;
}
.monthlyreport .monthlyreport-box .contents h3:first-child {
	margin-top: 0 !important;
}
.monthlyreport .monthlyreport-box .contents a {
	position: relative;
	display: inline-block;
	font-weight: 500;
	padding-left: 1em;
}
.monthlyreport .monthlyreport-box .contents a::before {
	font-family: 'FontAwesome';
	content:"\f101";
	position: absolute;
	color: #005951;
	top: 0;
	left: 0px;
	font-weight: normal;
}

/* 表紙絵を訪ねて */
.monthlyreport .monthlyreport-hyoushie dl {
	padding: 0 20px 4em 0;
}
.monthlyreport .monthlyreport-hyoushie dl dt {
	font-size: 17px;
}
.monthlyreport .monthlyreport-hyoushie dl dt a::before {
	color: #0c559e !important;
}
.monthlyreport .monthlyreport-hyoushie dl dd {
	margin-top: 10px;
	line-height: 1.4;
	font-size: 13px;
}
.monthlyreport .monthlyreport-hyoushie dl dd strong {
	font-size: 15px;
	display: inline-block;
	margin-bottom: 4px;
}
.monthlyreport .monthlyreport-hyoushie dl dd a {
	display: inline-block;
	margin-top: 5px;
	position: relative;
	padding-left: 0.8em;
	color: #0c559e;
}
.monthlyreport .monthlyreport-hyoushie dl dd a:hover {
	opacity: 0.7;
}
.monthlyreport .monthlyreport-hyoushie dl dd a::before {
	font-family: 'FontAwesome';
	content:"\f105";
	position: absolute;
	top: 10%;
	left: 0;
	color: #0c559e;
}

/*	新入会員紹介	/new_members/
-------------------------------------------------------------------------------------------------------------*/
.newmembers section.contents article {
	overflow: hidden;
}
.newmembers .members-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.newmembers-wrapper .members-box {
	display: block;
}
.newmembers .members-box article.members-block {
	border: 1px solid #d0e9fb;
	background: #FFF;
	border-radius: 4px;
	padding: 20px;
	font-size: 13px;
	line-height: 1.5;
	width: 49%;
	margin:0 0 1.4em 0 !important;
}
.newmembers-wrapper .members-box article.members-block {
	width: 100%;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.newmembers .members-block .members-summary,
.newmembers .members-block .members-summary dd p {
	overflow: hidden;
	line-height:1.5;
}
.newmembers .members-block .members-summary dl.pic {
	float: left;
	width: 150px;
	margin-right: 20px;
}
.newmembers .members-block .members-summary dl.pic dt {
	background: #0c559e;
	color: #FFF;
	text-align: center;
	padding: 4px 0 7px 0;
	font-size: 12px;
}
.newmembers .members-block .members-summary dl.pic dt span {
	position: relative;
	padding: 0 0 0 1.8em;
}
.newmembers .members-block .members-summary dl.pic dt.finance span {	padding: 0 0 0 1em !important;}
.newmembers .members-block .members-summary dl.pic dt span::before {
	font-family: 'FontAwesome';
	position: absolute;
	top: 5%;
	left: 0;
}
	.newmembers .members-block .members-summary dl.pic dt.wholesale span::before {	content:"\f290";} 								/* 卸売業 */
	.newmembers .members-block .members-summary dl.pic dt.retail span::before {	content:"\f290";} 												/* 小売業 */
	.newmembers .members-block .members-summary dl.pic dt.construction span::before {	content:"\f1ad";} 							/* 建設業 */
	.newmembers .members-block .members-summary dl.pic dt.manufacturing span::before {	content:"\f275";} 					/* 製造業 */
	.newmembers .members-block .members-summary dl.pic dt.finance span::before {	content:"\f157";} 										/* 金融業 */
	.newmembers .members-block .members-summary dl.pic dt.tourism-food span::before {	content:"\f0f5";} 							/* 観光・飲食業 */
	.newmembers .members-block .members-summary dl.pic dt.information-service span::before {	content:"\f2b5";}		/* 情報・サービス業 */

.newmembers .members-block .members-summary dl.pic dd {
	position: relative;
	border: 1px solid #DDD;
	margin-top: 3px;
	width: 150px;
	height: 104px;
}
.newmembers .members-block .members-summary dl.pic dd img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
.newmembers .members-block .members-summary dl.name dt {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 0px;
}
.newmembers .members-block .members-detail {
	margin-top: 10px;
}
.newmembers .members-block .members-detail ul li {
	margin-top: 5px;
	margin-left: 0;
	margin-right: 0;
}
.newmembers .members-block .members-detail ul li span.title {
	width: 7em;
	display: inline-block;
	vertical-align: top;
	color: #0c559e;
}
.newmembers .members-block .members-detail ul li span.text {
	display: inline-block;
}
.newmembers .members-block .members-detail ul li a {
	position: relative;
	padding-right: 1.3em;
	text-decoration: underline;
}
.newmembers .members-block .members-detail ul li a::after {
		font-family: 'FontAwesome';
		content:"\f08e";
		position: absolute;
		color: #999;
		top: 1px;
		right: 0;
}

/*	会議所について	/information/
-------------------------------------------------------------------------------------------------------------*/
.information .fleft {
  float: left;
  width: 80%;
}
.information .fright {
  float: right;
}
.information .fright a {
  font-size: 86% !important;
  padding: 2px 25px 5px 35px !important;
  border-radius: 5px;
  display: inline-block;
  background: #EEE;
  color: #111 !important;
  text-decoration: none !important;
}
.information .fright a:hover {
  opacity: 0.7;
}
.information .fright a::before {
  left:15px !important;
  top: 11% !important;
}
.information .fright a::after {
  font-family: 'FontAwesome';
  content: "\f105";
  position: absolute;
  top: 11%;
  right: 10px;
}
@media all and (max-width: 640px) {	/* SmartPhone */
.information .fleft ,
.information .fright {
  float: none;
  width: 100%;
}
  .information .fright {
    text-align: center;
  }
}



/*	サイトマップ	/sitemap/
-------------------------------------------------------------------------------------------------------------*/
.sitemap .contents article {
}
.sitemap .contents article a {
	position: relative;
}
.sitemap .contents article h2 a {
	padding-left: 1.2em;
}
.sitemap .contents article h2 a::before {
	font-family: 'FontAwesome';
	content:"\f1db";
	position: absolute;
	top: 8%;
	left: 0;
	font-weight: normal;
	color: #0c559e;
}
.sitemap .contents article h2 a::after {
	font-family: 'FontAwesome';
	content:"\f105";
	position: absolute;
	top: 8px;
	left: 8px;
	font-weight: 600;
	color: #0c559e;
	font-size: 18px;
}
.sitemap .contents article ul li {
	margin-bottom: 16px;
}
.sitemap .contents article ul li a {
	padding-left: 0.8em;
}
.sitemap .contents article ul li a::before {
	font-family: 'FontAwesome';
	content:"\f105";
	position: absolute;
	top: 4px;
	left: 0px;
	color: #0c559e;
}


/*	サイト内検索	/search/
-------------------------------------------------------------------------------------------------------------*/
.sitemap {
    padding-top: 3em;
}
.sitemap .gsc-control-cse {
    font: BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
    font: 13px BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}
.sitemap .gsc-result .gs-title {
    height: auto;
  padding-bottom: 10px;
}
.sitemap .gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
    font-size: 12px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
  border: 1px solid #1976D2;
  border-radius: 10px;
  padding: 5px 15px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
  display: inline-block !important;
  margin-bottom: 5px;
}


/*	English	/en/
-------------------------------------------------------------------------------------------------------------*/
.en p.fright {
    width: 25%;
}
.en table.fleft {
    width: 70%;
}



/*--------------------------------------------------------------
# ブレイクポイント
--------------------------------------------------------------*/
@media screen and (max-width: 1200px) {

  .top-carousel-wrapper {
      padding: 25px 20px 20px;
  }

  /*--------------------------------------------------------------
  # トップページ
  --------------------------------------------------------------*/
  /* 新着情報 */
  .news-list td {
    padding: 0 0 15px;
  }

  .news-list td.news-category {
    padding: 0 15px 15px 15px;
  }

  .news-right-bnr-inner-text {
    font-size: 16px;
  }

  /* 会員企業広告 */
  .member-ad-contact a {
    font-size: 11px;
  }

  .member-ad-right {
    margin: 0 0 0 15px;
    width: 88%;
  }

}/* max-width: 1200px */


	@media screen and (max-width: 768px) {
  .row { flex-wrap: wrap; }
  .row-tb-1 > .col { width: 100%; margin: 0 0 20px; }
  .row-tb-2 > .col { width: calc( (100% / 2) ); }
  .row-tb-3 > .col { width: calc( (100% / 3) ); }
  .row-tb-4 > .col { width: calc( (100% / 4) ); }

	#area-container {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.second-page,
	.default-page {
		background: none;
	}
	#area-contents {
		margin: 0 !important;
		padding-bottom: 30px;
	}
	.newmembers #area-contents,
	.monthlyreport #area-contents,
	.news #area-contents {
		margin-bottom: 0;
	}

	section.contents {
		padding: 0 10px !important;
	}
	
	.hd-wrapper {
    border-bottom: solid 2px #00284f;
  }
  .drawer-menu-item-access::before,
  .drawer-menu-item-contact::before,
  .drawer-menu-item-enrollment::before {
		color: #1976d2;
  }
  .drawer-menu-s a {
    background: #0c559e;
	}
  .drawer-menu-s .active-submenu {
    background: #0c559e;
	}
  .drawer-submenu-wrapper,
  .drawer-submenu {
    background: #1976d2;
  }
  .drawer-submenu a,
  .drawer-submenu li:last-child a {
    border-bottom: solid 1px #4791db;
    background: #1976d2;
	}
  .drawer-menu-item:hover {
    background-color: #0c559e;
	}


	/* 右側ナビゲーション
	-------------------------------------------------------------------------------------------------------------*/
	#area-navigation {
		width: 100%;
		height: auto;
		position: relative;
		top: 0 !important;
		border: 1px solid #efefef;
	}
	#area-navigation h2 {
		line-height: 50px;
	}
	#area-navigation ul {
		margin: 0;
		overflow: hidden;
	}
	#area-navigation ul li {
		border-bottom: 1px solid #d7d7d7;
		width: 50%;
		float: left;
	}
	#area-navigation ul li:nth-child(odd) {
		border-right: 1px solid #d7d7d7;
	}
#area-navigation ul li a {
		padding: 15px 0 15px 30px;
	}
	#area-navigation ul li a::before {
		top: 13px;
		left: 15px;
	}

	/******************************************************************************

		下階層

	******************************************************************************/
	#area-contents section.contents {
		min-height: auto;
	}

	/* ページタイトル
	-------------------------------------------------------------------------------------------------------------*/
	.first-page .title-h1,
	.second-page .title-h1 {
		min-height: 220px;
		padding: 40px 10px 20px 10px;
		margin: 0 0 30px 0;
		background: url(../images/bg_square.png);
		box-shadow: 0px 3px 4px #E9E9E9;
	}
	.news.first-page .title-h1,
	.news.second-page .title-h1,
	.monthlyreport.first-page .title-h1,
	.monthlyreport.second-page .title-h1,
	.newmembers.first-page .title-h1,
	.newmembers.second-page .title-h1 {
		min-height: 160px;
	}
	.first-page .title-h1 div,
	.second-page .title-h1 div {
		padding-right: 0;
	}
	.first-page .title-h1 h1,
	.second-page .title-h1 h1 {
		margin: 0;
		padding-right: 0 !important;
	}
	.second-page .title-h1 h1 strong {
		display: inline-block;
	}
	.second-page .title-h1 h1 strong.color-red {
		font-size:30px;
	}
	.first-page .title-h1 ul,
	.second-page .title-h1 ul {
		margin: 30px 0 0 0;
	}

	/* コンテンツトップのリンク
	-------------------------------------------------------------------------------------------------------------*/
	#area-contents article ul.contents-link-list {
		padding: 5px 5px 5px 10px;
	}
	#area-contents article ul.contents-link-list li {
		width: 48.9%;
		margin: 5px;
	}
	#area-contents article ul.contents-link-list li:nth-child(2n+1) {
		margin-left: 0;
	}


	  /*--------------------------------------------------------------
  # トップページ
  --------------------------------------------------------------*/
  /* 新着情報 */
  .news-wrapper {
    padding: 15px 0;
  }

  .news-left {
    padding: 40px 0 0;
		margin-top: 40px !important;
  }

  .news-ttl-wrapper h3.ttl-news {
    text-align: center;
    font-size: 40px;
    margin: 0 0 40px;
  }

  .news-tab {
    background: #ededed;
    border-radius: 5px;
    padding: 10px 5px;
  }

  .news-tab ul.row {
    justify-content: space-around;
  }
  .news-tab a {
    font-size: 16px;
  }
  .news-ttl-wrapper {
    border-bottom: none;
    padding: 0 20px;
  }
  .news-list-link {
    display: none;
  }
  .sp-news-list-button {
    display: block;
  }

  .sp-news-list-button a {
    display: block;
    background: #7d7d7d;
    color: #fff;
    font-size: 26px;
    border-radius: 4px;
    padding: 10px 0;
  }

  .sp-news-list-button a span {
	 position: relative;
	 display: inline-block;
	 padding-right: 20px;
	}
.sp-news-list-button a span::after {
	font-family: 'FontAwesome';
	content:"\f101";
	position: absolute;
	top: 0%;
	right: 0;
  }
  .news-cont-wrapper {
    padding: 10px 20px 20px;
  }

  .news-list td {
    display: block;
    width: 100%;
    padding: 0 0 20px;
  }

  .news-list td.news-date,
  .news-list td.news-category {
    display: inline-block;
    vertical-align: middle;
    width: auto;
  }

  .news-list td.news-date {
    margin: 0 20px 0 0;
  }

  .news-list td.news-list-ttl {
    margin: 0 0 30px;
  }

  .news-date,
  .news-list-ttl {
    font-size: 24px;
  }

  .news-category span {
    font-size: 20px !important;
  }

	.news-right {
		width: 100%;
		background: #FFF;
		text-align: center;
		padding: 10px;
	}
	.news-right ul {
		overflow: hidden;
	}
	.news-right ul li {
		margin-bottom: 5px;
		width: 49%;
		float: left;
	}
	.news-right ul li img {
		width: 100%;
	}
	.news-right ul li:first-child {
		margin-right: 1%;
	}
	.news-right dl {
		max-width: 100%;
		margin: 0 auto;
		padding: 7px 5px;
		overflow: hidden;
	}
	.news-right dl img {
		width: 100%;
	}
	.news-right dl dt {
		float: left;
		width: 49%;
	}
	.news-right dl dd {
		margin-top: 0;
		width: 49%;
		float: right;
	}
	.news-right dl dd:last-child {
		clear: both;
	}

	/* 新型コロナウイルス */
	.covid19-banner {
	  width:98%;
	  margin:50px auto 0px;
	}
	.covid19-banner a {
	  font-size:30px;
	  padding:12px 10px 16px;
	  line-height:1.4;
	}
	.covid19-banner a span {
	  padding-left:1em;
	}
	.covid19-banner a span:before {
	  top:1%;
	}

	/* ページ送り
	-----------------------------------------------------------------------------------------------------------------------*/
	.paging {
		margin-bottom: 3em;
	}
	.paging ul {
		font-size: 15px;
	}
	.paging .link_page,
	.paging .current_page {
		font-size: 15px;
	}
	
	/* トップ（課題解決メニュー）*/
	.solution-wrapper {
		padding: 30px 10px 50px 10px;
	}
	.solution-wrapper h3 {
		margin-bottom: 30px;
	}

	.solution-accordion-menu {
			max-width: 100%;
	}
	.solution-accordion-menu > .col {
	    width: calc( (100% / 2) );
	}
	.solution-accordion-menu dt {
		margin: 2px;
	}
	.solution-accordion-menu dd span.btn {
		top: -55px;
		right: 2px;
	}
	.solution-accordion-menu li a {
		font-size: 15px;
	}
	
	/* トップ（セミナー情報）*/
	.seminar-wrapper ul li .pic span.mark img {
		width: 50px;
	}
	.seminar-wrapper ul li .pic .thumb {
		height: 151px;
	}
	
	/* トップ（会員紹介・所報）*/
	.shohou-wrapper {
	}
	.shohou-wrapper h3 {
		text-align: center;
	}
	.shohou-wrapper .member-info {
		width: 100%;
		float: none;
	}
	.shohou-wrapper .news-flip {
		width: 100%;
		float: none;
		margin-top: 30px;
	}
	.shohou-wrapper .news-flip p {
		margin: 0 auto;
		width: 50%;
	}
	.shohou-wrapper .news-flip p img {
		width: 100%;
	}


  /* カルーセル&バナー */
  .carousel .slick-prev {
    left: 0;
    z-index: 999;
  }

  .carousel .slick-next {
    right: 0;
    z-index: 999;
  }

  .carousel .slick-list {
    width: 94%;
    margin: 0 auto;
  }

  .carousel .slick-slide {
    padding: 0 8px;
  }

  .top-carousel-wrapper {
    padding: 20px 0 20px;
  }

  .top-banner {
    justify-content: flex-start;
  }

  .top-banner-wrapper {
    padding: 10px 20px 0;
    margin: 15px auto 0;
  }

  .top-banner .col {
    margin: 0 0 10px;
  }

  /* 会員企業広告 */
  .member-ad-wrapper {
    padding: 30px 0 40px;
  }

  h3.ttl-member-ad {
    font-size: 30px;
    margin: 0 0 18px;
    text-align: center;
  }

  .member-ad-right {
    padding: 20px 30px 10px;
  }

  .member-ad-right-inner .col {
    width: calc( (100% / 4) - 10px );
    margin: 0 5px 5px;
  }

  .member-ad-contact {
    display: none;
  }

  .sp-member-ad-contact {
    display: block;
    font-size: 24px;
    margin: 10px 0 0;
  }

/* セミナー情報
-------------------------------------------------------------------------------------------------------------*/
.seminar-list li a {
	padding: 20px 15px;
}
.seminar-list li .pic span.mark {
	top: 0;
	left: 0px;
}
.seminar-list li .pic .thumb {
	height: 160px;
}
.seminar .paging {
	padding-bottom: 0;
}

.sitemap .contents.row-3 > .col { width: calc( (100% / 2) ) !important; }

  /*	サイト内検索	/search/
  -------------------------------------------------------------------------------------------------------------*/
  .sitemap {
      padding-top: 1em;
  }

}/* max-width: 768px */

@media screen and (max-width: 480px) {
  .row-sp-1 > .col { width: 100%; margin: 0 0 20px; }
  .row-sp-2 > .col { width: calc( (100% / 2) ); }
  .row-sp-3 > .col { width: calc( (100% / 3) ); }
  .row-sp-4 > .col { width: calc( (100% / 4) ); }

	.imgQRcode {
		display: none;
	}
	#area-contents article .col2 .fleft,
	#area-contents article .col2 .fright {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}


	/*--------------------------------------------------------------
  # 下階層
  --------------------------------------------------------------*/
	.area-table{
		width: 100%;
		overflow-y: hidden;
		overflow-x: auto;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		-webkit-overflow-scrolling: touch;
	}
	.area-table table th,
	.area-table table td {
		white-space: nowrap;
	}
	
	/* ナビゲーション */
	#area-navigation ul li {
		border-bottom: 1px solid #d7d7d7;
		width: 100%;
		float: none;
	}
	#area-navigation ul li:nth-child(odd) {
		border-right: none;
	}

	/******************************************************************************

		下階層

	******************************************************************************/
	.second-page,
	.default-page {
		background: none;
	}
	#area-contents {
		padding-bottom: 0em;
	}


	/* ページタイトル
	-------------------------------------------------------------------------------------------------------------*/
	.first-page .title-h1 {
		min-height: auto;
		padding: 15px 10px 20px 10px;
		background: url(../images/bg_square.png);
		box-shadow: 0px 3px 4px #E9E9E9;
}
	.second-page .title-h1 {
		min-height: auto;
		padding: 20px 10px;
		background: url(../images/bg_square.png);
		box-shadow: 0px 3px 4px #E9E9E9;
}
	.first-page .title-h1 h1 {
		margin: 0;
		padding: 75px 0 0 0 !important;
		font-size: 30px;
		line-height: 1.2;
		text-align: center;
	}
	.second-page .title-h1 h1 {
		margin: 0;
		padding: 0 0 0 60px;
		font-size: 22px;
		line-height: 1.2;
	}
	.second-page .title-h1 h1 span {
		font-size: 10px;
		margin: 0 0 8px 0;
	}

	.first-page.jemcci .title-h1 h1,
	.first-page.consulting .title-h1 h1,
	.first-page.support .title-h1 h1,
	.first-page.training .title-h1 h1,
	.first-page.planning .title-h1 h1,
	.first-page.mutual .title-h1 h1,
	.first-page.group .title-h1 h1,
	.first-page.seminar .title-h1 h1,
	.first-page.form .title-h1 h1,
	.first-page.news .title-h1 h1,
	.first-page.monthlyreport .title-h1 h1,
	.first-page.obtaininfo .title-h1 h1,
	.first-page.newmembers .title-h1 h1 { background-size: 60px auto; min-height: 50px; background-position: top center }

	.second-page.jemcci .title-h1 h1,
	.second-page.consulting .title-h1 h1,
	.second-page.support .title-h1 h1,
	.second-page.training .title-h1 h1,
	.second-page.planning .title-h1 h1,
	.second-page.mutual .title-h1 h1,
	.second-page.group .title-h1 h1,
	.second-page.seminar .title-h1 h1,
	.second-page.form .title-h1 h1,
	.second-page.obtaininfo .title-h1 h1,
	.second-page.news .title-h1 h1,
	.second-page.monthlyreport .title-h1 h1,
	.second-page.newmembers .title-h1 h1{ background-size: 50px auto; min-height: 50px; }
	
	.monthlyreport.first-page .title-h1, .monthlyreport.second-page .title-h1, .newmembers.first-page .title-h1, .newmembers.second-page .title-h1, .news.first-page .title-h1, .news.second-page .title-h1 {
    min-height: 50px;
	}
	.first-page.seminar .title-h1 h1{ font-size:22px;}

	/* ページタイトル下のボタン
	-------------------------------------------------------------------------------------------------------------*/
	.first-page .title-h1 ul,
	.second-page .title-h1 ul {
		margin: 10px 0 0 0;
		text-align: center;
	}
	.first-page .title-h1 ul {
		margin-top: 20px;
	}
	.first-page .title-h1 ul li,
	.second-page .title-h1 ul li {
		display: inline-block;
		width: auto;
		margin: 0 auto;
	}
	.second-page .title-h1 ul li a {
		font-size: 80%;
		border-radius: 3px;
		padding: 11px 30px 12px 35px;
	}
	.first-page .title-h1 p {
		text-align: center;
		font-size: 13px;
	}

	/* リード文
	-------------------------------------------------------------------------------------------------------------*/
	#area-contents h2 {
		font-size: 20px;
		text-align: center;
		margin: 0 0 1em 0;
	}
	#area-contents h2::before {
		display: none;
	}

	/* Article内
	-------------------------------------------------------------------------------------------------------------*/
	#area-contents article {
		margin: 0 0 2em 0;
	}
	#area-contents article h3 {
		font-size: 18px;
		margin: 0 0 1em 0;
		padding: 5px 0 8px 15px;
		overflow: hidden;
	}
	#area-contents.list article h3 {
		padding-right: 120px;
	}
	#area-contents article h3 .btn {
		top: 2px;
		right: 0;
		font-size: 13px;
	}
	#area-contents article h3 .btn a.link-apply {
			border-radius: 5px;
			background: #ffc600 url(../images/top/btn-examination.png) no-repeat 6px center;
			background-size: auto 20px;
			padding: 8px 18px 10px 30px;
	}
	#area-contents article h3 .btn a.link-apply::after {
    top: 22%;
    right: 8px;
	}
	#area-contents article h4 {
		font-size: 15px;
		border-radius: 3px;
		padding: 10px 10px;
		margin: 0 0 1em 0;
	}
	#area-contents article h4 span.status {
		border-radius: 3px;
		display: block;
		font-size: 13px;
		padding: 5px 10px;
		margin: 10px 0 0 0;
	}

	#area-contents p {
		font-size: 13px;
	}
	
	#area-contents article table th,
	#area-contents article table td {
		padding: 8px;
		font-size: 13px;
	}

	#area-contents article ul.list-grade li {
		width: 100%;
		float: none;
		border: 1px solid #add5d1;
		border-radius: 5px;
		margin-left: 0;
		margin-bottom: 10px;
	}
	#area-contents article ul.list-grade li div {
		margin: 10px;
		font-size: 15px;
	}
	#area-contents article ul.list-grade li p {
		margin: 0 10px 10px 10px;
	}
	#area-contents article ul.list-grade li p.text-big {
		font-size: 18px;
		text-align: center;
	}
	
	#area-contents article.list-success ul li {
		font-size: 14px;
		width: 23%;
		margin: 0 0 0.5em 2% !important;
		padding: 10px 0 14px 0;
	}
	#area-contents article.list-success ul li:nth-child(4n+1) {
		margin-left: 0;
	}
	#area-contents .list-tag {
		font-size: 11px;
	}
	#area-contents .list-tag li {
		display: block;
		width: 100%;
		margin-top: 5px;
	}
	#area-contents article .list-apply li {
		font-size: 12px;
		padding: 15px 30px 12px 20px;
	}
	#area-contents article .list-apply li strong {
		font-size: 16px;
		width: 100%;
		display: block;
		margin-bottom: 12px;
	}
	#area-contents article .list-apply li strong::before {
		width: 10px;
		left: -20px;
	}
	#area-contents article .list-apply li div {
		top: 40px;
		right: 10px;
		padding: 5px 0;
	}
	#area-contents article .list-apply small {
		display: block;
		line-height: 1.4;
	}

	/* コンテンツトップのリンク（画像）
	-------------------------------------------------------------------------------------------------------------*/
	#area-contents nav.contents-link-box {
		padding: 10px 10px 0 10px;
		margin-bottom: 2em;
	}
	#area-contents nav.contents-link-box dl {
		width: 100%;
		float: none;
		background: #FFF;
		margin-left: 0;
		margin-bottom: 10px;
		padding: 10px;
	}
	#area-contents nav.contents-link-box dl dt {
		margin-bottom: 0.5em;
	}
	#area-contents nav.contents-link-box dl dt strong {
		padding: 10px 30px;
	}
	#area-contents nav.contents-link-box dl dt strong::before {
		left: 15px;
	}
	#area-contents nav.contents-link-box dl dd {
		font-size: 12px;
	}


	/* コンテンツトップのリンク（テキスト）
	-------------------------------------------------------------------------------------------------------------*/
	#area-contents article ul.contents-link-list {
		padding: 0;
		border: 1px solid #DDD;
		border-radius: 5px;
	}
	#area-contents article ul.contents-link-list li {
		width: 100%;
		margin: 0;
		font-size: 14px;
		border-bottom: 1px solid #DDD;
	}
	#area-contents article ul.contents-link-list li:nth-child(2n+1) {
		margin-left: 0;
	}
	#area-contents article ul.contents-link-list li a {
		border-radius: 0;
	}

	/* 講師プロフィール
	-------------------------------------------------------------------------------------------------------------*/
	.profile-box {
		padding: 10px;
		font-size: 13px;
	}
	.profile-box .fright {
		margin-left: 1em;
	}
	.profile-box dl dd {
		font-size: 12px;
	}

	/* 申込みボックス
	-------------------------------------------------------------------------------------------------------------*/
	.apply-box {
		padding: 1px 10px;
	}
	.apply-box button {
		line-height: 1.4;
		font-weight: 500;
		font-size: 18px;
		padding: 15px 2.5em 18px 3em;
	}
	.apply-box button::after {
		top: auto;
		right: 1em;
	}
	.apply-box button::before {
		left: 1.2em;
	}

	/* お問い合わせボックス
	-------------------------------------------------------------------------------------------------------------*/
	.contact-box {
		border: 3px solid #0c559e;
		padding: 10px;
	}
	.contact-box dl dt {
		font-size: 22px;
	}
	.contact-box dl dt strong {
		font-size: 16px;
		border-radius: 4px;
		padding: 6px 0 8px 0;
		margin: 0 0 10px 0;
	}
	.contact-box dl dd {
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.8;
	}
	.contact-box dl dd span {
		border-radius: 3px;
		padding: 2px 5px;
		margin-right: 5px;
		font-size: 11px;
	}
	.contact-box dl dd a.btn-contact {
		border-radius: 4px;
		padding: 15px 30px 17px 40px;
		font-size: 17px;
	}
	.contact-box dl dd a.btn-contact::after {
		top: 30%;
		right: 15px;
	}
	.contact-box dl dd a.btn-contact::before {
		top: 30%;
		left: 15px;
	}


  /*--------------------------------------------------------------
  # トップページ
  --------------------------------------------------------------*/
  /* 新着情報 */
  .news-left {
    padding: 20px 0 0;
  }
	/* 新型コロナウイルス */
	.covid19-banner a {
	  font-size:20px;
	  padding:12px 20px 16px;
	}

  .news-ttl-wrapper h3.ttl-news {
    text-align: center;
    font-size: 20px;
    margin: 0 0 20px;
  }

  .news-ttl-wrapper {
    padding: 0 10px;
  }
  .news-tab {
    padding: 5px;
  }
  .news-tab a {
    padding: 5px 8px;
    font-size: 11px;
    margin: 0;
  }
  .news-cont-wrapper {
    padding: 0 10px 20px;
  }
  .news-list td {
    padding: 0 0 5px;
  }
  .news-date,
  .news-list-ttl {
    font-size: 13px;
    line-height: 1.3;
  }

  .news-list td.news-list-ttl {
    margin: 0 0 10px;
  }

  .news-list td.news-category {
    padding: 0 15px 5px 15px;
  }

  .news-list td.news-category span {
    padding: 3px 8px;
		font-size: 11px !important;
  }

  .news-list td.news-date {
    margin: 0;
  }

  .sp-news-list-button a {
    font-size: 15px;
    padding: 8px 0;
  }
	
	.news-right {
		width: 100%;
		background: #FFF;
		text-align: center;
		padding: 10px;
	}
	.news-right ul {
		overflow: hidden;
	}
	.news-right ul li {
		margin-bottom: 5px;
		width: 49%;
		float: left;
	}
	.news-right ul li:first-child {
		margin-right: 1%;
	}
	.news-right ul li:nth-child(odd) {
		margin-right: 1%;
	}
	.news-right dl {
		max-width: 100%;
		margin: 0 auto;
		padding: 7px 5px;
		overflow: hidden;
	}
	.news-right dl dt {
		float: left;
		width: 49%;
	}
	.news-right dl dd {
		margin-top: 0;
		width: 49%;
		float: right;
	}
	.news-right dl dd:last-child {
		clear: both;
	}

		/* ページ送り
	-----------------------------------------------------------------------------------------------------------------------*/
	.paging {
		margin-bottom: 2em;
	}
	.paging ul {
		font-size: 13px;
		margin-top: 1em;
		padding: 0;
	}
	.paging ul li {
		margin: 0 2px;
	}
	.paging .link_page,
	.paging .current_page {
		font-size: 13px;
	}
	.paging .link_before,
	.paging .link_next {
		margin: 0;
	}


  .news-right-bnr .col a {
    padding: 15px 0;
  }

  .news-right-bnr-inner-ico {
    margin: 0 0 10px;
  }

  .news-right-bnr-inner-ico img {
    height: 28px;
  }

  .news-right-bnr-inner-text {
    font-size: 76%;
  }
	.news-detail article .layout-change-table table th {
		width: 100%;
	}

	/* トップ（課題解決メニュー）*/
	.solution-wrapper {
		padding: 20px 5px 30px 5px;
	}
	.solution-wrapper h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.solution-menu {
	    max-width: 100%;
	}
	.solution-menu dl {
		display: block;
	}
	.solution-menu dt {
		background-image: url(../solution/images/pic_obtaininfo.png);
		background-position: -1em center;
		background-size: auto 100%;
		width: 100%;
		height: 5em;
	}
	.solution-menu dd {
		width: 100%;
		padding: 10px 10px 0 10px;
	}
	.solution-menu dd ul {
		overflow: hidden;
		background: #F5F5F5;
		border: 1px solid #DDD;
		padding: 0 1px;
		margin: 15px 0;
		box-sizing: border-box;
	}
	.solution-menu dd ul li {
		width: 100%;
		float: none;
		margin: 1px 0;
		font-size: 14px;
		border-bottom: 1px solid #DDD;
	}
	.solution-menu dd ul li:last-child {
		border-bottom: none;
	}
	.solution-menu dd ul li a {
		border-radius: 0;
	}
	.solution-accordion-menu {
			max-width: 100%;
	}
	.solution-accordion-menu dt {
		line-height: 1.4;
		font-size: 13px;
		background-size: auto 60px;
		background-position: center 10px !important;
		font-weight: 500;
	}
	.solution-accordion-menu label {
			padding: 70px 5px 25px 5px;
			min-height: 100px;
			display: block;
			cursor :pointer;
	}

	.solution-accordion-menu dd span.btn {
		position: absolute;
		width: 40px;
		height: 40px;
		top: -42px;
		right: 2px;
		background-size: 40px auto;
	}
	.solution-accordion-menu input:checked ~ span.btn {
			width: 40px;
			height: 40px;
			top: -42px;
			right: 2px;
			background-size: 40px auto !important;
	}
	.solution-accordion-menu ul li strong {
		line-height: 1.4;
		padding: 10px 10px 5px;
		font-size: 13px;
	}
	.solution-accordion-menu li a {
		font-size: 12px;
		padding: 5px 10px 5px 15px;
		line-height: 1.4;
	}
	.solution-accordion-menu li a::before {
		left: 5px;
		top: 5px;
	}

	/* トップ（セミナー情報）*/
	.seminar-wrapper {
		padding: 30px 0 50px 0;
	}
	.seminar-wrapper h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.seminar-wrapper ul li {
		float: left;
		width:50%;
		margin-left: 2%;
	}
	.seminar-wrapper ul li .pic {
		padding-top: 10px;
	}
	.seminar-wrapper ul li .pic span.mark {
		position: absolute;
		top: 0px;
		left: -10px;
		z-index: 3;
	}
	.seminar-wrapper ul li .pic span.mark img {
		width: 40px;
	}
	.seminar-wrapper ul li .pic .thumb {
		height: 116px;
	}
	.seminar-wrapper ul li .detail,
	.seminar-wrapper ul li .end {
		line-height: 1.2;
		padding: 8px;
	}
	.seminar-wrapper ul li .detail dl dd {
		font-size: 12px;
	}
	.seminar-wrapper ul li .detail dl dt {
		font-size: 10px;
		margin-bottom: 5px;
	}
	.seminar-wrapper ul li .end {
		font-size: 11px;
	}
	.seminar-wrapper ul li .end dl dd {
		font-size: 13px;
	}
	.seminar-wrapper .btn a {
		position: absolute;
		top: auto;
		bottom: -50px;
		right: 0;
		left: 0;
		margin: 0 auto;
		display: block;
		padding: 4px 30px 6px 20px;
		background: #FFF;
		color: #0c559e;
		font-size: 13px;
		border-radius: 5px;
		text-align: center;
		height: 3em;
		width: 90%;
	}

	/* トップ（会員紹介・所報）*/
	.shohou-wrapper {
		background: url(../images/top/bg_shohou.png) no-repeat center bottom #a6c3eb;
		background-size: auto 50%;
		padding: 30px 0 40px 0;
	}
	.shohou-wrapper h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.shohou-wrapper .member-info {
		width: 100%;
		float: none;
	}
	.shohou-wrapper .member-info h4 {
		padding: 10px;
		font-size: 16px;
	}
	.shohou-wrapper .member-info h4 span {
		font-size: 11px;
		line-height: 1.2;
		margin-top: 5px;
		text-align: left;
		position: relative;
		top: 0;
		right: 0;
	}
	.shohou-wrapper .member-info .new-entry h4 {
		margin-top: 5px;
	}

	.shohou-wrapper .member-info .shinise-entry article,
	.shohou-wrapper .member-info .new-entry article {
		width: 100%;
	}

	.shohou-wrapper .news-flip p {
		width: 65%;
	}
	.shohou-wrapper .news-flip .newrelease a,
	.shohou-wrapper .news-flip .backnumber a{
		font-size: 13px;
		padding: 5px 0;
	}
	.shohou-wrapper .member-info article:nth-child(even),
	.shohou-wrapper .new-entry article:nth-child(even) {
		float: none;
	}

/* トップ（新入会員紹介）*/
		.newmembers-wrapper {
		padding: 30px 0 40px 0;
	}
	.newmembers-wrapper .members-box {
		position: relative;
		padding: 0 30px;
	}
	.newmembers-wrapper h3 {
		font-size: 20px;
	}
	.newmembers-wrapper h3 + p {
		font-size: 13px;
	}
	.newmembers-wrapper ul.carousel-list li {
		margin: 0;
	}
	.newmembers-wrapper .btn a {
		position: absolute;
		top: auto;
		bottom: -35px;
		right: 0;
		left: 0;
		margin: 0 auto;
		display: block;
		padding: 4px 30px 6px 20px;
		background: #212121;
		color: #fff;
		font-size: 13px;
		border-radius: 5px;
		text-align: center;
		height: 3em;
		width: 90%;
	}
	.newmembers-wrapper .btn a:hover {
		background: #06315c;
	}
	.newmembers-wrapper .btn span::before {
		font-family: 'FontAwesome';
		content:"\f101";
		position: absolute;
		top: 12%;
		right: 15px;
	}


  /* ボタン */
  .top-button {
    padding: 8px 10px;
  }
  .top-button-text {
    font-size: 13px;
  }

  .top-button-arrow {
    right: 15px;
  }

  .top-button-ico img {
    height: 28px;
  }

  /* カルーセル&バナー */
  .top-banner-wrapper {
    padding: 10px 10px 0;
  }

  .top-banner.row-tb-4 .col {
    margin: 0 2px 10px;
    width: calc( (100% / 4) - 4px );
  }

  /* 会員企業広告 */
  .member-ad-wrapper {
    padding: 20px 0;
  }

  h3.ttl-member-ad {
    font-size: 20px;
    margin: 0;
    text-align: center;
  }

  .member-ad-right {
    padding: 5px 5px 0;
  }
  .sp-member-ad-contact {
    font-size: 13px;
    margin: 0;
  }

	/*	セミナー情報	/seminar/
	-------------------------------------------------------------------------------------------------------------*/
	.seminar .contents article .layout-change-table table th {
		width: 100%;
	}


	/*	セミナー情報	/seminar/
	-------------------------------------------------------------------------------------------------------------*/
	.seminar-list li {
		width: 50%;
		margin-bottom: 0;
	}
	.seminar-list li .pic .thumb {
		height: 122px;
	}
	.seminar-list li .pic span.mark img {
		width: 40px;
	}
	.seminar-list li .detail dl dt {
		letter-spacing: 0;
	}
	
	/*	課題解決メニュー	/solution/
-------------------------------------------------------------------------------------------------------------*/
.solution .title-h1 {
	box-shadow: none;
}
.solution .title-h1 h1 {
	font-size: 20px;
	padding-top: 10px !important;
	min-height: auto;
}
.solution .title-h1 h1 strong {
	font-size: 34px;
	margin: 0 2px;
}
.solution .title-h1 h1::before {
	width: 14px;
	height: 14px;
	background-size: 14px 14px;
	margin-right: 5px;
}
.solution .title-h1 h1::after {
	width: 14px;
	height: 14px;
	background-size: 14px 14px;
	margin-left: 5px;
}
.solution .title-h1 p {
	font-size: 13px;
	line-height: 1.6;
}

.solution .contents article {
	border-radius: 4px;
	width: 100%;
	margin-bottom: 1.5em !important;
}
.solution .contents article .solution-title {
	float: none;
	width: 100%;
	overflow: hidden;
	text-align: left;
}
.solution .contents article .solution-title p {
	width: 80px;
	float: left;
	margin: 0.5em 0 0.5em;
}
.solution .contents article .solution-title p img {
}
.solution .contents article .solution-title h2 {
	font-size: 15px !important;
	display: inline-block;
	font-weight: 500;
	padding-top: 1.2em;
	padding-left: 0.2em;
	text-align: left;
}
.solution .contents article .solution-title h2::before {
	background: none !important;
}
.solution .contents article .solution-menu {
	float: none;
	width: 100%;
	padding: 10px;
}
.solution .contents article .solution-menu h3 {
	padding: 0 0 8px 0 !important;
	margin-top: 1em !important;
	font-size: 14px !important;
}
.solution .contents article .solution-menu ul li {
	float: none;
	width: 100%;
	font-size: 12px;
}


/*	所報	/monthly_report/
	-------------------------------------------------------------------------------------------------------------*/
	/* この人に聞く */
	.monthlyreport div.interview-entry a {
		line-height: 1.4;
	}

	/* まつやまの老舗 */
	.monthlyreport div.shinise-entry article {
		float: none;
		width: 100%;
		background-size: 30px auto;
	}
	.monthlyreport div.shinise-entry article a {
		padding: 10px;
	}
	.monthlyreport div.shinise-entry article .pic {
		width: 30%;
	}
	.monthlyreport div.shinise-entry article .detail {
		width: 65%;
	}
	.monthlyreport div.shinise-entry article .detail p {
		font-size: 12px !important;
	}
	.monthlyreport div.shinise-entry article .detail p.year {
		border-radius: 3px;
	}
	.monthlyreport div.shinise-entry article .detail p.name {
		font-size: 15px !important;
		margin: 5px 0;
	}
	.monthlyreport div.shinise-entry article .detail p.text {
		font-size: 10px !important;
	}

	/* 今月のNEW */
	.monthlyreport div.new-entry article {
		float: none;
		width: 100%;
		margin-bottom: 1em !important;
		margin-left:0 !important;
		background-size: 30px auto;
	}
	.monthlyreport div.new-entry article a {
		padding: 10px;
	}
	.monthlyreport div.new-entry article .pic {
		width: 30%;
	}
	.monthlyreport div.new-entry article .pic .mark {
		position: absolute;
		top: -5px;
		left: -5px;
	}
	.monthlyreport div.new-entry article .pic .mark img {
		width: 70%;
	}
	.monthlyreport div.new-entry article .detail {
		width: 65%;
	}
	.monthlyreport div.new-entry article .detail p {
		font-size: 11px !important;
	}
	.monthlyreport div.new-entry article .detail p.name {
		font-size: 15px !important;
		margin: 5px 0;
	}
	
		/* バックナンバー */
	.monthlyreport .monthlyreport-box {
		border-bottom: 1px solid #DDD;
		padding-bottom: 2em;
	}
	.monthlyreport .monthlyreport-box .frontpage {
		text-align: center;
		margin: 0 auto;
		width: 70%;
		float: none;
	}
	.monthlyreport .monthlyreport-box .frontpage img {
		width: 80%;
	}
	.monthlyreport .monthlyreport-box .frontpage span {
		margin: 1em 0 0 0;
		font-size: 13px;
		border-radius: 4px;
		padding: 10px 0 14px 0;
	}
	.monthlyreport .monthlyreport-box .frontpage span::before {
		top: 24%;
		left: 15%;
	}

	.monthlyreport .monthlyreport-box .contents {
		float: none;
		width: 100%;
	}
	.monthlyreport .monthlyreport-box .contents h3:first-child,
	.monthlyreport .monthlyreport-box .contents h3 {
		margin-top: 1.5em !important;
	}
	
	/* 表紙絵を訪ねて */
	.second-page.monthlyreport .title-h1 h1 small {
		font-size: 70%;
	}
	.monthlyreport .monthlyreport-hyoushie dl {
		padding: 0 5px 2em 5px;
		width: calc( (100% / 2) ); 
	}
	.monthlyreport .monthlyreport-hyoushie dl dt {
		font-size: 15px;
	}
	.monthlyreport .monthlyreport-hyoushie dl dd {
		font-size: 11px;
	}
	.monthlyreport .monthlyreport-hyoushie dl dd strong {
		font-size: 13px;
	}


/*	新入会員紹介	/new_members/
-------------------------------------------------------------------------------------------------------------*/
.newmembers .members-box .members-block {
	display: block;
	flex-wrap:nowrap;
	width: 100% !important;
	padding: 10px !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
	margin:0 0 1em 0 !important;
}
.newmembers .members-block .members-summary dl.pic {
	float: right;
	width: 130px;
	margin-right: 0;
	margin-left: 10px;
}
.newmembers .members-block .members-summary dl.pic dt {
	font-size: 11px;
}
.newmembers .members-block .members-summary dl.pic dd {
	width: 130px;
	height: 90px;
}
.newmembers .members-block .members-summary dl.name dt {
	font-size: 15px;
}
.newmembers .members-block .members-detail ul li span.title {
	display: block;
}

.sitemap .contents.row-3 > .col { width: calc( (100% / 1) ) !important; }
.sitemap .contents h2 {
	text-align: left !important;
}
.sitemap .contents h2 a::after {
	left: 7px !important;
	top: 6px !important;
	font-size: 14px !important;
}
.sitemap .contents ul li {
	margin-bottom: 10px !important;
}
.sitemap .contents ul li a {
	font-size: 13px;
}

/*	English	/en/
-------------------------------------------------------------------------------------------------------------*/
.en p.fright {
    width: 100%;
}
.en table.fleft {
    width: 100%;
}

}/* max-width: 480px */


/* INDEX 動画
-------------------------------------------------------------------------------------------------------------*/
.movie-wrapper {
	width: 100%;
	margin: -15px auto 3em;
	text-align :center;
}
.movie-wrapper .movie-box {
	width: 100%;
	aspect-ratio: 16 / 9;
}
.movie-wrapper .movie-box iframe {
	width:100%;
	height: 100%;
}

@media all and (max-width: 640px) {
	.movie-wrapper {
		margin: -20px auto 2em;
	}
}

/*
.movie-wrapper {
	max-width: 1200px;
	margin: 0 auto 30px;
	text-align :center;
}
.movie-wrapper .movie-box {
	width: 100%;
	aspect-ratio: 16 / 9;
}
.movie-wrapper .movie-box iframe {
	width:100%;
	height: 100%;
}

@media all and (max-width: 640px) {
	.movie-wrapper {
		margin: 3em auto 0;
	}
}
*/