@charset "utf-8";
/*
Last Update: 2023/05/24
Auther: yt
*/
/*===================================================================
	page layout
===================================================================*/
/* title */
#page_title { height:240px; display:flex; flex-direction:column; justify-content:center; position:relative; }
#page_title > .background { position:absolute; top:0; left:0; width:100%; height:100%; }
#page_title > .background .img_back { width:100%; height:100%; }
#page_title > .text_wrap { position:relative; z-index:2; padding:0 20px; text-align:center; }
#page_title > .text_wrap .hl_page_title .main { font-weight:500; color:#fff; font-size:2em; }
#page_title .hl_1 { margin-bottom:0; }
@media (max-width:767px) {
	#page_title { height:180px; padding-bottom:20px; }
}
@media (max-width:575px) {
}

#pankuzu ul { display:flex; justify-content:flex-end; padding:15px 0; }
#pankuzu ul li { position:relative; color:#818283; }
#pankuzu ul li:not(:first-child) { padding-left:40px; }
#pankuzu ul li:not(:first-child)::before { content:""; position:absolute; top:50%; left:20px; transform:translateY(-50%) rotate(45deg); width:1px; height:30px; background:#D6D6D6; }
#pankuzu ul li:first-child a { background:url(../image/layout/icon/home.png) no-repeat center left / 15px; padding-left:20px; color:#000; font-weight:bold; }
#pankuzu ul li a:hover { text-decoration:underline; }
@media (max-width:767px) {
	#pankuzu { display:none; }
}


/*===================================================================
	entry
===================================================================*/
.entry a { color:; }
.entry ul > li:before { content:"●"; color:; }
.entry ul > li > ul > li:before { content:"■"; color:; }
.entry ol > li:before { color:; }
.entry ol > li > ol > li:before { color:; }
.entry table thead th { background:; color:; }
.entry table thead td { background:; color:; }
.entry table tbody th { background:; color:; }
.entry table tbody td { background:; color:; }

#mypage {}
#mypage .attention_wrap { margin-bottom:40px; }
#mypage .attention_news { background:#FDEDED; border-radius:4px; display:flex; align-items:center; flex-wrap:wrap; padding:20px 40px; }
#mypage .attention_news ._left { display:flex; align-items:center; padding-right:20px; }
#mypage .attention_news ._left .category_wrap { padding-right:20px; }
#mypage .attention_news ._left .category_wrap .category { padding:2px 10px; background:#E03F3F; color:#fff; font-weight:bold; border-radius:4px; font-size:.9em; }
#mypage .attention_news ._left .date_wrap { font-weight:bold; color:#E03F3F; }
#mypage .attention_news ._right .title a { font-weight:bold; color:#E03F3F; }
@media (max-width:1200px) {
	#mypage .attention_news { padding:20px; }
}
@media (max-width:767px) {
	#mypage .attention_news { flex-direction:column; align-items:flex-start; padding:20px 10px; }
	#mypage .attention_news ._left { margin-bottom:5px; }
}

#mypage .user_name { padding:10px 0; border-bottom:1px solid #DEDEDE; margin-bottom:40px; display:flex; flex-wrap:wrap; align-items:center; }
#mypage .user_name ._left { padding-right:20px; }
#mypage .user_name ._left .member_id { display:flex; border:1px solid #4B7C9B; }
#mypage .user_name ._left .member_id > * { display:flex; align-items:center; justify-content:center; padding:2px 15px; }
#mypage .user_name ._left .member_id .label { background:#4B7C9B; color:#fff; font-size:1.1em; }
#mypage .user_name ._left .member_id .main { color:#4B7C9B; font-size:1.25em; }
#mypage .user_name ._right .name { font-weight:500; font-size:1.75em; }

#mypage .menu_list { margin-bottom:-30px; }
#mypage .menu_list .row { flex-wrap:wrap; align-items:stretch; }
#mypage .menu_list .row > * { margin-bottom:30px; }
#mypage .menu_list .unit { height:100%; background:#FFFFFF; }
#mypage .menu_list .unit > * { display:flex; flex-direction:column; align-items:center; border:1px solid #D5D5D5; height:100%; }
#mypage .menu_list .unit > * ._top { flex-grow:1; display:flex; flex-direction:column; justify-content:center; padding:10px 0; }
#mypage .menu_list .unit > * ._top .image { display:flex; align-items:center; justify-content:center; }
#mypage .menu_list .unit > * ._top .image img { width:100px; }
#mypage .menu_list .unit > * ._top .title { display:flex; text-align:center; justify-content:center; align-items:center; line-height:1.4; }
#mypage .menu_list .unit > * ._top .title .main { font-size:1.25em; }
#mypage .menu_list .unit > * ._bottom { width:100%; }
#mypage .menu_list .unit > * ._bottom .term { display:flex; align-items:center; justify-content:center; background:#EDEDED; width:100%; padding:5px; }
#mypage .menu_list .unit > * ._bottom .term .main { color:#4B7C9B; font-size:.85em; font-weight:bold; }
#mypage .menu_list .unit > .finished { background:#bbb; }
#mypage .menu_list .unit > .finished ._top .image { position:relative; }
#mypage .menu_list .unit > .finished ._top .image .finished_text { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; border:2px solid #E03F3F; color:#E03F3F; font-weight:bold; padding:2px 5px; font-size:.9em; display:inline-block; white-space:nowrap; z-index:1; }
#mypage .menu_list .unit > .finished ._top .image img { opacity:.5; }
#mypage .menu_list .unit.finished { background:#BBBBBB; }
#mypage .menu_list .unit.finished ._top .image { position:relative; }
#mypage .menu_list .unit.finished ._top .image .finished_text { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; border:2px solid #E03F3F; color:#E03F3F; font-weight:bold; padding:2px 5px; font-size:.9em; display:inline-block; white-space:nowrap; z-index:1; }
#mypage .menu_list .unit.finished ._top .image img { opacity:.5; }

@media (max-width:1200px) {
	#mypage .menu_list .unit > * ._top .title .main { font-size:1.1em; }
}
@media (max-width:767px) {
	#mypage .menu_list .unit > * ._top .image img { width:60px; }
	#mypage .menu_list .unit > * ._top .title .main { font-size:1em; }
}

#document .file {  border:1px solid #759CB5; padding:10px 20px; }
#document .file a { font-weight:bold; color:#759CB5; }

a.underline { border-bottom:1px solid; }
p.ok { border:2px solid #1AB291; color:#1AB291; padding:5px; }
.block { display:block; }
.cancel td { background:#CCCCCC; }