@charset "UTF-8";
/* ------------------------------ ページタイトル
------------------------------ */
.pagettl-sec .pagettl-fig { width: 22.0634920635%; margin-right: 46.0317460317%; }

/* ------------------------------ コンテンツ
------------------------------ */
.mypage-nav { margin-bottom: 4rem; }
.mypage-nav ul { display: flex; column-gap: 1rem; }
@media screen and (max-width: 980px) { .mypage-nav ul { flex-wrap: wrap; justify-content: space-between; gap: 1rem 0; } }
.mypage-nav ul li { flex: 1; }
@media screen and (max-width: 980px) { .mypage-nav ul li { flex: initial; width: 32%; } }
@media screen and (max-width: 750px) { .mypage-nav ul li { width: 48%; } }
.mypage-nav ul li a { display: flex; justify-content: center; align-items: center; column-gap: 1rem; width: 100%; min-height: 3em; padding: 0.5rem 1rem; border-width: 1px; border-style: solid; border-radius: 2em; text-decoration: none; }
.mypage-nav ul li a .ico { width: 1.8rem; }
.mypage-nav ul li a._provider { border-color: #1973C1; }
.mypage-nav ul li a._provider._current { background-color: #1973C1; color: #fff; }
.mypage-nav ul li a._provider._current .ico-provider { content: url("../img/common/ico_provider_w.svg"); }
.mypage-nav ul li a._event { border-color: #FCD03C; }
.mypage-nav ul li a._event._current { background-color: #FCD03C; }
.mypage-nav ul li a._event._current .ico-event { content: url("../img/common/ico_event_b.svg"); }
.mypage-nav ul li a._instructor { border-color: #54B9D4; }
.mypage-nav ul li a._instructor._current { background-color: #54B9D4; color: #fff; }
.mypage-nav ul li a._instructor._current .ico-instructor { content: url("../img/common/ico_instructor_w.svg"); }
.mypage-nav ul li a._volunteer { border-color: #E55B8A; }
.mypage-nav ul li a._volunteer._current { background-color: #E55B8A; color: #fff; }
.mypage-nav ul li a._volunteer._current .ico-volunteer { content: url("../img/common/ico_volunteer_w.svg"); }
.mypage-nav ul li a._group { border-color: #048255; }
.mypage-nav ul li a._group._current { background-color: #048255; color: #fff; }
.mypage-nav ul li a._group._current .ico-group { content: url("../img/common/ico_group_w.svg"); }
.mypage-nav ul li a._materials { border-color: #E88B22; }
.mypage-nav ul li a._materials._current { background-color: #E88B22; color: #fff; }
.mypage-nav ul li a._materials._current .ico-materials { content: url("../img/common/ico_book_w.svg"); }

.mypage-add .btn-arrow { max-width: 300px; margin-left: auto; }

.btn { display: inline-flex; column-gap: 5px; padding: 10px 15px; background-color: #404040; color: #fff; text-decoration: none; cursor: pointer; }
.btn.btn-s { padding: 5px 10px; font-size: 1.4rem; }
.btn.btn-r { padding: 10px 2em; border-radius: 2em; }
.btn:disabled { cursor: default; background-color: #ccc; }

/* アイテム */
.itemset { display: flex; flex-direction: column; row-gap: 10px; }

.item { position: relative; padding: 10px 0; }
.item::before { content: ''; position: absolute; left: 0; bottom: 4px; width: 100%; height: 1px; background-color: #cecece; }
.item .item-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.item .item-no { width: 2.4em; border-radius: 2em; background-color: #404040; color: #fff; line-height: 2.4em; text-align: center; cursor: pointer; }
.item .item-sub { display: flex; align-items: center; }
.item .item-sub .item-sub-field { display: flex; align-items: center; margin-right: 1em; }
.item dl { width: 100%; margin-bottom: 10px; }
.item dl:last-child { margin-bottom: 0; }
.item dl dd { flex: 1; }
.item dl dd._wide { padding-top: 5px; }
.item .item-add { position: absolute; left: 0; width: 100%; height: 9px; cursor: pointer; }
.item .item-add._top { display: none; top: 0; }
.item .item-add._bottom { bottom: 0; }
.item .item-add i { display: none; position: absolute; top: 50%; left: 50%; color: #1973C1; font-size: 2.2rem; transform: translate(-50%, -50%); }
.item .item-add:hover { background-color: rgba(23, 162, 184, 0.3); }
.item .item-add:hover i { display: inline; }
.item:first-child { padding-top: 20px; }
.item:first-child .item-add._top { display: block; }
.item._list { padding: 10px 0 0; }
.item._list::before { bottom: 0; }
.item._active { background-color: rgba(23, 162, 184, 0.1); }

.item-line { display: flex; align-items: center; margin-bottom: 10px; }
.item-line .item-line-num { min-width: 3.5em; text-align: center; }
.item-line .item-line-col { display: flex; align-items: center; margin-right: 1em; }
.item-line .item-line-label { margin-right: 0.5em; white-space: nowrap; }

.itemset-btn { text-align: center; }

.itemset-res { display: none; }
.itemset-res:has(.item) { display: block; }
.itemset-res._row { display: flex; flex-wrap: wrap; }
.itemset-res._row .item { margin-right: 20px; }
.itemset-res._row .item:first-child { padding-top: 10px; }
.itemset-res._row .item:last-child { margin-bottom: 0; }

.item-confirm .item:first-child { padding-top: 0; }

/* アップロード */
.upload { width: 300px; text-align: center; }
@media screen and (max-width: 750px) { .upload { width: 100%; } }
.upload input[type="file"] { display: none; }
.upload .upload-filename { margin-bottom: 0.5rem; font-size: 1.4rem; }
.upload .upload-view { display: none; margin-bottom: 10px; }
.upload .upload-view img { width: 100%; aspect-ratio: 16 / 9; object-fit: contain; }
.upload .upload-drop { position: relative; margin-bottom: 10px; }
@media screen and (max-width: 750px) { .upload .upload-drop { display: none; } }
.upload .upload-drop::before { content: "アップロードしたいファイルを\aこのエリアにドロップするか、\a下の「ファイル選択」ボタンを\a押して選択してください。"; display: flex; justify-content: center; align-items: center; width: 100%; aspect-ratio: 16 / 9; background-color: rgba(0, 51, 153, 0.5); color: #fff; font-size: 1.4rem; text-align: center; white-space: pre; }
.upload .upload-btns { display: flex; justify-content: center; column-gap: 4px; }
.upload .upload-del, .upload .upload-id, .upload .upload-name, .upload .upload-url { display: none; }
.upload.is-uploaded .upload-view { display: block; }
.upload.is-uploaded .upload-drop { display: none; }
.upload.is-uploaded .upload-del { display: inline-block; }

.upload-wrap { display: flex; flex-wrap: wrap; gap: 10px 20px; }
.upload-wrap .upload, .upload-wrap .uploaded, .upload-wrap .upload-item { width: 300px; }
@media screen and (max-width: 750px) { .upload-wrap .upload, .upload-wrap .uploaded, .upload-wrap .upload-item { width: 100%; } }

.area-sec { display: flex; flex-direction: column; row-gap: 2rem; }
.area-sec .area-ttl { margin-bottom: 0.5rem; font-weight: 700; }

.page-unit-box dt { margin-bottom: 0.5rem; font-weight: 700; }

.news-list { margin-bottom: 50px; }
.news-list ul li { border-bottom: 1px solid #DEDEDE; }
.news-list ul li a, .news-list ul li div { padding: 45px 0 25px; }
@media screen and (max-width: 750px) { .news-list ul li a, .news-list ul li div { padding: 20px 0; } }
@media screen and (max-width: 750px) { .news-list ul li a span, .news-list ul li div span { margin-bottom: 20px; } }

.material-box .material-con { display: none; }
.material-box._show .material-con { display: block; margin-top: 1rem; }

/*# sourceMappingURL=login.css.map */