@charset "UTF-8";
/* ----------------------------------------------
		 グロナビカレント位置
------------------------------------------------- */
body.second.about .header-logo-nav ul.pc-view li:nth-child(1) a,
body.second.renovation .header-logo-nav ul.pc-view li:nth-child(2) a,
body.second.specification .header-logo-nav ul.pc-view li:nth-child(3) a,
body.second.lists .header-logo-nav ul.pc-view li:nth-child(4) a,
body.second.works .header-logo-nav ul.pc-view li:nth-child(5) a {
  color: var(--cm-primary-tx-color);
}
body.second.about .header-logo-nav ul.pc-view li:nth-child(1) a::before, 
body.second.renovation .header-logo-nav ul.pc-view li:nth-child(2) a::before,
body.second.specification .header-logo-nav ul.pc-view li:nth-child(3) a::before,
body.second.lists .header-logo-nav ul.pc-view li:nth-child(4) a::before,
body.second.works .header-logo-nav ul.pc-view li:nth-child(5) a::before {
  transform-origin: center top;
  transform: scale(1, 1);
}
body.second.about .main-inner h4 {
  display: inline-block;
  font-size: 2.0rem;
  border-bottom: 1px solid;
}
body.second .main-inner h4 {
  font-size: 2.0rem;
	font-weight: 600;
}
body.second .main-inner h5 {
  font-size: 1.6rem;
	font-weight: 600;
}
/************************
  header.catch
************************/
header.catch {
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--cm-water-bg-color);
}
header.catch h2 {
  font-size: 2.0rem;
  text-align: center;
  line-height: 2.0;
	color: var(--cm-white-bg-color);
	text-shadow: 1px 1px 1px var(--cm-main-tx-color);
}
header.catch h2 span {
  font-size: 1.6rem;
  display: block;
}

body.second.about header.catch {
	background-image: url("../images/common/catchA.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
body.second.works header.catch {
	background-image: url("../images/common/catchB.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
body.second.lists header.catch  {
	background-image: url("../images/common/catchC.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
body.second.inquiry header.catch  {
	background-image: url("../images/common/catchD.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}




/* ----------------------------------------------
		 第二階層
------------------------------------------------- */
body.second {}
body.second main .main-inner h3.title-content-bg {
  padding: 0.5em;
  text-align: left;
  color: var(--cm-color-fff);
  background-color: var(--cm-primary-tx-color);
}
body.second main .main-inner h4.title-company-name-bg {
  padding: 0.5em 0;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
  text-indent: 0.5em;
  color: var(--cm-primary-tx-color);
  border-bottom: 1px dotted var(--cm-primary-tx-color);
}
/************************
  組合員名簿　lists
************************/
h5.list-sub-ttl {
  margin: 3.0em 0 0 0;
  padding: 0.3em 0.5em;
  font-size: 1.6rem;
  line-height: 2.0;
  font-weight: bold;
  text-align: left;
  border-top: 1px solid var(--cm-gray-tx-color);
  background-color: var(--cm-water-bg-color);
}
/* テーブルレイアウト　名簿 */
table.tbl-lists {
  margin: 0 0 2.0em 0;
  width: 100%;
  border-top: 1px solid var(--cm-gray-tx-color);
}
table.tbl-lists thead th {
  background-color: var(--cm-efefef-bg-color);
  padding: 0.2em 0.5em;
}
table.tbl-lists th, table.tbl-lists td {
  padding: 0.75em 0.5em;
  vertical-align: top;
  text-align: center;
  white-space: nowrap;
  word-break: break-all;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  border-bottom: 1px solid var(--cm-gray-tx-color);
}
table.tbl-lists td:nth-child(2), table.tbl-lists td:nth-child(4), table.tbl-lists td:nth-child(5), table.tbl-lists td:nth-child(6) {
  letter-spacing: 0em;
}
table.tbl-lists td:nth-child(1), table.tbl-lists td:nth-child(3) {
  text-align: left;
  white-space: normal;
}
table.tbl-lists td:nth-child(1) {
  width: 25%;
  font-weight: 600;
}
table.tbl-lists td:nth-child(3) {
  width: 40%;
}
table.tbl-lists td:nth-child(1) a {
  display: block;
  position: relative;
  padding-right: 1.6rem;
  border: 0px solid;
}
table.tbl-lists td:nth-child(1) a:hover {
  color: var(--cm-orange-tx-color);
}
table.tbl-lists td:nth-child(1) a::after {
  position: absolute;
  top: 2px;
  right: 0;
  content: "\F423";
  font-family: bootstrap-icons;
  font-weight: 400;
}
table.tbl-lists td a.no-data {
  opacity: 0.5;
}

/************************
  組合仕様　specification
************************/
body.second.specification header.slide {
	padding: 0;
	margin: 0;
	position: relative;
	height: calc(100vh);
	display: flex;
	justify-content: center;
	align-items: center;
}
body.second.specification header.slide .catch-tx {
	z-index: 5;
	position: absolute;
	transform: translateY(100px);
	margin: 0 auto;
	width: 80%;
	text-align: center;
	color: var(--cm-color-fff);
	text-shadow: var(--cm-color-000) 1px 1px 5px;
	border: 0px solid #FFF;
	
  opacity: 0;
  animation-name: fadein_catch;
  animation-duration: 3.0s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@keyframes fadein_catch {
  0% {
     opacity: 0;
     transform: translateY(0px);
  }
  100% {
     opacity: 1;
     transform: translateY(20px);
  }
}

body.second.specification header.slide .catch-tx h2 {
	/*font-size: 5.0rem;*/
	margin: 0 auto;
  font-size: clamp(1.1vw, 4.0vw, 4.5rem);
	font-weight: 500;
	letter-spacing: 0.1em;
	margin-bottom: 0.5em;
	border: 0px solid #000;
}
body.second.specification header.slide .catch-tx p {
	margin: 0 auto;
	max-width: 32em;
	display: block;
	font-size: clamp(1.1vw, 2.0vw, 2.0rem);
	font-weight: 500;
	text-align: justify;
	border: 0px solid #000;
}

body.second.specification header.slide .slider-specification {
	width: 100%;
	border: 0px solid #000;
}
body.second.specification header.slide .slider-specification .photo {
	width: 100%;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

}
body.second.specification header.slide .slider-specification .photo.slide1 {
	background-image: url("../images/specification/slide1.jpg");
}
body.second.specification header.slide .slider-specification .photo.slide2 {
	background-image: url("../images/specification/slide2.jpg");
}
body.second.specification header.slide .slider-specification .photo.slide3 {
	background-image: url("../images/specification/slide3.jpg");
}


body.second.specification .main-inner .box-method {
	position: relative;
}

body.second.specification .main-inner .box-method h4 {
	position: absolute;
	width: 100%;
	max-width: 250px;
	margin: 0;
	padding: 0.5em 3.0em 0.5em 2.0em;
	bottom: 0;
	right: 0;
	z-index: 5;
	font-size: 1.6rem;
	color: var(--cm-color-fff);
	background-color: var(--cm-base-bg-color);
}
body.second.specification .main-inner .box-method h4.wide {
	width: auto;
	max-width: 100%;
}
body.second.specification .main-inner .box-method h4::after {
  content: url("../images/common/arrow-white.svg");
  position: absolute;

  margin: 0 0.5em 0 0;
  right: 0;
	bottom: 7px;
  width: 2rem;
	transition: .5s;
	transform: translateX(0px);
}
body.second.specification .main-inner .box-method a:hover h4::after {
	transition: .5s;
	transform: translateX(5px);
}


body.second.specification .main-inner .box-method .hover-tx {
	position: absolute;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 1.5em;
	text-align: start;
	
	z-index: 5;
	opacity: 0;
	color: var(--cm-color-fff);
	transition: 1s;
}
body.second.specification .main-inner .box-method a {
	transition: 1s;
}
body.second.specification .main-inner .box-method a:hover .hover-tx {
	opacity: 1;
}
body.second.specification .main-inner .box-method a:hover img {
	filter: brightness(0.4);
}

/************************
  防水を主体とした改修工事　renovation
************************/
body.second.renovation header.animation {
	/*height: calc(100vh - 85px);*/
	background-color: var(--cm-light-green-bg-color);
}
body.second.renovation header.animation .inner-animation {
	margin: 0 auto;
	max-width: 1300px;
	display: flex;
	justify-content: center;
	align-items: stretch;
}
body.second.renovation header.animation .inner-animation > div {
	border: 0px solid;
}
body.second.renovation header.animation .inner-animation > div.image {
	position: relative;
}
body.second.renovation header.animation .inner-animation > div.image img {
	width: 100%;
	/*height: 100%;*/
}
body.second.renovation header.animation .inner-animation > div.image a.re_btn {
	position: absolute;
	display: block;
	right: 2%;
	z-index: 5;
	transition: 1s;
	transform-origin: center;
	border: 0px solid;
}
body.second.renovation header.animation .inner-animation > div.image a.re_btn:hover {
	/*filter: brightness(1.2);*/
	filter: saturate(150%) brightness(1.1);
	transform: scale(1.1);
	opacity: 1;
}
body.second.renovation header.animation .inner-animation > div.image a.re_btn.type1 {
	top: 3.2%;
	width: 11%;
}
body.second.renovation header.animation .inner-animation > div.image a.re_btn.type2 {
	top: 25%;
	width: 11%;
}
body.second.renovation header.animation .inner-animation > div.image a.re_btn.type3 {
	top: 48%;
	width: 11%;
}
body.second.renovation header.animation .inner-animation > div.image a.re_btn.type4 {
	top: 72%;
	width: 11%;
}

body.second.renovation header.animation .inner-animation > div.detail {
	width: 100%;
	max-width: 330px;
	background-color: var(--cm-color-000);
}
body.second.renovation header.animation .inner-animation > div.detail > div {
	padding: 2.5em 3.5em;
	color: var(--cm-color-fff);
	font-size: 1.4rem;
}

body.second.renovation main .main-inner.flow img {
	box-shadow: 2px 2px 2px #CCC;
}

body.second.renovation main .main-inner.references .ref-link {
	margin-bottom: 2.0em;
}
body.second.renovation main .main-inner.references .ref-link a {
	display: block;
	padding: 1.0em 2.0em;
	font-size: 2.2rem;
	font-weight: 500;
	color: var(--cm-base-bg-color);
	text-align: left;
	border: 1px solid var(--cm-base-bg-color);
	background-color: var(--cm-light-dark-green-bg-color);
	transition: .5s;
}
body.second.renovation main .main-inner.references .ref-link a:hover {
	color: var(--cm-color-fff);
	background-color: var(--cm-base-bg-color);
}

/************************
  main -- 施工事例
************************/
body.second.works main .main-inner .work-box {
	text-align: left;
  border: 0px solid;
}
body.second.works main .main-inner .work-box .ttl {
	padding: 1.0em 0;
	font-size: 2.0rem;
	font-weight: 600;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	/*background-color: var(--cm-water-bg-color);*/
}

body.second.works main .main-inner .work-box p {
  padding: 0;
  margin: 0;
  line-height: 1.5;
  font-size: 1.4rem;
}

body.second.works main .main-inner .work-box .b_a {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
body.second.works main .main-inner .work-box .b_a .before {
	width: 35%;
}
body.second.works main .main-inner .work-box .b_a .after {
	width: 62%;
}

body.second.works main .main-inner .work-box .b_a .before::before {
	position: relative;
	top: 5px;
	content: 'Before↓';
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 3.0rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: var(--cm-primary-tx-color);
}
body.second.works main .main-inner .work-box .b_a .after::before {
	position: absolute;
	left: 0;
	width: 38%;
	padding-right: 5px;
	text-align: right;
	content: 'After→';
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 3.0rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: var(--cm-color-fff);
	background-color: var(--cm-primary-tx-color); 
}

/*ホバーエフェクト*/
body.second.works main .main-inner .work-box .b_a img {
  transform: scale(1);
  transition: .3s ease-in-out;
}
body.second.works main .main-inner .work-box .b_a .before:hover img,
body.second.works main .main-inner .work-box .b_a .after:hover img {
  /*transform: scale(1.1);*/
  filter: brightness(125%);
}

body.second.works main .main-inner .work-box .method {
	margin: 1.0em 0;
	display: flex;
	justify-content: space-between;
}
body.second.works main .main-inner .work-box .method .m-name {
	display: flex;
	align-items: center;
	height: 2.5em;
	padding: 0.5em;
	font-size: 1.5rem;
	font-weight: 500;
	white-space: nowrap;
	color: var(--cm-color-fff);
	background-color: var(--cm-base-bg-color); 
}
body.second.works main .main-inner .work-box .method .m-detail {
	text-align: right;
	padding: 0.5em;
	font-size: 1.5rem;
/*	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;*/
	background-color: var(--cm-color-fff);
}


body.second.works main .main-inner .work-box .photo {
/*  max-width: 100%;
  height:100%;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
  cursor: pointer;*/
}


/************************
  調査診断・お見積り・お問合せ　inquiry
************************/
.main-inner .inq-sub-ttl {
  margin: 1.0em 0 0 0;
  padding: 0.3em 0.5em;
  color: var(--cm-primary-tx-color);
  font-size: 2.0rem;
  line-height: 2.0;
  font-weight: bold;
  text-align: left;
}
/* テーブルレイアウト　フォーム */
table.tbl-inq-form {
  margin: 1.0em 0 2.0em 0;
  width: 100%;
  border-top: 1px solid var(--cm-gray-tx-color);
  border-bottom: 1px solid var(--cm-gray-tx-color);
}
table.tbl-inq-form.bg {
  background-color: var(--cm-efefef-bg-color);
}

table.tbl-inq-form tr {
  border-top: 1px solid var(--cm-gray-tx-color);
}
table.tbl-inq-form th, table.tbl-inq-form td {
  padding: 1.0em 0.75em;
  text-align: left;
  vertical-align: middle;
}
table.tbl-inq-form th {
  width: 35%;

	font-size: 1.8rem;
}
table.tbl-inq-form th span.small {
	font-weight: normal;
	font-size: 1.3rem;
}
table.tbl-inq-form tr.noborder {
	border-top: none;
}
table.tbl-inq-form tr.noborder td {
	padding-top: 0;
}
/************************
  フォーム関連
************************/
.form-control, .form-select {
  font-size: 1.6rem;
  padding: 0.75rem;
  margin: 0.1em 0;
}
.form-control::placeholder {
  color: #ABABAB;
}
.form-control {
  border: 1px solid var(--cm-gray-tx-color);
}
.form-check-input {
	transform: scale(1.4);
	margin-right: 0.5em;
	border: 2px solid var(--cm-gray-tx-color);
}
button.btn {
  padding: 1.5em 2.5em;
  font-size: 1.8rem;
}
button.btn.btn-info {
  color: var(--cm-white-bg-color);
}
button.submit {
  display: none;
}
button.back {
  display: none;
}
.form_confirm {
  display: none;
}
.form-check-input {
  margin-top: 0.45em;
}
/************************
  お知らせ　news
************************/
body.second.news .news-ydm {
	margin: 0;
	padding: 0;
}
body.second.news .category-label {
	margin: 0 auto;
	display: inline-block;
	width: 130px;
	font-size: 1.4rem;
	color: var(--cm-color-fff);
	padding: 0em 0.2em;
	border-radius: 5px;
	background-color: var(--cm-gray-tx-color);
}
body.second.news .category-label.maker {
	background-color: var(--cm-primary-tx-color);
}
body.second.news .category-label.news {
	background-color: var(--cm-base-bg-color);
}

/************************
  投稿コンテンツ内　共通CSS設定
************************/

/* Youtubeカラム埋め込み用 */
body.second .article_body figure.aligncenter {
	text-align: center;
}
/* Youtubeカラム100%埋め込み用 */
body.second .article_body .youtube__aspect-ratio figure > div {
    width: 100%;
    aspect-ratio: 16 / 9;
}
body.second .article_body .youtube__aspect-ratio figure > div iframe {
    width: 100%;
    height: 100%;
}

/* タグごとの設定　Hタグ */
body.second h1.article_title,
body.second .article_body h1 {
  font-family: var(--bs-font-serif);
  font-size: 2.4rem;
  font-weight: 700;
  margin-top: 30px;
}
body.second .article_body h2 {
  line-height: 1.375;
  margin: 2.5rem 0;
  font-size: 2.2rem;
  font-weight: 700;
  color: var(--cm-primary-tx-color);
}
body.second .article_body h3 {
	font-family: var(--bs-font-sans-serif) !important;
	color: var(--cm-main-tx-color);
  line-height: 1.375;
  margin: 2.5rem 0;
  font-size: 2.0rem;
  font-weight: 700;
}
body.second .article_body h4 {
  line-height: 1.375;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  font-size: 1.7rem;
  font-weight: 700;
}
body.second .article_body h5 {
  line-height: 1.375;
  margin: 2.5rem 0;
  font-size: 1.5rem;
  font-weight: 700;
}
body.second .article_body h6 {
  line-height: 1.375;
  margin: 2.5rem 0;
  font-size: 1.3rem;
  font-weight: 700;
}

/* タグごとの設定　Pタグ */
body.second .article_body p {
  line-height: 1.73;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  font-size: 1.5rem;
  word-break: break-all;
}

/* タグごとの設定　UL/OLタグ */
body.second .article_body ul,
body.second .article_body ol {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  padding-left: 0rem;
}
body.second .article_body li {
  font-size: 1.5rem;
}
body.second .article_body li + li {
  margin-top: 1.5rem;
}

body.second .article_body ul {
  padding-left: 1.75rem;
}
body.second .article_body ul li {
  position: relative;
  list-style-type: none;
}
body.second .article_body ul li::before {
  display: block;
  position: absolute;
  background-color: var(--cm-primary-tx-color);
  content: "";
  width: .4rem;
  height: .4rem;
  margin-right: .8rem;
  border-radius: 50%;
  top: 1rem;
  left: -1.5rem;
}

body.second .article_body ol li {
  display: flex;
  list-style-type: none;
  counter-increment: number;
}
body.second .article_body ol li::before {
  flex-shrink: 0;
  color: var(--cm-primary-tx-color);
  content: counter(number) ".";
  margin-right: .5rem;
}


/* ブロックパターン　カラム */
body.second .article_body .base-colum1,
body.second .article_body .base-colum2 {
  margin-top: 4rem;
  margin-bottom: 4rem;
  padding: 0.1em 2.0rem;
}
/* ブロックパターン　テーブル */
body.second .article_body .base-table1 table {

}
body.second .article_body .base-table1 table thead th {
  color: var(--cm-color-fff);
  background-color: var(--cm-primary-tx-color);
}
body.second .article_body .base-table1 table th,
body.second .article_body .base-table1 table td {
  padding: 1.0em;
  font-size: 1.5rem;
  border: 2px solid var(--cm-color-fff);
}
body.second .article_body .base-table1 table th {
  font-weight: 700;
}
body.second .article_body .base-table1 table td {
  background-color: var(--cm-efefef-bg-color);
}
/* ブロックパターン　ボタン */
body.second .article_body .base-button {
	display: flex;
	justify-content: center;
	margin: 4em auto;
}
body.second .article_body .base-button .wp-block-button {
	margin: 0 1.5em !important;
}
body.second .article_body .base-button a {
	position: relative;
	display: block;
	padding: 1.0em;
	box-shadow: 2px 2px 4px 4px var(--cm-efefef-bg-color);
	width: 400px;
	border-radius: 0;
	font-size: 1.6rem;
	font-weight: 700;
}
body.second .article_body .base-button.btn-type1 a {
	color: var(--cm-color-fff);
	background-color: var(--cm-orange-tx-color);
}
body.second .article_body .base-button.btn-type2 a {
	color: var(--cm-primary-tx-color);
	background-color: var(--cm-orange-tx-color);
	border: 2px solid var(--cm-primary-tx-color);
}
body.second .article_body .base-button a::after {
	position: absolute;
	right: 10px;
	content: '\F1C5';
  font-family: bootstrap-icons;
	font-weight: 500;
	transition: .5s;
	transform: scale(0.8);
}
body.second .article_body .base-button.btn-type1 a::after {
  color: var(--cm-color-fff);
}
body.second .article_body .base-button.btn-type2 a::after {
  color: var(--cm-primary-tx-color);
}

body.second .article_body .base-button a:hover::after {
	transform: scale(1.0);
}



/************************
  共通フォーム用テーブル関連
************************/
/* 書類ダウンロード */
/* ログイン／フォーム */
body.second .area-alert {
  background-color: var(--cm-alert-bg-color);
}
body.second ul.area-alert {
  padding: 0.5em;
  list-style-type: none;
  color: var(--cm-danger-tx-color);
}
body.second .form-login table.table-common-form th, body.second .form-login table.table-common-form td {
  padding: 1.0em;
  text-align: left;
}
body.second .form-login table.table-common-form th {
  width: 30%;
}
body.second .form-login table.table-common-form th.center, body.second .form-login table.table-common-form td.center {
  text-align: center;
}
body.second .form-login .btn {
  padding: 0.5em 1.5em;
  font-size: 1.6rem;
}
body.second .form-login .btn.btn-primary {
  padding: 1.0em 2.0em;
}
body.second .form-login table.table-common-form td .example {
  color: var(--cm-sample-tx-color);
  margin: 0;
}
/************************
  組合員専用　members
************************/
body.login .main-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
}
body.login #wpmem_login {
	padding: 1.0em;
	font-family: var(--bs-font-sans-serif);
	width: 50%;
	border: 0px solid;
}
body.login #wpmem_login fieldset legend {
	margin-bottom: 2.0em;
}
body.login #wpmem_login fieldset label {
	color: var(--cm-main-tx-color);
	padding: 0.25em;
	margin-bottom: 0.5em;
}
body.login #wpmem_login fieldset label[for="log"],
body.login #wpmem_login fieldset label[for="pwd"] {
	display: block;
	background-color: var(--cm-efefef-bg-color);
}
body.login #wpmem_login fieldset input {
	border: 1px solid var(--cm-sample-tx-color);
	border-radius: 5px;
}
body.login #wpmem_login fieldset .div_text {
	width: 100%;
}
body.login #wpmem_login fieldset .button_div {
	text-align: center;
}
body.login #wpmem_login fieldset .button_div .buttons {
	display: block;
	width: 100%;
  color: var(--cm-color-fff);
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0.5em 1.5em;
  border: 1px solid var(--cm-primary-tx-color);
  border-radius: 30px;
  background-color: var(--cm-primary-tx-color);
  overflow: hidden;
  position: relative;
  z-index: 1;
	transition: .5s;
}
body.login #wpmem_login fieldset .button_div .buttons:hover {
	color: var(--cm-primary-tx-color);
	background-color: var(--cm-color-fff);
}


body.members-only main .main-inner {
  max-width: 1100px;
}
body.members-only main .breadcrumb-wrap {
	/*padding-left: 1.0em;*/
  color: var(--cm-color-fff);
  background-color: var(--cm-login-tx-color);
}
body.members-only main .breadcrumb-wrap ul {
	display: flex;
	justify-content: flex-start;
	list-style: none;
}
body.members-only main .breadcrumb-wrap ul li {
	margin-right: 1.5em;
}
body.members-only main .breadcrumb-wrap a, body.members-only main .breadcrumb-wrap span {
  color: var(--cm-color-fff);
}
body.members-only h5.member-sub-ttl {
  margin: 1.0em 0 0 0;
  padding: 0.3em 0;
  font-size: 2.0rem;
  line-height: 2.0;
  font-weight: bold;
  text-align: left;
  color: var(--cm-primary-tx-color);
  border-bottom: 1px solid var(--cm-primary-tx-color);
}
body.members-only .column-scroll {
  height: 170px;
	overflow-y: auto;
}

/* テーブルレイアウト */
body.members-only table.tbl-news {
  margin: 0;
  width: 100%;
}
body.members-only table.tbl-news th, body.members-only table.tbl-news td {
  padding: 0.5em;
  vertical-align: top;
  text-align: left;
  border-bottom: 1px solid var(--cm-gray-tx-color);
  word-break: break-all;
}
body.members-only table.tbl-news th {
  font-weight: normal;
  white-space: nowrap;
}
body.members-only table.tbl-news th span {
  padding: 0.5em;
  margin: 0 5px;
  width: 70px;
  line-height: 1;
  display: inline-block;
  color: var(--cm-color-fff);
  background-color: var(--cm-cdcdcd-bg-color);
  font-size: 1.2rem;
  text-align: center;
}
body.members-only table.tbl-news th span.news {
  background-color: var(--cm-primary-tx-color);
}

body.members-only .category-label {
	margin: 0 auto;
	display: inline-block;
	width: 130px;
	font-size: 1.4rem;
	color: var(--cm-color-fff);
	padding: 0em 0.2em;
	border-radius: 5px;
	background-color: var(--cm-gray-tx-color);
}
body.members-only .category-label.news {
	background-color: var(--cm-primary-tx-color);
}




body.members-only .colum-dl {
  margin: 2.5rem 0 1.5rem 0;
  padding: 0.25em 0 0.25em 0.5em;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-left: 5px solid var(--cm-primary-tx-color);
  border-bottom: 1px solid var(--cm-gray-tx-color);
}
body.members-only .colum-dl > div {
  width: 100%;
  border: 0px solid;
}
body.members-only .colum-dl div.ttl {
  display: flex;
  justify-content: flex-start;
  font-size: 1.8rem;
  font-weight: bold;
	text-align: left;
}
body.members-only .colum-dl div.ttl span {
  display: inline-block;
  font-weight: normal;
}
body.members-only .colum-dl div.btn-common-rev, body.members-only .colum-dl div.btn-common {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
body.members-only .colum-dl div.btn-common-rev a, body.members-only .colum-dl div.btn-common a {
  max-width: 400px;
}
body.members-only .colum-dl div.btn-common-rev span {
  margin: 0 1.0em;
  font-size: 1.4rem;
  color: var(--cm-orange-tx-color);
}
body.members-only .colum-dl.child {
  margin: 0;
  padding: 0.1em 0 0.1em 0.75em;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-left: none;
  border-bottom: 1px dotted var(--cm-gray-tx-color);
}
body.members-only .colum-dl.child div.ttl {
  font-size: 1.6rem;
  font-weight: normal;
}






/* データダウンロード関連 */
body.members-only .main-inner .m_inner {
  margin: 2.0em 0;
  padding: 0.5em;
}
body.members-only .main-inner .m_inner .caution {
  color: #C61625;
}
body.members-only .main-inner .m_inner p {
  line-height: 1.5;
}
body.members-only .main-inner .m_inner ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}
body.members-only .main-inner .m_inner ul li {
  width: 50%;
  display: block;
  text-align: left;
  border: 0px solid;
}
body.members-only .main-inner .m_inner ul li a {
  display: block;
  position: relative;
  margin-left: 1.5em;
}
body.members-only .main-inner .m_inner ul li a::after {
  font-weight: 500;
  margin-right: 0.3em;
  position: absolute;
  left: -1.5em;
  top: 2px;
	transform: scale(1.3);
}
body.members-only .main-inner .m_inner.icon-pdf ul li a::after {
  content: "\F63D";
  font-family: bootstrap-icons;
  color: var(--cm-color-pdf);

}
body.members-only .main-inner .m_inner.icon-doc ul li a::after {
  content: "\F38C";
  font-family: bootstrap-icons;
  color: var(--cm-color-doc);
}

body.members-only .main-inner table.gojyuon_tbl {
  width: 100%;
  margin: 5px 0;
  border-top: #5286B4 1px solid;
}
body.members-only .main-inner table.gojyuon_tbl th {
  padding: 0.2em;
  text-align: center;
  font-size: 1.6rem;
  border-top: #5286B4 1px solid;
  border-bottom: #5286B4 1px solid;
  color: #5286B4;
}
body.members-only .main-inner table.gojyuon_tbl td {
  padding: 0.2em;
  font-size: 1.6rem;
  text-align: center;
  border-bottom: #5286B4 1px solid;
  color: #999999;
}
body.members-only .main-inner table.gojyuon_tbl td a {
  display: block;
  padding: 0 20px;
  color: var(--cm-login-tx-color);
  background-color: var(--cm-water-bg-color);
  text-align: center;
  text-decoration: none;
}
body.members-only .main-inner table.gojyuon_tbl td a:hover {
  background-color: var(--cm-primary-tx-color);
  color: var(--cm-color-fff);
}
body.members-only .main-inner table.gojyuon_tbl td a.no-link {
  color: var(--cm-gray-tx-color);
  background-color: transparent;
  pointer-events: none;
}
body.members-only .main-inner .gojyuon_sec {
  margin: 20px 0;
  padding: 0.25em 1.0em;
  text-align: left;
  font-size: 1.8rem;
  font-weight: bold;
  color: var(--cm-primary-tx-color);
  background-color: var(--cm-water-bg-color);
}
body.members-only .main-inner .back_btn {
  margin: 2.0em 0;
  text-align: right;
}

body .main-inner .pdf {
  color: var(--cm-color-pdf);
}
body .main-inner .xls {
  color: var(--cm-color-xls);
}
body .main-inner .doc {
  color: var(--cm-color-doc);
}