@charset "UTF-8";
/* CSS Document */
	
body { background-color:var(--main-bgcolor);}
body::after {content:""; display: block; width:230px; height:100%; background-color:var(--main-color03); z-index:-1; position: fixed; top:0; left:0;}


/*login-----------------------------------------------------*/
body.loginBody {background-image: url("/image/login_bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: left bottom; background-attachment: fixed; width:100%; height:100%; margin:0; padding:0;}
body.loginBody::after {content:""; background-color:rgba(255,255,255,0.6) !important; width:100%; height:100%;}

.loginWrapper {width:35%; margin:5% auto 0 auto;}
.loginArea {width:100%; background-color:var(--white); padding:40px; border-radius: 20px; box-shadow: 0 0 5px 5px rgba(0,0,0,0.05); margin:10px auto 0 auto;}
.loginArea .loginBtnBox {margin:20px auto 0 auto;}
.loginArea .loginBtnBox button {text-align: center; margin:0 auto;}
.loginLogo {display: flex; align-items: center; justify-content: flex-start;}
.loginYukimasa {width:15%;}
.loginYukimasa img {width:100%;}
.loginSiteName {margin:0 0 0 10px; font-size:var(--font-size-ss);}
.loginSiteName span {font-size:240%; display: block;}
.loginSiteTitle {margin:0 0 0 20px; font-weight: 600;}

.loginInputForm {display: flex; align-items: center; justify-content: space-between; margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:solid 1px var(--light-gray);}
.loginInputForm dt {font-weight: 600; width:100px;}
.loginInputForm dd {width:calc(100% - 90px);}

.logoutMessage {background-color:var(--main-color01-pale); padding:10px 20px; margin:0 0 20px 0; border-radius: 5px;}
.logoutMessage p {color:var(--main-color01);}

.loginAlert {background-color:#FFF3F3;  padding:10px 20px; margin:0 0 20px 0; border-radius: 5px;}
.loginAlert p {color:var(--red02);}



/*Header--------------------------------------*/	
header {position: fixed; right:0; top:0; height:60px !important; width:100%; background-color:var(--main-color01);}
.header_inner {display: flex; justify-content: space-between;}

header .Logo {position: absolute; top:4px; left:10px; line-height:1.3; z-index:100;}
header .Logo a {display: flex; justify-content: flex-start; align-items: center; color:var(--white);}
header .Logo a p.h1Yukimasa {width:50px; height:50px; padding:3px 0 0 0;}
header .Logo a p.h1Yukimasa img {}
header .Logo a p.h1SiteName {font-size:10px; margin:0 10px;}
header .Logo a p.h1SiteName span {display: block; font-size:22px;}
header .Logo a p.h1SiteTitle {font-size:13px;}

header .userArea {position: absolute; top:20px; right:10px;}
header .userArea ul {display:flex;}
header .userArea ul li {color:var(--white);}
header .userArea ul li:first-child::after {content:"|"; margin:0 10px;}
header .userArea ul li a {color:var(--white); display: flex; align-items: center; }
header .userArea ul li a p {margin:0 3px;}
header .userArea ul li a p svg {fill:var(--white); height:14px; vertical-align: -2px;}

.is_pc .global-menu-btn {display:none;}

header dl {position: relative;}
header dl dt{ position:absolute; z-index:10000; top:5px; right:5px; cursor: pointer; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; }
header dl dt .global-menu-btn{ display:block; position: relative; padding:0px; border-radius: 5px; width:50px; height:50px; }
header dl dt .global-menu-btn span { display: block; position: absolute; width:30px; top: 50%; left: 50%; transform: translate(-50%); background-color:var(--white); height: 2px; transition:.3s;}
header dl dt .global-menu-btn span:before,
header dl dt .global-menu-btn span:after {display: block; content: ""; position: absolute; width:30px; top: 50%; left:0; height:2px; background-color:var(--white); transition:.3s; }

header dl dt .global-menu-btn span:before{margin-top: -12px;}
header dl dt .global-menu-btn span:after{margin-top: 10px;}
header dl dt .global-menu-btn.active {}
header dl dt .global-menu-btn.active span,
header dl dt .global-menu-btn.active span{background: transparent;}
header dl dt .global-menu-btn.active span:before,
header dl dt .global-menu-btn.active span:before{margin-top:0px; transform: rotate(-45deg); background: var(--white);}
header dl dt .global-menu-btn.active span:after,
header dl dt .global-menu-btn.active span:after{margin-top:0px; transform: rotate(-135deg); background: var(--white);}

header dl dd {width:100%; margin:0 auto;}
header dl dd a {color:#fff; display: flex; align-items:flex-start; padding:15px 5%;}
header dl dd a .menuIcon {width:16px; margin:0 7px 0 0; line-height: 2.0;}
header dl dd a .menuIcon svg {width:16px; height:auto;}
header dl dd a .menuIcon svg.memberInfo {width:10px; height:auto;}
header dl dd a .menuTxt {line-height:1.4; margin:3px 0 0 0; font-weight: 500;}
header dl dd a .menuTxt span {display: block; color:var(--white); font-size:10px; opacity: 0.3; font-weight: 400;}

header dl dd .generalSite .menuGnavi a .menuIcon svg {fill: var(--general-color);}
header dl dd .generalSite p.siteTitle {color: var(--general-color); padding:0 5%;}
header dl dd .membersSite .menuGnavi a .menuIcon svg {fill: var(--main-color01);}
header dl dd .membersSite p.siteTitle {color: var(--main-color01); padding:0 5%;}

/*common-----------------------------------------------------*/
main {position: relative; display: flex; justify-content: space-between; }

#sidebar {width:230px; position: fixed; top: 60px; left: 0; height: calc(100vh - 60px); overflow-y: auto;}
#sidebar .sideInner .generalSite {padding-bottom:10px; margin:15px 0; border-bottom:solid 1px #244249;}

#sidebar .menuGnavi {width:100%; margin:0 auto;}
#sidebar .menuGnavi li {margin:0;}
#sidebar .menuGnavi a {color:#fff; display: flex; align-items:flex-start; padding:3.5% 7%; margin:0 5%; }
#sidebar .menuGnavi a .menuIcon {width:16px; margin:0 7px 0 0; line-height: 2.0;}
#sidebar .menuGnavi a .menuIcon svg {width:16px; height:auto;}
#sidebar .menuGnavi a .menuIcon svg.memberInfo {width:10px; height:auto;}
#sidebar .menuGnavi a .menuTxt {line-height:1.4; margin:3px 0 0 0; font-weight: 500;}
#sidebar .menuGnavi a .menuTxt span {display: block; color:var(--white); font-size:10px; opacity: 0.3; font-weight: 400;}
#sidebar .menuGnavi a.current {background-color:rgba(255,255,255,0.2); border-radius: 5px;}


#sidebar p.siteTitle {font-size:12px; font-weight: 800; width:80%; margin:0 auto 5px auto;}

#sidebar .generalSite .menuGnavi a .menuIcon svg {fill: var(--general-color);}
#sidebar .generalSite p.siteTitle {color: var(--general-color);}
#sidebar .membersSite .menuGnavi a .menuIcon svg {fill: var(--main-color01);}
#sidebar .membersSite p.siteTitle {color: var(--main-color01);}

#contents {width:calc(100% - 230px); padding:60px 0 0 0; margin-left: 230px;}

#pankuzu {display: flex; padding:3px 10px; border-bottom:solid 1px #ddd;}
#pankuzu li {}
#pankuzu li a {color:var(--main-color02); text-decoration: underline;}
#pankuzu li::after {content:">"; margin:0 5px;}
#pankuzu li:last-child::after {content:"";}

.pageTitleArea {display: flex; align-items: center;}

.pageTitle {font-size:20px; font-weight: 800; margin:10px 0 0 1.5%; position: relative; padding:0 0 0 18px;}
.pageTitle::before,
.pageTitle::after {content:""; display: block; width:11px; height:11px; position: absolute; left:0; border-radius: 3px;}
.pageTitle::before {top:6px; background-color:var(--main-color01);}
.pageTitle::after {top:19px; background-color:var(--light-gray);}

.pageTitle span {margin:0 5px;}

.titleType01 {color:var(--main-color02); font-size:16px; line-height:1.4; letter-spacing: 1px;}
.titleType01 span {display: block; color:var(--main-color03); font-size:280%; font-weight: 600;}
.titleType02 {font-size:30px; font-weight: 600; color:var(--main-color02); line-height:1.6; margin-bottom:20px; letter-spacing: 1px;}
.titleType03 {font-size:26px; font-weight: 600; color:var(--main-color02); line-height:1.6; margin-bottom:20px; letter-spacing: 1px;}
.titleType03 span {display: block; font-size:20px; margin-bottom:15px;}
.titleType04 {font-size:26px; font-weight: 600; color:var(--main-color03); line-height:1.6; margin-bottom:10px; letter-spacing: 1px;}

.titleType05 {font-size:80%; margin:0 auto 20px auto; letter-spacing: 1px; text-align:center; position: relative; z-index:1;}
.titleType05 span {font-size:36px; font-weight: 600; color:var(--main-color03); line-height:2; display: block;}

.contentsInner {width:97%; margin:10px auto; background-color:var(--white); padding:20px; border-radius: 10px; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1) }



.searchArea {background-color:rgba(0,0,0,0.02); position: relative;}
.searchArea div.searchAreaInner {display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; padding:5px; width:100%;}
.searchArea dl.searchInput {display: flex; justify-content: flex-start; align-items: center; margin:10px 0 10px 20px; flex-grow: 1;}
.searchArea dl.searchInput dt {display: flex; justify-content: flex-start; align-items: center; font-weight: 600;}
.searchArea dl.searchInput dd {display: flex; justify-content: flex-start; align-items: center; margin:0 0 0 15px; flex-grow: 1;}

.searchDetail {display: flex; justify-content: flex-start; align-items: center; margin:15px 20px; position: absolute; right:0; top:5px;}

.searchDetailOpen {background-color:var(--blue01); color:var(--white); border-radius: 5px; text-align: center; margin:0; padding:3px 15px 3px 25px; cursor: pointer; position: relative;}
.searchDetailOpen::before ,
.searchDetailOpen.is-open::before {content:""; display: block; width:10px; height:10px; background-size: contain; background-repeat: no-repeat; position: absolute; left:10px; }
.searchDetailOpen::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 73.6 73.6'%3E%3Cpath d='M69.6 32.8H40.8V4c0-2.21-1.79-4-4-4s-4 1.79-4 4v28.8H4c-2.21 0-4 1.79-4 4s1.79 4 4 4h28.8v28.8c0 2.21 1.79 4 4 4s4-1.79 4-4V40.8h28.8c2.21 0 4-1.79 4-4s-1.79-4-4-4' style='fill:%23fff'/%3E%3C/svg%3E"); top:10px;}
.searchDetailOpen.is-open::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 73.6 8'%3E%3Cpath d='M69.6 0H4C1.79 0 0 1.79 0 4s1.79 4 4 4h65.6c2.21 0 4-1.79 4-4s-1.79-4-4-4' style='fill:%23fff'/%3E%3C/svg%3E"); top:15px;}

.searchDetailArea {display: none; background-color:rgba(0,0,0,0.05); padding:5px 0;}

.searchArea .searchDetailArea dl.searchInput dd {width:85%;}
.searchTitle {}
.searchBtnArea {display: flex; align-items: center; justify-content: center; padding:10px 0; position: relative;}
.searchBtnArea .reset {position: absolute; right:0;}


.catWrapper {margin:0 auto 50px auto;}
.catWrapper:last-child {margin-bottom:0;}

.catTitleBlock {display: flex; justify-content: space-between; align-items: center; margin:0 auto 10px auto; padding:5px 5px 5px 20px; border-radius: 5px; background-color:var(--gray);}
.catTitleBlock h3 {color:var(--white); font-size:var(--font-size-l);}

.catTitleBlock p.entryAdd {}
.catTitleBlock p.entryAdd a svg {width:18px; fill:var(--orage01); margin:6px 0 0 0;}

.catTitleBlock button {display: flex; align-items: center; margin:0;}
.catTitleBlock button span {margin:0 0 0 7px;}
.catTitleBlock button span svg {width:18px; fill:var(--orage01); margin:3px 0 0 0;}


/*reslut-----------------------------------------------------*/

.numberTxt {display: flex; align-items: baseline; margin:20px 0 0 0;}
.numberTxt dt {font-weight: 600; font-size:150%; margin:0 5px 0 0; color:var(--main-color01);}
.numberTxt dt span {color:var(--main-color02); font-weight: 400; font-size:14px; margin:0 5px 0 0;}
.numberTxt dd {}

/*普通の検索結果の一覧*/
.resultTitleBox {display: flex; align-items: center; margin:0 0 10px 0;}
.resultTitleBox .resultTitle {font-size:120%; font-weight: 800;}
.resultArea {border-top:solid 3px var(--main-color01); margin:5px auto; }
.resultList {width:100%; /*border-collapse: collapse;*/}
.resultList thead {background-color:var(--white); /*transition: transform 0s !important;  will-change: transform !important;*/}
.resultList tbody {}
.resultList th {border-bottom:solid 1px #ddd; padding:5px 10px; /* white-space: nowrap; */ background-color:var(--white);}
.resultList td {border-bottom:solid 1px #ddd; padding:10px; /* white-space: nowrap; */ background-color:var(--white);}
.resultList th {font-weight: 800;}
.resultList th.typePin {width:120px;}
.resultList td {}
.resultList thead.is-fixed {box-shadow: 0 3px 3px 3px rgba(0,0,0,0.1);}

/*配布書類の一覧*/
.documentList {width:100%; /*border-collapse: collapse;*/}
.documentList thead {background-color:var(--white); /*transition: transform 0s !important;  will-change: transform !important;*/}
.documentList tbody {}
.documentList th {border-bottom:solid 1px #ddd; padding:10px 5px; white-space: nowrap; background-color:var(--white);}
.documentList td {border-bottom:solid 1px #ddd; padding:0 5px; white-space: nowrap; background-color:var(--white);}

.documentList th {font-weight: 800;}
.documentList td {}

.documentList th:nth-child(1) {width:82%;}
.documentList th:nth-child(2) {width:10%;}
.documentList th:nth-child(3) {width:4%;}
.documentList th:nth-child(4) {width:4%;}

.clickable-row {}
.clickable-row:hover td {background: #fffee3;}
.clickable-row:has(a:hover) td {background:transparent;}

.newsTitle {color:var(--link); font-weight: 500;}

.docTitle {}
.docTitle a {color:var(--blue01); font-weight: 500; text-decoration: underline;}
.docTitle .iconDownload {margin:0 0 0 10px;}
.docTitle .iconDownload svg {width:12px; fill:var(--gray);}
.docTitle .iconExternalLink {margin:0 0 0 10px;}
.docTitle .iconExternalLink svg {width:12px; fill:var(--gray);}


/*規約等の一覧*/
.rulesList {width:100%; /*border-collapse: collapse;*/}
.rulesList thead {background-color:var(--white); /*transition: transform 0s !important;  will-change: transform !important;*/}
.rulesList tbody {}
.rulesList th { padding:5px; white-space: nowrap; background-color:var(--white);}
.rulesList td {padding:0 5px; white-space: nowrap; background-color:var(--white);}
.rulesList tr.parentLine td {border-top:solid 1px var(--light-gray);}

.rulesList th {font-weight: 800;}
.rulesList tbody {border-bottom:solid 1px #ddd;}

.rulesList th:nth-child(1) {}
.rulesList th:nth-child(2) {width:5%;}
.rulesList th:nth-child(3) {width:16%;}
.rulesList th:nth-child(4) {width:8%;}
.rulesList th:nth-child(5) {width:4%;}
.rulesList th:nth-child(6) {width:4%;}
.rulesList th:nth-child(7) {width:4%;}

.SortBlock {display: flex; align-items: center;}


.SortBlock.child2nd {margin:0 0 0 20px; position: relative; padding:0 0 0 28px;}

.SortBlock.child3rd {margin:0 0 0 65px; position: relative; padding:0 0 0 28px;}
.SortBlock.child2nd::before ,
.SortBlock.child3rd::before {content:""; display: block; width:16px; height:16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 83.78 83.78'%3E%3Cpath d='M81.28 83.78H20.5C9.2 83.78 0 74.58 0 63.28V2.5a2.5 2.5 0 0 1 5 0v60.78c0 8.55 6.95 15.5 15.5 15.5h60.78a2.5 2.5 0 0 1 0 5' style='fill:%23bbbbbb'/%3E%3C/svg%3E"); background-size: contain; background-repeat:no-repeat; position: absolute; left:0; top:-3px;}


.scrollResult {overflow: auto; /*position: relative;*/}
.scrollResultInner {overflow: visible;}

.scrollResult .resultList .stickyRow { position: sticky; left: 0; z-index: 5; }
.scrollResult .resultList .stickyCross {position: sticky; left: 0; z-index: 20;}

.scrollResult .documentList .stickyRow { position: sticky; left: 0; z-index: 5; }
.scrollResult .documentList .stickyCross {position: sticky; left: 0; z-index: 20;}

/*追加分*/
.fixed-table-head{
	position: fixed;
	top: 80px;/* headerの高さ */
	left: 0;
	z-index: 9999;
	display: none;
	overflow: hidden;
	box-sizing: border-box;
	padding-bottom: 8px;
	
}
.fixed-table-head::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:8px;
    background:linear-gradient(rgba(0, 0, 0, 0.12),  rgba(0, 0, 0, 0));
    pointer-events:none;
}

.fixed-table-head table{
	border-collapse: collapse;
	background: #fff;
	margin: 0;
}

.resultList thead.hide-head{
	visibility: hidden;
	box-shadow: none;
}
.fixed-table-head th{
	white-space: nowrap;
	padding:10px 5px;
	background-color:var(--white);
	font-weight: 800;
}

.fixed-table-head th.stickyCross {
    position: relative;
    z-index:10000;
}
/*追加分ここまで*/


td:has(.iconEdit) {
  width:60px;
  text-align: center;
}

td:has(.iconDelete) {
  width:60px;
  text-align: center;
}

td:has(.iconDetail) {
  width:60px;
  text-align: center;
}

td:has(.iconAdd) {
  width:60px;
  text-align: center;
}

td:has(.iconMinus) {
  width:60px;
  text-align: center;
}

td:has(.iconPin) {
  width:70px;
  text-align: center;
}

td:has(.iconCancel) {
  width:60px;
  text-align: center;
}

th:has(.resultCheck) {
  width:50px;
}

.resultInner {display: flex; align-items: center;}
.resultTitle {}
.resultTitle span {display: block; font-size:var(--font-size-ss);}
.resultSort {margin:0 0 0 10px;}
.resultSort li {width:20px; line-height: 1; padding:0; margin:0;}
.resultSort li a {margin:0; display: block; width:18px; height:18px; text-align: center; border-radius: 3px;}
.resultSort li a svg {width:12px; height:7px; fill:var(--gray);}
.resultSort li a:hover svg {fill:var(--main-color01);}
.resultSort li.active a {background-color:var(--main-color01); }
.resultSort li.active a svg {fill:var(--white);}

.resultCatList {display: flex; flex-wrap: wrap; }
.resultCatList li {margin:1px 5px 1px 1px;}
.block {display: block !important;}
.gyoumuBunya {width:175px;}
.widthQualification {width:165px;}
td:has(.widthQualification) {
  width:200px;
  text-align: center;
}

.resultCat {display: inline-block; padding:1px 8px; text-align: center; margin:0 auto; font-size:var(--font-size-ss); font-weight: 600; white-space: nowrap;}

.resultGeneCatInfo {color:#556070; background-color:#eef1f4}
.resultGeneCatSoudan {color:#2f9e74; background-color:#e4f4ee;}
.resultGeneCatKenshu {color:#6a4fb0; background-color:#eee9f6;}
.resultGeneCatImportant {color:#cf2e2e; background-color:#fbe3e1;}

.resultMemberCatImportant {color:#cf2e2e; background-color:#fbe3e1;}
.resultMemberCatTopics {color:#0a6175; background-color:color-mix(in srgb,#0c8aa6 14%,#fff);}
.resultMemberCatRiji {color:#5a36b0; background-color:color-mix(in srgb,#5a36b0 11%,#fff);}
.resultMemberCatCommon {color:#6a6678; background-color:var(--pale-gray);}

.resultMemberReport {color:#2c7a59; background-color:color-mix(in srgb,#2f9e74 13%,#fff);}
.resultMemberField {color:#1f56b0; background-color:#e7eefb;}

.resultMemberSender {color:#1f56b0; background-color:#e7eefb;}

.resultMemberEntryReception {color:#2c7a59; background-color:color-mix(in srgb,#2f9e74 13%,#fff);}
.resultMemberEntryDeadline {color:#9c5b08; background-color:#fcefd9;}
.resultMemberEntryCancel {color:var(--white); background-color:#c0392b;}
.resultMemberEntryFull {color:#cf2e2e; background-color:#fbe3e1;}
.resultMemberEntryEnd {color:#999; background-color:#f5f5f5;}
.resultMemberEntrySoon {color:#5c5c66; background-color:#ececef;}

.resultMemberArea {color:#1f56b0; background-color:#e7eefb;}
.resultMemberBranch {color:#6a6470; border:solid 1px #e8e1e5;}

.resultMemberTrainingCat {color:#1d2c54 ; border:1.5px solid color-mix(in srgb,#1d2c54 38%,#fff)}
.resultTrainingPrivate {color:var(--white); background-color:#cf2e2e;}

.resultMemberPause {color:var(--gray); background-color:var(--light-gray);}

.resultGuide {color:#6a6678; background-color:#f6f4fb; border:solid 1px #d6d1e4;}

.resultMemberTypeRiji {color:#5a36b0; background:color-mix(in srgb,#5a36b0 11%,#fff);}


.downloadLink {}
.downloadLink a {display: inline-block; color:var(--white); padding:3px 10px; border-radius: 5px; font-weight: 600; font-size:var(--font-size-ss)}
.downloadPdf {background-color:#d3453f;}
.downloadXls {background-color:#1f7a44;}
.downloadDoc {background-color:#2a64c4;}
.linkWeb {background-color:#3f63b8;}

.applicationStatusList {display: flex; align-items: center; margin:0 0 0 10px;}
.applicationStatusList li {display: flex; align-items: center; font-size:var(--font-size-l);}
.applicationStatusList li::after {content:"/"; margin:0 5px; font-size:80%;}
.applicationStatusList li:last-child::after {content:none;}

.mailSentHitoryBlock {margin:10px auto 0 auto; text-align: center;}
.mailSentHitoryBlock a {display: inline-block; position: relative;}
.mailSentHitoryBlock p.mailIcon {}
.mailSentHitoryBlock p.mailIcon svg {width:23px; fill:var(--gray);}
.mailSentHitoryBlock p.numTxt {width:16px; height:16px; line-height:16px; font-size:70%; border-radius: 99%; font-weight: 600; text-align: center; background-color:#de5d50; color:var(--white); position: absolute; right:0; top:-5px;}

.trainingDate {}
.trainingTime {}
.mailSentHistory {margin:0 auto; text-align: center; font-size:var(--font-size-s);}
.mailSentHistory a {color:var(--blue01); text-decoration:underline;}

.applicationPeriod {}

.attachedFile {font-size: var(--font-size-ss); font-weight: 600; border-radius: 3px; padding:3px 7px; margin:0 0 0 5px; border:solid 1px; }
.typeExcel { color: #217346; background: #e7f2ea; border-color: #b5d8c2;}
.typeWord { color: #2b579a; background: #e9eff7; border-color: #b9cae5;}
.typePdf { color: #c0392b; background: #fbeaea; border-color: #e6b8b3; }


.pauseMembership {}
.pauseMembership td {background-color:#eeeeee;}
.pauseMembership td span.resultMemberPause {color:var(--white); background-color:var(--gray);}

.nameBlock {display: flex; align-items: center; }
.nameBox {margin:0 0 0 10px; width:150px;}
.memberName {font-size:var(--font-size-l); font-weight:800;}
.memberOfficeName {font-weight: 600;}
.memberArea {}
.officeAddressList li {display: flex; align-items: center;}

.resultAddress {}
.resultAddress ul {margin:5px 0 0 5px;}
.resultAddress ul li {display: flex; align-items: center;}

.pageNavi {margin:20px auto 0 auto;}
.pageNavi ul {display: flex; justify-content: center;}
.pageNavi ul li {margin:0 5px;}
.pageNavi li a {display: flex; align-items: center; justify-content: center; width:46px; height:46px; border-radius: 23px; background-color:#d9d9d9; color:var(--white);}
.pageNavi li a.current {background-color:var(--main-color01);}
.pageNavi li a:hover {}
.pageNavi li a svg {width:8px; fill:#999;}
.pageNavi li:first-child a ,
.pageNavi li:last-child a {background-color:transparent;}

.updateArea {background-color:var(--pale-gray); padding:5px 20px; margin:30px auto 0 auto; border-radius: 5px;}
.updateArea ul {display: flex; align-items: center; justify-content: flex-end;}
.updateArea ul li {display: flex; align-items: center; margin:0 0 0 30px;}
.updateArea ul li p.updateTxt {}

.inputArea {}
.inputForm {margin:0 0 20px 0; padding:0 0 20px 0; border-bottom: solid 1px #eee;}
#contents-a {margin:0 0 20px 0; padding:0 0 20px 0; border-bottom: solid 1px #eee;}
.inputForm .hissu {display: inline-block; background-color:var(--error-color); color:var(--white); font-size:76%; padding:0 10px; border-radius: 3px; margin:0 0 0 10px;}
.inputForm .inputTitle {font-weight: 600; margin:0 5px;}
.inputForm .inputContents {}
.inputForm .inputNote {margin:0 5px; font-size:var(--font-size-ss); color:var(--normal-gray)}
.inputForm .inputTitleS {margin:0 10px 0 1rem;}

.inputForm dt {display: flex; align-items: baseline; margin:0 0 10px 0;}
.inputForm dd {}
.inputForm:last-child {margin-bottom:0; padding-bottom:0; border-bottom-style: none;}

.inputForm .numberTxt dt {margin-bottom:0;}

.memberGyoumuList {padding:15px; border-bottom:solid 1px #eee;}

.entryDate {display: flex; align-items: center; flex-wrap: wrap;}
.entryDate .inputForm span {margin:0 5px;}
.entryDate .inputForm:last-child {margin:0 0 20px 0; padding:0 0 20px 0;}

.inputAddressBlock {margin:0 0 0 10px;}
.inputAddressBlock ul {}
.inputAddressBlock ul li {}
p.icon {width:20px;}
p.addressIcon {margin:0 10px 0 0;}
p.addressIcon svg {width:14px; fill:var(--gray);}
p.telIcon {margin:0 10px 0 0;}
p.telIcon svg {width:15px; fill:var(--gray);}
p.mailIcon {margin:0 10px 0 0;}
p.mailIcon svg {width:16px; fill:var(--gray);}
p.webIcon {margin:0 10px 0 0;}
p.webIcon svg {width:16px; fill:var(--gray);}


.inputAddressBlock ul li .radioList li  {margin-bottom:0;}

.treeList {margin:0 0 0 10px;}
.treeList ul {}
.treeList li {}
.treeList li ul {margin:0 0 0 20px;}
.treeList li li::before {content:"└"; margin:0 5px 0 0;}


.errorMessage {color:var(--error-color); font-size:90%; margin:0 0 0 5px;}
/*お知らせ新規登録ページのタイトルの所*/
.contents {display: none;}

.inputForm .titleBlock {margin:0 0 10px 0;}
.inputForm .titleBlock dt {margin:0; background-color:var(--main-color01); color:var(--white); padding:5px 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; font-weight: 600;}
.inputForm .titleBlock dd {margin:0; background-color:var(--pale-gray); padding:10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}


.uploadPhotoBlock {margin:20px 0 0 0;}
.uploadPhotoBlockInner {width:180px; height:240px; background-color:var(--light-gray); border:solid 1px var(--gray); overflow: hidden; position: relative; }
.uploadPhotoBlock .photoImg {width:180px; height:240px; pointer-events: none;}
.uploadPhotoBlock .photoImg img {width: 100%; height: 100%; object-fit: cover;}
.uploadPhotoBlock .photoDelete {position: absolute; bottom:10px; left:23px; z-index:10;}

.mainTxtBlock {background-color:var(--white); border:solid 1px var(--light-gray); border-radius: 5px; padding:3px;}
.mainTxtBlock .wysiwygIconBlock {padding:8px; border-bottom:solid 1px var(--light-gray);}
.mainTxtBlock .wysiwygIconBlock ul {display: flex; align-items: center;}
.mainTxtBlock .wysiwygIconBlock li {display: flex; align-items: center; margin:0 5px;}
.mainTxtBlock .wysiwygIconBlock li div { margin:0 2px;}
.mainTxtBlock .wysiwygIconBlock li div button {display: flex; align-items: center; background-color:transparent; padding:0 8px; height:30px; border-style:none;}
.mainTxtBlock .wysiwygIconBlock li div button p.buttonIcon {}
.mainTxtBlock .wysiwygIconBlock li div button p.buttonIcon svg {fill:var(--main-color02);}
.mainTxtBlock .wysiwygIconBlock li div button p.buttonIcon svg.typeArrow {width:16px;}
.mainTxtBlock .wysiwygIconBlock li div button p.buttonIcon svg.typeBold {width:13px;}
.mainTxtBlock .wysiwygIconBlock li div button p.buttonIcon svg.typeUnderline {width:15px;}
.mainTxtBlock .wysiwygIconBlock li div button p.buttonIcon svg.typeTxtColor {width:13px;}
.mainTxtBlock .wysiwygIconBlock li div button p.buttonIcon svg.typeUnderlineColor {width:13px;}
.mainTxtBlock .wysiwygIconBlock li div button p.buttonIcon svg.typeImgUpload {width:16px;}
.mainTxtBlock .wysiwygIconBlock li div button p.buttonIcon svg.typeFileUpload {width:16px;}
.mainTxtBlock .wysiwygIconBlock li div button p.buttonIcon svg.typeLink {width:16px;}
.mainTxtBlock .wysiwygIconBlock li div button p.buttonIcon svg.typeSource {width:20px; margin:2px 5px 0 0;}
.mainTxtBlock .wysiwygIconBlock li div button p.buttonIcon svg.typePreview {width:16px; margin:2px 5px 0 0;}
.mainTxtBlock .wysiwygIconBlock li div button p.toggleIcon {margin:0 0 0 5px;}
.mainTxtBlock .wysiwygIconBlock li div button p.toggleIcon svg {width:10px; fill:var(--gray);}
.mainTxtBlock .wysiwygIconBlock li div button .wysiwygColor {display:block; width:20px; height:3px; text-align:center;}
.mainTxtBlock .inputTxtArea textarea {width:100%; height:20rem;}

.mainTxtBlock:focus-within {
    border-color: var(--main-color01);
}

.tooltip {margin:7px 0 0 5px; position: relative;}
.tooltip svg { width:16px; fill:var(--main-color01);}
.tooltipTxt {position: absolute; left:-10px; top:30px; width:400px; z-index:10; background-color:var(--white); padding:15px; border-radius: 8px; border:solid 1px var(--light-gray); display: none;}
.tooltipTxt h3 {font-weight: 500;}
.tooltipTxt p {font-weight: 400;}
.tooltipTxt::before {  content: "";
  position: absolute;
  top: 0;
  left: 2.5%;
  border-style: solid;
  border-width: 0 7.5px 10px 7.5px;
  border-color: transparent transparent #cccccc;
  translate: -2.5% -100%;}
.tooltipTxt::after {  content: "";
  position: absolute;
  top: 0;
  left: 2.5%;
  border-style: solid;
  border-width: 0 6.3px 8.3px 6.3px;
  border-color: transparent transparent #ffffff;
  translate: 2.5% -100%;}
.tooltip:hover {cursor: pointer;}
.tooltip:hover .tooltipTxt {display: block;}

.typeTxt {background-color:var(--white); border:solid 1px var(--light-gray); border-radius: 5px; padding:3px;}
.typeTxt:focus-within {
    border-color: var(--main-color01);
}
.typeSelect {background-color:var(--white); border:solid 1px var(--light-gray); border-radius: 5px; padding:3px;}
.typeSelect:focus-within {
    border-color: var(--main-color01);
}

.typeSelect select {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  outline: none;
  border:none;
  background-color:var(--white);
  cursor: pointer;
  color:var(--main-color02);
  padding:0 20px 0 0;
}

.sizeFreeWord {width:100%; max-width:400px;}
.sizeFreeWord input {width:100%; max-width:400px;}

.sizeDate {width:100%; max-width:540px;}
.sizeCalender {display: flex; align-items: center; width:170px; margin:0 5px;}
.sizeCalender p {margin:7px 5px 0 10px}
.sizeCalender p a svg {width:16px; fill:var(--normal-gray);}

.sizeClock {display: flex; align-items: center; width:120px; margin:0 5px;}
.sizeClock p {margin:7px 5px 0 10px}
.sizeClock p a svg {width:16px; fill:var(--normal-gray);}

.sizePassword {display: flex; align-items: center; width:250px; margin:0 5px;}
.sizePassword p {margin:2px 5px 0 10px; cursor: pointer; display: flex; align-items: center;}
.sizePassword svg {width:20px; fill:var(--normal-gray);}

#passwordView {}

.radioList ,
.chekboxList {display: flex; flex-wrap: wrap; align-items: center;}
.radioList li ,
.chekboxList li,
.chekboxListChild li {position: relative;}
.chekboxListChild {display: flex; flex-wrap: wrap; align-items: center; margin:0;}

.entryformOutputTitle {font-weight: 600; position: relative; padding:2px 0 2px 30px; background-color:var(--light-gray); border-radius: 5px; margin:0 0 10px 0;}
.entryformOutputTitle::before {content:""; display: block; width:14px; height:14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Ccircle cx='48' cy='48' r='48' style='fill:%23fff'/%3E%3C/svg%3E"); background-size:contain; position: absolute; left:10px; top:7px;}

.radioMailFormat input:checked + .switch .entryformOutputTitle {background-color:var(--main-color01); color:var(--white);}
.radioMailFormat input:checked + .switch .entryformOutputTitle::before {content:""; display: block; width:14px; height:14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M48 0C21.49 0 0 21.49 0 48s21.49 48 48 48 48-21.49 48-48S74.51 0 48 0m0 72.51c-13.54 0-24.51-10.97-24.51-24.51S34.46 23.49 48 23.49 72.51 34.46 72.51 48 61.54 72.51 48 72.51' style='fill:%23fff'/%3E%3C/svg%3E"); background-size:contain;}

.entryformOutputItems {display: flex; align-items: center; margin:0 10px 10px 10px;}
.entryformOutputItems dt {font-weight: 600; margin:0 10px 0 0;}
.entryformOutputItems dd { margin:0; color:var(--gray); font-size:var(--font-size-ss);}



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

.mailSendArea {}
.mailSendBlock {}

.mailRecipient {background-color:var(--gray); color:var(--white); border-radius: 3px; padding:0 10px;}

.trainingDate {}
.trainingTitle {font-size:var(--font-size-ll); font-weight: 600; margin:0 0 20px 0; padding:5px 0 10px 10px; border-bottom:solid 1px var(--light-gray);}
.trainingTitleMailsend { margin:0 0 20px 0; background-color:var(--pale-gray); padding:10px 20px; }
.trainingTitleMailsend h3 {font-size:var(--font-size-ll); font-weight: 600;}

.trainingContents {padding:0 20px 20px 0;}
.trainingContents dl {margin:0 0 30px 20px;}
.trainingContents dt {display: flex; align-items: center; font-weight: 600;}
.trainingContents dd {margin:0 0 0 15px;}
.trainingEntryBody {margin:0 0 20px 0; padding:0 20px 20px 20px; border-bottom:solid 1px var(--light-gray);}

.trainingInfoInner {
  background-color:var(--pale-gray);
  padding:20px;
  position: relative;
}

.trainingInfoInner .buttonPos {position: absolute; right:20px; top:20px;}
.trainingInfoInner .buttonPos button {display: flex; align-items: center; padding:3px 15px; border-radius: 5px; border-style:none;}
.trainingInfoInner .buttonPos button .iconEdit {margin:3px 5px 0 0;}
.trainingInfoInner .buttonPos button .iconEdit svg {width:12px; fill:var(--white);}


.trainingInfo {
  position: relative;
  height: 150px;
  overflow: hidden;
  transition: .4s;
  box-sizing: border-box;
  margin:0 auto;

}
/*グラデーションで隠す擬似要素*/
.trainingInfo:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70px;
    transition: .4s;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.00) 0% , rgba(255,255,255,1.00) 60%); , rgba(255,255,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.00) 0% , rgba(255,255,255,1.00) 60%); , rgba(255,255,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.00) 0% , rgba(255,255,255,1.00) 60%); , rgba(255,255,255,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,0.00) 0% , rgba(255,255,255,1.00) 60%); , rgba(255,255,255,1.00) 100%);
	z-index:10;
}

.mailSendBlock .trainingInfo.active:before{}

.mailSendList {}

.mailSendListInner {}

/*グラデーションで隠す擬似要素*/
.mailSendList:before{}

.displayBtn
{
  position: absolute;
  left: 0;
  right: 0;
  margin:0 auto;
  bottom: 20px;
  width: 100%;
  height: 30px;
  cursor: pointer;
  background-color:transparent;
  z-index:10;}
.displayBtn svg {fill:var(--gray); width:20px;}

.memberList {margin:-5px 0 0 10px;}
.memberList ul::before {content:"|"; margin:0 5px;}
.memberList ul {display: flex; align-items: baseline;}
.memberList li {margin:0 10px;}
.memberList li p.txtNum {}
.memberList li p.txtNum span {font-weight: 600; font-size:150%; margin:0 5px 0 10px; color:var(--main-color01);}

.mailSendBlock .mailTitle {font-size:var(--font-size-ll); font-weight: 600; margin:0 0 20px 0; padding:5px 0 10px 10px; border-bottom:solid 1px var(--light-gray);}
.mailSendBlock .mailEntryBody { padding:0 10px;}


.mailSendBlock .uploadFile {margin:10px;}
.mailSendBlock .uploadFileName {}
.mailSendBlock .uploadFileName a {display: flex; align-items: center;}
.mailSendBlock .uploadFileName span {margin:0 5px 0 0;}


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

.formBtnArea {position: fixed; right:0; bottom:0; width:calc(100% - 230px); padding:10px; background-color:rgba(0,0,0,0.15); margin:60px 0 0 0; z-index:10001;}
.formBtnAreaInner {}
.formBtnArea ul {display: flex; align-items: center; justify-content: center; margin:0 auto 0 0;}
.formBtnArea ul li {margin:0 5px;}
.formBtnArea button {display: flex; align-items: center; padding:3px 15px; border-radius: 5px; border-style:none;}

.formBtnArea button p.submitIcon {margin:3px 5px 0 0;}
.formBtnArea button p.submitIcon svg {width:16px; fill:var(--white);}
.formBtnArea button p.submitTxt {}

.formBtnArea .buttonPos {position: absolute; right:20px; top:10px;}


.searchDetailOpen ,
button ,
input[type="button"] ,
input[type="submit"] {transition: 0.3s; cursor: pointer}
.searchDetailOpen
button:hover ,
input[type="button"]:hover ,
input[type="submit"]:hover {opacity: 0.5;}


/*footer-----------------------------------------------------*/

.messageArea {padding:20px;}
.messageIcon {margin:0 auto; text-align: center;}
.messageIcon svg {width:120px;}
.messageIcon.Error svg { fill:var(--red01);}
.messageTxt {border-top:solid 1px var(--light-gray); margin:30px auto; padding:30px 0 0 0; text-align: center; color:var(--red01);}
.messageTxt h3 { font-size:140%; }
.messageTxt {}


/*一般サイト設定用-----------------------------------------------------*/

#generalSite .tooltip svg {fill:var(--general-color);}
#generalSite .iconEdit svg {fill:var(--general-color);}
#generalSite .iconPin svg {fill:var(--general-color);}
#generalSite .resultSort li a:hover svg {fill:var(--general-color);}
#generalSite .resultSort li.active a {background-color:var(--general-color); }

#generalSite .pageTitle::before {background-color:var(--general-color);}
#generalSite .searchBtn {background-color:var(--general-color);}
#generalSite .resultArea {border-top:solid 3px var(--general-color);}
#generalSite .pageNavi li a.current {background-color:var(--general-color);}
#generalSite .checkbox input:checked + .switch {background-color:var(--general-color);}
#generalSite .radio input:checked + .switch {background-color:var(--general-color);}
#generalSite .inputForm .titleBlock dt {background-color:var(--general-color);}
#generalSite .numberTxt dt {color:var(--general-color);}

#generalSite .typeTxt:focus-within {
    border-color: var(--general-color);
}
#generalSite .typeSelect:focus-within {
    border-color: var(--general-color);
}


hr {margin:30px 0; border: none; height:1px; background-color: var(--light-gray);}
.is_pc .pcNoDisplay {display: none;}

/* END*/