@charset "UTF-8";
@import "reset5.css";
/*
//====================================================================
// Cascade Style Sheet　Smile To Smile（PC用）
//====================================================================
// 概  要	:
//
// コメント	:
//
// 修正履歴
//		日付		開発者			修正内容
// -------------------------------------------------------------------
//	1.	2019/08/15	CBA岩橋			強調ラベルと表示順の追加（テーマNo.2）
//	2.	2020/06/30	CBA岩橋			配分金明細書PDF対応（テーマNo.9）
//	3.	2021/09/07	CBA岩橋			Collaboスマスマ対応（テーマNo.16）
//	4.	2022/01/27	CBA岩橋			クライアントキャッシュ対策（不具合No.50）
//	5.	2022/10/24	CBA岩橋			金額のレイアウト調整（不具合No.64）
//	6.	2022/10/31	CBA岩橋			就業依頼のページ送りボタン変更（不具合No.54）
//	7.	2022/12/22	CBA岩橋			特定文字によるレイアウト崩れ（不具合No.78）
//====================================================================
*/

html { height: 100%; }
body { color: #333; background: #fdfbf6; font-size: 15px; min-height: 100%; padding: 0; position: relative; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; }
html.win body { font-size: 94%; font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif!important; }



* { word-wrap: break-word; }

:root {
	--leading-trim: calc((1em - 1lh) / 2);
}
@supports not (top: 1lh) {
	:root {
		--leading-trim: 0px;
	}
}

/* base font size : 15px
.font10 {font-size: 67%;}
.font11 {font-size: 73.5%;}
.font12 {font-size: 80%;}
.font13 {font-size: 87%;}
.font14 {font-size: 94%;}
.font15 {font-size: 100%;}
.font16 {font-size: 107%;}
.font17 {font-size: 113.5%;}
.font18 {font-size: 120%;}
.font19 {font-size: 127%;}
.font20 {font-size: 134%;}
.font21 {font-size: 140%;}
.font22 {font-size: 147%;}
.font23 {font-size: 154%;}
.font24 {font-size: 160%;}
.font25 {font-size: 167%;}
.font26 {font-size: 174%;}
*/


.mgt10 { margin-top: 10px!important; }
.mgt20 { margin-top: 20px!important; }
.mgt30 { margin-top: 30px!important; }
.mgt40 { margin-top: 40px!important; }
.mgt50 { margin-top: 50px!important; }
.mgt60 { margin-top: 60px!important; }
.mgt70 { margin-top: 70px!important; }
.mgt80 { margin-top: 80px!important; }
.mgt90 { margin-top: 90px!important; }
.mgt100 { margin-top: 100px!important; }

.mgtSmall { margin-top: 20px!important; }
.mgtMedium { margin-top: 50px!important; }
.mgtLarge { margin-top: 100px!important; }


.mgb10 { margin-bottom: 10px!important; }
.mgb20 { margin-bottom: 20px!important; }
.mgb30 { margin-bottom: 30px!important; }
.mgb40 { margin-bottom: 40px!important; }
.mgb50 { margin-bottom: 50px!important; }
.mgb60 { margin-bottom: 60px!important; }
.mgb70 { margin-bottom: 70px!important; }
.mgb80 { margin-bottom: 80px!important; }
.mgb90 { margin-bottom: 90px!important; }
.mgb100 { margin-bottom: 100px!important; }

.mgbSmall { margin-bottom: 20px!important; }
.mgbMedium { margin-bottom: 50px!important; }
.mgbLarge { margin-bottom: 100px!important; }

.mgtbSmall { margin-top: 20px !important; margin-bottom: 20px !important;}
.mgtbMedium { margin-top: 50px !important; margin-bottom: 50px !important;}
.mgtbLarge { margin-top: 100px !important; margin-bottom: 100px !important;}

.txtCenter { text-align: center!important; }
.txtRight { text-align: right!important; }
.txtLeft { text-align: left!important; }

/* !clearfix */
.cfix { zoom : 1; }
.cfix:after { content : ''; display : block; clear : both; }
.cf:before,
.cf:after {content:"";display:table;}
.cf:after { clear:both;}
.cf {zoom:1;}

/* !Links */
a:link { color:#333; text-decoration:underline; }
a:visited { color:#333; text-decoration:underline; }
a:hover { color:#333; text-decoration:none; }
a:active { color:#333; text-decoration:none; }

.mb20 { margin-bottom: 20px!important; }
.mb30 { margin-bottom: 30px!important; }
.txtR { text-align: right; }
.txtL { text-align: left; }

body { }
img { display: block; }
#wrapper { width: 930px; margin: 0px auto; /* padding: 0 0 125px;  */}

header { border-top: solid 4px #fdbe38; height: 100px; }
#logo { margin: 13px 0 0 8px; }

/* パンくず */
#breadCrumbs { background: url(/pc/images/bg_bread_btm.png) left bottom no-repeat; width: 936px; min-height: 52px; margin: -3px -3px 20px -3px; }
#breadCrumbs .inner { background: url(../images/bg_bread_top.png) left top no-repeat ; padding: 0 0 0 20px;  }
#breadCrumbs ul { overflow: hidden!important; }
#breadCrumbs li:first-child { margin: 0 5px 0 -15px; }
#breadCrumbs li { display: inline; color: #3167cb; line-height: 52px; margin: 0 5px 0 0; }
#breadCrumbs li span { color: #333; }
#breadCrumbs li:before  { content: '>'; color: #1c1c1c; display: inline-block; width: 15px; text-decoration: none; zoom: 1; position: relative; }
#breadCrumbs li:first-child:before { content: ''; }

/* #container { padding: 0 0 125px; } */
#container { position: relative; }

/* 詳細ページ共通部分 */
#mainttl { border-bottom: 3px solid ; padding: 5px 0 8px; margin: 0 0 20px; }

/* 就業情報の絞り込み */
.theme01 .sdBox.refine,
.theme05 .sdBox.refine,
.theme03 .sdBox.refine,
.theme02 .sdBox.refine { margin-top: 30px; margin-bottom: 30px !important; }

.theme01 .refine .inner,
.theme05 .refine .inner,
.theme03 .refine .inner,
.theme02 .refine .inner { padding: 16px 20px 0; }

.theme01 .refine .inner .refineTtl,
.theme05 .refine .inner .refineTtl,
.theme02 .refine .inner .refineTtl {
	margin-bottom:		0px;
	padding-bottom:		8px;
	border-bottom:		2px solid #4496db;
	font-size:			22px;
	font-weight:		normal;
}

.theme01 .refine .inner .refineTtl {
	border-bottom:		2px solid #ff6699;
}
.theme02 .refine .inner .refineTtl {
	border-bottom:		2px solid #4496db;
}
.theme05 .refine .inner .refineTtl {
	border-bottom:		2px solid #7f167f;
}

.theme01 .refine .inner table ,
.theme05 .refine .inner table ,
.theme03 .refine .inner table ,
.theme02 .refine .inner table {
	table-layout:		fixed;
	width:				100%;
}

.theme01 .refine .inner table{
	margin-bottom: 15px;
}
 .theme05 .refine .inner table {
	margin: 10px 0;
} 
.theme02 .refine .inner table {
	margin: 10px 0;
} 

.theme01 .refine .inner table tr,
.theme05 .refine .inner table tr,
.theme03 .refine .inner table tr,
.theme02 .refine .inner table tr {
	border-bottom:		#ced7dd solid 1px;
}
.theme01 .refine .inner table tr:last-child,
.theme05 .refine .inner table tr:last-child,
.theme03 .refine .inner table tr:last-child,
.theme02 .refine .inner table tr:last-child{
	border-bottom:		none;
}
/* SMILETOSMILE-312 */
/* .theme05 .refine .inner table th, */
.theme03 .refine .inner table th {
	text-align:			right;
	width:				7em;
	padding-top:		13px;
	padding-bottom:		13px;
	padding-right:		0.5em;
}
/* SMILETOSMILE-312 */
/* .theme05 .refine .inner table td, */
.theme03 .refine .inner table td {
	height:				52px;
	padding-top:		13px;
	padding-right:		13px;
	padding-bottom:		13px;
	font-size:			14px;
}
.theme01 .refine .inner table td input,
.theme05 .refine .inner table td input,
.theme02 .refine .inner table td input {
	margin-right:		7px;
	vertical-align:		middle;
}
.theme05 .refine .inner table td #classification {
	width:				60%;
	height:				2em;
	margin-right:		1em;
}
.theme01 .refine .inner table td #tabHeader,
.theme05 .refine .inner table td #tabHeader,
.theme03 .refine .inner table td #tabHeader,
.theme02 .refine .inner table td #tabHeader li {
	margin-bottom:	0;
}
.theme01 .refine .inner table td #tabHeader li span,
.theme05 .refine .inner table td #tabHeader li span,
.theme03 .refine .inner table td #tabHeader li span,
.theme02 .refine .inner table td #tabHeader li span {
	min-width:			148px;
	height:				52px;
	display:			block;
	background:			url(/pc/images/tab_btn_base_over_yellow.png) no-repeat center / 148px 52px;
	text-shadow:		1px 1px 0px #ffffff;
	font-size:			20px;
	color:				#555;
	text-align:			center;
	line-height:		52px;
	overflow:			hidden;
}
.theme01 .refine .inner table td #tabHeader li a,
.theme05 .refine .inner table td #tabHeader li a,
.theme03 .refine .inner table td #tabHeader li a,
.theme02 .refine .inner table td #tabHeader li a{
	min-width:			148px;
	height:				52px;
	display:			block;
	background:			url(/pc/images/tab_btn_base.png) no-repeat center / 148px 52px;
	text-shadow:		1px 1px 0px #ffffff;
	text-decoration:	none;
	font-size:			20px;
	color:				#555;
	text-align:			center;
	line-height:		52px;
	overflow:			hidden;
}
.theme01 .refine .inner table td #tabHeader li a:hover,
.theme05 .refine .inner table td #tabHeader li a:hover,
.theme03 .refine .inner table td #tabHeader li a:hover,
.theme02 .refine .inner table td #tabHeader li a:hover{
	background: 		url(/pc/images/tab_btn_base_over_yellow.png) no-repeat center / 148px 52px;
	color:				#555;
}

.theme01 .filterTitle,
.theme05 .filterTitle,
.theme02 .filterTitle{
    width: 30%;
	text-align: center;
	color: #fff;
}
.theme01 .filterTitle{
	background-color: #f46c84;
}
.theme05 .filterTitle{
	background-color: #7f167f;
}
.theme02 .filterTitle{
	background-color: #4496db;
}

.theme01 .filterList,
.theme05 .filterList,
.theme02 .filterList {
    width: 100%; 
    height: 50px;
}

/* checkbox */
.theme02 .checkBox {
    position: relative;
}
.theme02 .checkbox-wrapper {
        margin: 18px 20px;
}
.theme02 .checkbox-wrapper .checkbox-label {
    display: block;
    padding-left: 40px;
    position: relative;
    cursor: pointer;
    user-select: none;
    line-height: 30px;
}
.theme02 .checkbox-wrapper .checkbox-label .checkmark {
    position: absolute;
    top: 50%;
    left: 0;
    height: 30px;
    width: 30px;
    background-color: #fff;
    border-radius: 5px;
    border: 3px solid #4496db;
        transform: translateY(-50%);
    vertical-align: middle;
}
.theme02 .checkbox-wrapper .checkbox-label .checkmark::after {
    content: "";
    position: absolute;
    display: none;
        left: 7px;
        top: -1px;
        width: 11px;
        height: 20px;
        border: solid white;
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
}
.theme02 .checkbox-wrapper input[type="checkbox"] {
    display: none;
}
.theme02 .checkbox-wrapper input[type="checkbox"]:checked + .checkmark {
    background-color: #4496db;
}
.theme02 .checkbox-wrapper input[type="checkbox"]:checked + .checkmark::after {
    display: block;
}

#tabHeader { margin: 0 -4px 10px; -webkit-text-size-adjust: none; }
.win #tabHeader { font-size: 1px; }

#tabHeader li { float: left; margin: 0 8px 5px 0; height: 52px;  }
#tabHeader li a { min-width: 128px; height: 52px; display: block; background: url(/pc/images/tab_btn_base.png) no-repeat; text-decoration: none; font-size: 20px; color: #555; text-align: center; line-height: 52px; overflow: hidden; }
#tabHeader li a:hover { background: url(/pc/images/tab_btn_base_over.png) no-repeat; color: #fff; }
#tabHeader li span { min-width: 128px; height: 52px; display: block; background: url(/pc/images/tab_btn_base_over.png) no-repeat; font-size: 20px; color: #fff; text-align: center; line-height: 52px; overflow: hidden; }
#btnTop { margin: 20px 0; text-align: right; font-size: 107%; position: absolute; bottom: 0; right: 0;  }
#btnArw { background: url(/pc/images/icn_pagetop.png) left center no-repeat ; padding: 0 0 0 22px; }

/* 詳細ページ共通table */
.tableTtl { padding: 13px 20px 10px 20px; font-size: 134%; font-weight: normal; border-bottom: 3px solid; }
.tableTtl .icn img { display: inline; margin: -5px 0 -6px 10px; }
/*---------1  ADD  Start----------------------------------------------*/
.tableTtl .title {
	vertical-align:	middle;
}
.tableTtl .kyouchou {
	display:		inline-block;
	vertical-align: middle;
	padding: 		2px 10px 2px 10px;
	border-radius: 	8px;
	background:		linear-gradient(1deg, rgba(251,202,71,1) 0%, rgba(252,217,99,1) 35%, rgba(251,226,133,1) 100%);
	color: 			#ff0000;
	font-size:		100%;
	font-weight: 	bold;
	white-space: 	nowrap;
}
.tableTtl .kibou_zumi {
	display:		inline-block;
	vertical-align: middle;
	padding: 		2px 5px 2px 5px;
	border-radius:	8px;
	background:		linear-gradient(1deg, rgba(205,66,91,1) 0%, rgba(242,105,134,1) 35%, rgba(244,126,152,1) 100%);
	color: 			#ffffff;
	font-size:		100%;
	white-space: 	nowrap;
}

/*---------1  ADD  End  ----------------------------------------------*/
/*---------3  ADD  Start----------------------------------------------*/
.tableTtl .haken_lbl {
	display:		inline-block;
	vertical-align: middle;
	padding: 		2px 5px 2px 5px;
	border-radius:	8px;
	background:		linear-gradient(1deg, rgba(66,66,205,1) 0%, rgba(135,105,242,1) 35%, rgba(188,165,255,1) 100%);
	color: 			#ffffff;
	font-size:		100%;
	white-space: 	nowrap;
}

/*---------3  ADD  End  ----------------------------------------------*/
.cmnTable { width: 100%; border-collapse: separate; }
.cmnTable th { text-align: center; width: 159px; background: #f0f4f7; border-top: 1px solid #fff;  border-right: 1px solid #fff; border-bottom: 1px solid #ced7dd; border-collapse: separate; padding: 15px 0 13px; vertical-align: middle; }
.cmnTable td { padding: 15px 20px 13px ; vertical-align: middle; border-left: 1px solid #ced7dd; border-bottom: 1px solid #ced7dd; white-space:break-spaces;}

/* シングルカラム */
.singleSd { background: url(/pc/images/single_shadow_base.png) repeat-y; margin: 0 -4px 28px; width: 938px; }
.singleSd .inTop { background: url(/pc/images/single_shadow_top.png) no-repeat left top; }
.singleSd .inBtm { background: url(/pc/images/single_shadow_bottom.png) no-repeat left bottom; padding: 4px; }
.singleSd .inner { padding: 0 65px; text-align: center; min-height: 400px;}
.singleSd .singleTtl { border-bottom: 1px solid #cacaca; font-size: 160%; font-weight: bold; padding: 16px 0 10px; }
.errWrapper { margin: 0; padding: 0!important;  }
.error { color: #e43f3f; margin: 0 0 20px; font-weight: normal!important; text-align: center; }
.error span { margin: 0 10px 0 0;  }
.error img { display: inline; line-height: 1.5; margin: 0 10px -3px 0;}
.singleSd .txtL.bdTop { border-top: 1px solid #cacaca; }
.singleSd .txtL { /* border-top: 1px solid #cacaca; */ padding: 25px 5px 10px; }
.singleSd .txtL p { margin: 0 0 10px; }
.singleSd #loginArea { margin: 40px 0 20px; font-size: 120%; }
.singleSd #loginArea p { font-weight: bold; margin: 0 0 25px; }
.singleSd #loginArea #formTable { /* width: 470px; */ margin: 0 auto; width: 100%;  }
.singleSd #loginArea #formTable th { vertical-align: top; padding: 10px; font-weight: bold; width: 30%; text-align: right; }

.singleSd #loginArea #formTable td { vertical-align: top; padding: 0 0 15px; }
.singleSd #loginArea #formTable.confirm td { padding: 10px 0; }
.singleSd #loginArea #formTable .curEmail { padding: 10px 10px 20px 15px; font-weight: bold; }
/* .singleSd #loginArea #formTable td .error { margin: 0!important; } */
.singleSd #loginArea #formTable td .inputBox { margin: 0 0 5px; }
.singleSd #loginArea #formTable td .inputBox span { margin: 0 5px; display: inline-block; vertical-align: top; line-height: 44px ; }
.singleSd #loginArea #formTable td .inputStyle { width: 95%; height: 18px; font-size: 100%;  padding: 12px 10px;  border: 1px solid #cacaca; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius : 4px; -ms-border-radius: 4px;border-radius: 4px; ime-mode: inactive; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.singleSd #loginArea #formTable td .inputStyle { -ms-border-radius: 0; border-radius: 0; }
}/* IE10 */
#side { margin: -3px -3px 0 -3px; width: 255px; float: left; } /* actualsize width: 249px */
#userInfo { background: url(/pc/images/orn_side_base.png) repeat-y; line-height: 1.8; }
#userInfo .inner { background: url(/pc/images/orn_side_top.png) no-repeat; padding: 18px 8px 18px 16px; }
#userInfo h3 { font-weight: normal; }
#userInfo h3 strong { font-size: 147%; }
#userInfo h3 span { font-size: 120%; }
#userInfo #lastLogin { font-size: 12px; }
#userInfo ul { padding: 20px 0 0 8px; }
#userInfo li { background: url(/pc/images/icn_arrow.png) no-repeat 0 0.65em; padding: 0 0 0 15px; }
#globalNav { margin: 0 0 13px; }
#globalNav li { display: inline; }
#globalNav li img { display: block; }
#banners { margin: 0 0 20px; }
#banners li { zoom: 1; margin: 0 0 10px; }
#sideAd { margin: 0 0 20px; }
#sideAd .inner {  min-height: 128px; margin-bottom: 10px; }
#sideAd .inner img { width:255px; }
#sideAd .inner .txtArea { text-align: center; line-height: 128px; }
#sideAd .inner .txtArea h3 { font-size: 14px; }

.column #main { width: 652px; float: right; position: relative; padding: 0 0 70px; }
#mainImg { margin: 0 0 20px; }
#main .block { margin: 0 0 30px; }
#main .block .ttl { margin: -3px -3px 15px; }

/* .newsIndex { line-height: 1.65; margin: 0 0 20px; } */
.newsIndex li { border-bottom: #949494 dotted 1px; }
/* .newsIndex li a { padding: 18px 10px 18px 10em; display: block; position: relative; text-decoration: none; } */
.newsIndex li a { text-decoration: none; }
.newsIndex li a:hover { background: #f2f0eb; }
.newsIndex li a:hover .linkTxt { text-decoration: none; }
.newsIndex li .linkTxt { text-decoration: underline; }
/* .newsIndex li .date { position: absolute; left: 10px; top: 18px; } */
.newsIndex li .cate { color: #666; white-space: nowrap; }

/* .newsIndex li .fileIconDiv { height: 20px;}
.newsIndex li .fileIcon { position: absolute; left: 5px; top: 40px; height: 20px;} */

/* .newsIndex li h3 { margin: -2px 0 0; font-weight: normal; } */
/* .newsIndex li h3 .linkTxt { text-decoration: underline; font-size: 120%; background: url(/pc/images/icn_arrow1.png) no-repeat 0 0.3em; padding: 0 0 0 15px; } */
.newsIndex li h3 .midashi { text-decoration: underline; font-size: 120%;}
/* .win .newsIndex li h3 .linkTxt { background-position: 0 0.5em;} */


.newsIndex li {
	list-style: none;
}

.newsIndex li.unread {
	background-color: #FFDCE3;
}
.newsIndex li.unread .date{
	font-weight: bold;
}

.newsIndex li.unread h3{
	font-weight: bold;
}

.newsIndex li a {
	display: flex;
	text-decoration: none;
	color: inherit;
}

.newsIndex .lineHead,
.newsIndex .lineContents {
	display: flex;
	flex-direction: column;
	padding: 10px;
}

.newsIndex .lineHead {
	width: 150px;
	flex-shrink: 0;
	align-items: flex-start;
	margin-right: 10px;
}

.newsIndex .fileIcon {
	display: flex;
	align-items: center;
	width: 120px;
}

.newsIndex .noAnswer {
	background-color: #ff6699;
	color: #ffffff;
	border-radius: 10px;
}

.newsIndex .fileIcon img {
	margin: 5px 10px;
}

.newsIndex .fileIcon .iconAlt {
	margin-top: 5px;
}

.newsIndex .lineContents h3 {
	display: block;
}

.newsIndex li h3 .midashi {
	text-decoration: underline;
	font-size: 120%;
}

.newsIndex .lineContents .cate {
	margin-left: 10px;
}

.newsIndex .lineContents .naiyou {
	margin-top: 10px;
	margin-left: 10px;
}

.newsIndex li h3 .circle {
	display: inline-block;
	flex-shrink: 0;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #F26986;
	margin-top: 2px;
	margin-right: 10px;
}

.newsIndex li h3 .arrow {
	background: url(/pc/images/icn_arrow1.png) no-repeat 0 0.3em;
	margin-top: 2px;
	margin-right: 10px;
}

/* nav */
.pager { }
.pager .inner { padding: 4px; }
.pager .number { text-align: center; }

.pager .navi_footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.pager .navi_footer .number {
  margin-left: 38%;
  text-align: center;
}

.pager .navi_footer .limit_disp_num_div {
  margin-top:2px;
  margin-left: auto;
  margin-right: 10px;
}

.custom-pagination .navi_footer {
  display: flex;
  align-items: center;
  justify-content: center; /* 中央寄せに設定 */
}

.custom-pagination .navi_footer .number {
  margin: 0;
  text-align: center; /* テキスト自体をセンターに */
}

/*---------3  DEL  Start----------------------------------------------*/
/*.pager nav { text-align: center; height: 46px; border-bottom: #ced7dd solid 1px; margin: 0 0 4px; padding: 7px 0 11px; -webkit-text-size-adjust: none; }*/
/*---------3  DEL  End  ----------------------------------------------*/
/*---------3  ADD  Start----------------------------------------------*/
.pager nav {
	text-align: center;
	height: auto;
	border-bottom: #ced7dd solid 1px;
	margin: 0 auto 0 4px;
	padding: 7px 0 11px;
	-webkit-text-size-adjust: none;
}
.pager a { display: inline-block; text-align: center; width: 48px; height: 46px; line-height: 46px; font-weight: bold; font-size: 20px; background: url(/pc/images/btn_nav_base.png); text-decoration: none; margin: 0 4px; overflow: hidden; vertical-align: top;  -webkit-text-size-adjust: none;}
.pager .current {
	display:			inline-block;
	text-align: 		center;
	width: 				48px;
	height:				46px;
	line-height:		46px;
	font-weight:		bold;
	font-size:			20px;
	background:			url(/pc/images/btn_nav_base_over.png?date=20220127110000);
	text-decoration:	none;
	margin:				0 4px;
	overflow:			hidden;
	vertical-align:		top;
}
.pager .dot { display: inline-block; text-align: center; width: 40px; height: 46px; overflow: hidden; background: none }


.theme01 .pager .prev a, .theme01 .pager .next a { width:100px; background: url(/pc/images/btn_nav_base_color1.png); background-size:100px 100%; color:#FFF; }
.theme02 .pager .prev a, .theme02 .pager .next a { width:100px; background: url(/pc/images/btn_nav_base_color2.png); background-size:100px 100%; color:#FFF; }
.theme05 .pager .prev a, .theme05 .pager .next a { width:100px; background: url(/pc/images/btn_nav_base_color5.png); background-size:100px 100%; color:#FFF; }
.pager .prev a:hover, .pager .next a:hover {
	width:100px; background: url(/pc/images/btn_nav_base_over.png); background-size:100px 100%; color:#000;
}
.pager .pageno a:hover {
	background:			url(/pc/images/btn_nav_base_over.png?date=20220127110000)!important;
}

/*#adSpace a { padding: 4px; display: block; }*/
#adSpace a:link { text-decoration: none!important; }
#adSpace a:visited { text-decoration: none!important; }
/*#adSpace .sdBox { margin-bottom: 10px; }
#adSpace .sdBox:last-child { margin-bottom: 0; }
#adSpace .inner { background: #92cdfa url(/pc/images/bg_voice_over.png) left top repeat-x; position: relative; min-height: 100px; }
#adSpace .inner img { position: absolute; left: 9px; top: 7px; }
#adSpace .inner .txtArea { text-align: center; line-height: 100px; }
#adSpace .inner .txtArea h3 { font-size: 16px; }
#adSpace .inner .txtArea p { font-size: 94%; line-height: 2; }*/
#adSpace ul { margin:3px 61px 0 61px; }
#adSpace li { display: block; float:left; padding:5px; }
#adSpace li .AdBox { width:255px; min-height:128px; }
#adSpace li .AdBox img{ width:255px; height:auto; }
#adSpace img { padding: 4px; display: block; }

.more { text-align: right; }
.arrow { background: url(/pc/images/icn_arrow.png) no-repeat left center; padding: 0 0 0 15px; }

.sdBox { background: url(/pc/images/shadow_base.png) repeat-y; margin: 0 -4px; width: 660px; } /* actualsize width: 652px */
.sdBox .inTop { background: url(/pc/images/shadow_top.png) no-repeat left top; }
.sdBox .inBtm { background: url(/pc/images/shadow_bottom.png) no-repeat left bottom; padding: 4px; }
.sdBox .inner { }

.inSdBoxL { background: url(/pc/images/in_shadow_base_l.png) repeat-y; margin: 0 0 30px; }
.inSdBoxL .inTop { background: url(/pc/images/in_shadow_top_l.png) no-repeat left top; }
.inSdBoxL .inBtm { background: url(/pc/images/in_shadow_btm_l.png) no-repeat left bottom; }
.inSdBoxL .inner { padding: 25px 30px; }

/* footer { position: absolute; bottom: 0; left: 0; width: 930px; margin: 0 auto; right: 0; } */
/* footer { position: absolute; bottom: 0; left: 0; width: 930px; margin: 0 auto; right: 0; } */
footer #footerNav { border-top: #d8d8d8 solid 3px; font-size: 0.9em; }
footer #footerNav ul { border-bottom: #d8d8d8 solid 3px; overflow: hidden; padding: 15px 5px }
footer #footerNav ul li { float: left; }
/* footer #footerNav ul li a { text-decoration: none; } */
footer small { display: block; text-align: center; padding: 20px 0; }

/* privacy */
.dotBox { border-bottom: 1px dotted #949494; padding: 0 0 15px; margin: 0 0 15px; line-height: 1.8;}
.dotBox .txtR { margin: 0 0 25px; }
.dotBox ul { padding: 0 135px 0 20px; margin: 0 0 40px; background: url(/pc/images/img_privacy.png) right 30px no-repeat; }
.dotBox ul li { list-style-type: disc; margin: 0 0 10px;  }

/* rule */
.dotBox2 { border-bottom: 1px dotted #949494; padding: 0 0 15px; margin: 0 0 15px; line-height: 1.8;}
.dotBox2 .txtR { margin: 0 0 25px; }
.dotBox2 .txtB { font-weight:bold; }
.dotBox2 ul { padding: 0 25px 0 20px; margin: 0 0 20px; }
.dotBox2 ul li { list-style-type: disc; margin: 0 0 10px;  }
.dotBox2 ol.numlist {
  margin: 0px 0px 0px 30px;
  padding: 0px;
}
.dotBox2 ol.numlist li {
  list-style-type: decimal;
  margin: 0px 0px 5px 0px;
  line-height: 140%;
}
.dotBox2 ol.numlist ul {
  margin: 0px 0px 0px 20px;
  padding: 0px;
}
.dotBox2 ol.numlist ul li {
  list-style-type: disc;
  margin: 0px;
  line-height: 140%;
}


/* theme01 */
.theme01 #mainttl { border-color: #f26986; }
.theme01 .newsIndex { line-height: 1.65; margin: 0; }
.theme01 .newsIndex li:last-child { border-bottom: none;  }
.theme01 #btnBack { width: 161px; margin: 0 auto; }
.theme01 .ttlArea { border-bottom: 1px dotted #949494; }
.theme01 .ttlArea h3 { font-size: 24px; font-weight: bold; margin: 0 0 10px; }
.theme01 .ttlArea p { margin: 0 0 10px; line-height: 1.1; }
.theme01 .ttlArea #date { margin: 0 0 8px; }
.theme01 .ttlArea #category { color: #666; }
.theme01 #contents { margin: 15px 0; font-size:16px; line-height: 1.8;}
.theme01 #contents p { }

/* theme02 */
.theme02 #mainttl { border-color: #4496db; }
.theme02 #lead { line-height: 2; margin: 0 0 20px; }
.theme02 #tabHeader li { width: 148px; }
.theme02 .inner { padding: 4px; }
.theme02 .tableTtl { background: #e4f2fd; border-color: #4496db; }
.theme02 .tableBtn { width: 321px; margin: 18px auto 14px; line-height: 1; }
.theme02 .sdBox { margin-bottom: 20px!important; }

/* theme03 */
.theme03 #mainttl { border-color: #4ec745; }
.theme03 .tableTtl { background: #e6fae4; border-color: #4ec745; }
.theme03 .monthTtl { background: #ADD9CB; font-weight: normal; padding: 0 1px 0px; }
.theme03 .monthTtl span { border-bottom: 3px solid #4ec745; padding: 16px 24px 12px ; line-height: 1.1; display: block; font-size: 134%; font-weight:bold; }
.theme03 .monthTtl img { display: inline-block;}
.theme03 .yearTtl { background: #01875E; font-weight: normal; padding: 0 1px 0px; }
.theme03 .yearTtl span { border-bottom: 3px solid #00BB82; padding: 16px 24px 12px ; line-height: 1.1; display: block; font-size: 134%; color:#fff; font-weight:bold; }
.theme03 .yearTtl img { display: inline-block;}

.theme03 .PDF_DL{
	float: right;
	padding: 0.5em;
	margin: 0;
	display: block;
	color: #fff !important;
	background: #01875E;
	text-decoration: none;
	font-weight: bold;
	font-size:16px;
	border-radius: 3px;
	text-align:center;
	text-decoration:none !important;
}
.theme03 .PDF_DL:before{
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: -3px 5px 0 0;
	background: url("/pc/images/pdf_dl.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.theme03 .PDF_DL:hover {
  background: #ADD9CB;
}


.theme03 .inner { padding: 0 25px; }
.theme03 .cmnTable { margin: 0; }
.theme03 .sdBox { margin-bottom: 20px!important; }
/*---------2  ADD  Start----------------------------------------------*/
/* .theme03 .monthTtl .PDF_DL{
	float:				right;
	padding: 			5px 10px 5px 10px;
	border-radius:		8px;
	background:			linear-gradient(1deg, rgba(20,104,17,1) 0%, rgba(29,155,26,1) 35%, rgba(38,187,33,1) 100%);
	color: 				#ffffff;
	font-size:			100%;
	white-space: 		nowrap;
	text-decoration:	none;
	text-shadow:		1px 1px 1px #663333;
	position:			relative; bottom: 7px;
    }
.theme03 .monthTtl .PDF_DL:hover{
	background:		linear-gradient(1deg, rgba(98,98,98,1) 0%, rgba(160,160,160,1) 35%, rgba(160,160,160,1) 100%);
    } */
/*---------2  ADD  End  ----------------------------------------------*/
.dotTable { border-collapse: separate; width: 100%; margin: 10px 0 ; overflow: hidden; }
.dotTable th { border-bottom: 1px dotted #949494; text-align: center; padding: 10px 10px; vertical-align: top; }
.dotTable td { border-bottom: 1px dotted #949494; padding: 10px 10px; }
.dotTable tr:last-child th { border-bottom: none; }
.dotTable tr:last-child td { border-bottom: none; }

/* theme04 */
.theme04 #mainttl { border-color: #ffad00; }
.theme04 .tableTtl { background: #e4f2fd; border-color: #4496db; text-align: left; padding-left: 24px; }
.theme04 .singleSd { margin-bottom: 28px;  }
.theme04 #yellowRnd { background: #fcf5e1; margin: 0 0 15px; overflow: hidden; }

.theme04 #yellowRnd .inTop { background: url(/pc/images/register_top.png) left top no-repeat; }
.theme04 #yellowRnd .inBtm { background: url(/pc/images/register_bottom.png) left bottom no-repeat; padding: 4px; }
.theme04 #yellowRnd nav { padding: 18px 0 0 15px; }
.theme04 #yellowRnd ul { overflow: hidden; }
.theme04 #yellowRnd li { float: left; color: #999; font-size: 120%; font-weight: bold; margin: 0 10px 13px 0; zoom: 1; }
*+html .theme04 #yellowRnd li { margin: 0 10px 0 0; }
.theme04 #yellowRnd li:before { content: url(/pc/images/arrow_register.png); display: block; float: left; margin: 0 10px 0 0; }
.theme04 #yellowRnd li:first-child { margin-left: -28px;}
.theme04 #yellowRnd span { border-color: transparent; /* padding: 0 0 7px; */ zoom: 1; display: block; float: left; line-height: 1.5; white-space: nowrap;}
.theme04 #yellowRnd .current { color: #000; border-bottom: 3px solid #ffad00; }
#ruleBox { text-align: left; padding: 15px 20px 0; margin: 0 0 20px; border: 1px solid #929293; width: 765px; height: 232px; overflow: scroll; }
#ruleBox h3 { font-size: 134%; font-weight: normal; margin-bottom: 1em; }
#ruleBox p { margin-bottom: 1em; }

.nextBtn { margin: 0 0 22px; }
.nextBtn img { display: inline; }
.nextBtn input { margin:0 20px; }

.singleLead { font-size: 110%; line-height: 1.4; margin: 20px 0; }

.leadBanner { display: table; width: 100%; margin: 25px 0; }
.leadBanner .leadBannerTxt { display: table-cell; vertical-align: middle; }
.leadBanner .leadBannerTxt p { color: #1C1C1C; font-size: 110%; line-height: 1.4; }
.leadBanner .leadBannerTxt p + p { margin-top: 25px; }
.leadBanner .leadBannerBtn { display: table-cell; width: 258px; padding-left: 25px; vertical-align: middle; }
.leadBanner .leadBannerBtn a img { display: inline-block; }
.leadBanner .leadBannerBtn a img:nth-child(2) { display: none; }
.leadBanner .leadBannerBtn a:hover img:nth-child(1) { display: none; }
.leadBanner .leadBannerBtn a:hover img:nth-child(2) { display: inline-block; }

.login_top{position:relative;width:930px;height:257px; margin-bottom:32px;}
.login_top .loginLead{position: absolute; left:24px; top:21px; font-size: 100%; line-height: 145%;width:390px; height:117px; color:#1c1c1c; }
.login_top .login_top_btn_01{position: absolute; left:19px; top:138px;width:391px; height:49px; }
.login_top .login_top_btn_02{position: absolute; left:19px; top:193px;width:391px; height:49px;}

.top_about#mainttl { border-color: #ffa600; }
.login_about{margin:0 20px 50px 20px;}
.login_about p{margin-bottom:12px; font-size: 100%; line-height: 145%;}

.btns { margin: 0 0 30px; }
.btns a {}
.btns a img { display: inline; }


#quesArea {}
#quesForm { width: 800px; padding-top: 20px; padding-bottom: 20px;}
#quesForm p { text-align: left; padding-left: 18px; }
#quesForm textarea { width: 88%; height: 80px; padding: 12px 10px; margin: 12px 0 24px; border: 1px solid #cacaca; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; ime-mode: inactive; resize: none; font-size: 16px;}
#quesForm .error { text-align: center; margin-bottom: 16px; margin-top:10px;}
#quesForm .td_text { padding: 0 0 0 4px; }
#quesForm .on_text { padding-top: 32px; }
.questDiv { margin:20px; padding:10px; border: 1px solid #aaa; border-radius: 4px; }
.questTtl { padding: 15px 10px; font-size: 134%; font-weight: normal; border-bottom: 3px solid #888; text-align: left; }
.questSubTtl { margin:20px 10px 15px; padding: 13px 5px 10px; font-size: 110%; font-weight: normal; border-bottom: 1px solid #888; text-align: left; }
.questAnswer { margin:15px; }
.questTable { min-width: 800px; margin: 0 auto;}
.questTable th { text-align: center; width: 52px; padding: 15px 0 13px; vertical-align: middle; }
.questTable td { padding: 15px 20px 13px 8px; vertical-align: middle; }

/*** 就業情報 区分 ***/
.syugyo_sample_selectArea {width: 644px; margin: 0 auto 30px; text-align: left;}
.syugyo_sample_selectArea select {width: 18em; height: 2em; font-size: 16px;}
/* index_other */
#syugyo_sample { width: 644px; margin: 0 auto 40px; text-align: center; }
#syugyo_sample h2 { border-color: #4496db; }
#syugyo_sample ol { margin-top: 22px; margin-bottom: 22px; text-align: left; }
#syugyo_sample ol li{ width: 644px; background: #e3f2fd; border: solid 6px #ffffff; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.5); -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.5); -ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.5); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; margin: 10px auto 0 auto; padding: 12px 0 12px 20px;}
#syugyo_sample ol li p{ font-size: 100%; width: 280px; display: inline-block; vertical-align: middle; margin-right: 162px; }
#syugyo_sample ol li a{ width:156px; height:46px; background: url(/pc/images/btn_detail.png); display: inline-block; vertical-align: middle; }
#syugyo_sample ol li a:hover{ background: url(/pc/images/btn_detail_over.png); }
/*---------3  ADD  Start----------------------------------------------*/
.syugyo_sample_haken_lbl {
	display:		inline-block;
	vertical-align: middle;
	padding: 		2px 5px 2px 5px;
	border-radius:	8px;
	background:		linear-gradient(1deg, rgba(66,66,205,1) 0%, rgba(135,105,242,1) 35%, rgba(188,165,255,1) 100%);
	color: 			#ffffff;
	font-size:		100%;
	white-space: 	nowrap;
}
/*---------3  ADD  End  ----------------------------------------------*/

/* FAQ */
.faq_ttl {border-bottom:2px solid #ffad00; padding:10px 0 4px 10px; font-size:140%; font-weight:bold; color:#333333;}
.faq_ttl {display: flex; justify-content: space-between; align-items: baseline;}

.faq_menu{ background:#fdebc5; padding:14px 0; margin-bottom:40px;}
.faq_menu ul{ display:table;}
.faq_menu ul li{ display:table-cell; vertical-align:middle; padding:0 34px 0 12px; border-right:1px solid #9f9581; background: url(/pc/images/icn_faq.png) right center no-repeat;}
.faq_menu ul li.end{ border-right:none;}
.faqBox { padding: 0 20px 15px; margin: 0 0 15px; line-height: 1.8;}
.faqBox2{ padding:0 20px 0px 20px;}
.faqBox2 dl.faqlist_q { margin:0 0 20px 0; padding:0 0 0 0; border-bottom:none;}
.faqBox2 dl.faqlist_a { margin:0 0 20px 0; padding:0 0 24px 0; border-bottom:1px dotted #949494;}
.faqBox2 dt{ float:left; background:#fee3ac; border:1px solid #ff9900; padding:8px 13px; font-size:100%; line-height:140%; font-weight:bold;}
.faqBox2 .faqlist_a dt{background:#d3e8b6; border:1px solid #81b03f;}
.faqBox2 dd{ float:left; padding:9px 0 0 10px; font-size:100%; line-height:140%; text-align: left; width: 90%;}

.faq_back{ text-align:center; padding:4px 0 0 0;}
.faq_back a{ display:inline-block;}

#acd dt{
    cursor:pointer;
    }
#acd dt h3.tableTtl{
    display:table;
  padding: 13px 0 10px 0; border-bottom: 3px solid;
  width:100%;
   border-color: #4ec745;
    }
#acd dt h3.tableTtl span{
    display:table-cell;
  vertical-align:middle;
  padding:0 0 0 20px;
    }
#acd dt a{
   background: url(/pc/images/detail_on.png) left center no-repeat;
   width:156px;
   height:46px;
   padding:0 8px;
   display:table-cell;
  vertical-align:middle;
    }
#acd dt a:hover{
   background: url(/pc/images/detail_on_over.png) left center no-repeat;
    }
#acd dt.active a{
   background: url(/pc/images/detail_off.png) left center no-repeat;
   width:156px;
   height:46px;
   padding:0 8px;
   display:table-cell;
  vertical-align:middle;
    }
#acd dt.active a:hover{
   background: url(/pc/images/detail_off_over.png) left center no-repeat;
    }

#acd dd{
    display:none;
    }
#acd .inBtm dl{margin:0 0 20px 0;}

.notice_color {color:#ff0000;}
.font12 {font-size: 12px;}
.input_guide {font-size: 14px; color: #707070; margin-left: 10px;}


/* プルダウン */
.pulldownSizeM {
	background-color: #fff;
	max-width: 120px;
	border: 1px solid #999;
	height: 28px;
	width: 100%;
	padding: 0 auto;
}
.pulldownSizeS {
	background-color: #fff;
	max-width: 50px;
	border: 1px solid #999;
	height: 28px;
	width: 100%;
    padding: 0 auto;
}

/* theme05 syuugyouirai.html */
.theme05 #mainttl { border-color: #800080; }
.theme05 .inner { padding: 4px; }
/* .theme05 .tableTtl { background: #e4ddf9; border-color: #800080; } */
.theme05 .tableTtl { font-size: 20px; font-weight: bold; color: #ffffff; }
.theme05 .tableTtl1 { background: #7e639b; border-color: #7e639b; }
.theme05 .tableTtl2 { background: #3e5d74; border-color: #f0f4f7; }
.theme05 .tableTtl3 { background: #9F4B7E; border-color: #f0f4f7; }
.theme05 .tableTtl4 { background: #3F9279; border-color: #f0f4f7; }
.theme05 .tableTtl0 { background: #444; border-color: #eee; }

.theme05 .tableTtl {
	display: flex;
	align-items: center;
}
.theme05 .tableTtl img,
.tableTtl .title {
	margin-right: 10px;
}
.theme05 .tableTtl img {
	height: 30px;
}

.theme05 .tableBtn { text-align: center; width: 321px; margin: 18px auto 14px; line-height: 1; }
.theme05 .sdBox { margin-bottom: 20px!important; }
.theme05 .shugyouirai_Table { width: 100%; border-collapse: separate; }
.theme05 .tableBtn .button {width: 321px; height: 69px; font-size: large; background-color: #afd0ea; color: #1683dc; border: 1px solid rgb(165, 163, 163); border-radius:15px; box-shadow: 0 2px 2px 0 rgb(165, 163, 163), 0 1px 5px 0 rgb(165, 163, 163), 0 3px 1px -2px rgb(165, 163, 163);}
.theme05 .tableBtn .button:hover { background-color: rgb(165, 163, 163); color:#ffffff; border: 1px solid #fdfbf6;}
.theme05 .tableBtn .confirmation_button {
	width: 321px;
	height: 69px;
	font-size: 20px;
	font-weight: bold;
	background: rgb(251,224,108);
    background: linear-gradient(180deg, rgba(251,224,108,1) 65%, rgba(224,185,87,1) 100%);
	color: #363636;
	border: 1px solid rgb(165, 163, 163);
	border-radius:15px;
	box-shadow: 0 2px 2px 0 rgb(165, 163, 163), 0 1px 5px 0 rgb(165, 163, 163), 0 3px 1px -2px rgb(165, 163, 163);
	text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff,-1px 1px 0 #fff, 1px -1px 0 #fff,0px 1px 0 #fff,  0-1px 0 #fff,-1px 0 0 #fff, 1px 0 0 #fff;
}
.theme05 .tableBtn .confirmation_button:hover { background: rgb(165, 163, 163); color:#999999; font-weight: normal; border: 1px solid #fdfbf6;}
.theme05 .tableBtn .disable-button {
	width: 321px;
	height: 69px;
	font-size: 20px;
	font-weight: bold;
	background: rgb(238,238,238);
	background: linear-gradient(180deg, rgba(238,238,238,1) 25%, rgba(221,221,221,1) 100%);
	color: #888888;
	border: 1px solid rgb(165, 163, 163);
	border-radius:15px;
	box-shadow: 0 2px 2px 0 rgb(165, 163, 163), 0 1px 5px 0 rgb(165, 163, 163), 0 3px 1px -2px rgb(165, 163, 163);
	text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff,-1px 1px 0 #fff, 1px -1px 0 #fff,0px 1px 0 #fff,  0-1px 0 #fff,-1px 0 0 #fff, 1px 0 0 #fff;
}

.theme05 .shugyouirai_Table .detail_btn{
	width: 110px;
	float: right;
	text-decoration: none;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #363636;
	border: 1px solid rgb(165, 163, 163);
	border-radius:15px;
	box-shadow: 0 2px 2px 0 rgb(165, 163, 163), 0 1px 5px 0 rgb(165, 163, 163), 0 3px 1px -2px rgb(165, 163, 163);
	text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff,-1px 1px 0 #fff, 1px -1px 0 #fff,0px 1px 0 #fff,  0-1px 0 #fff,-1px 0 0 #fff, 1px 0 0 #fff;
	text-indent: 0em;
}
.theme05 .shugyouirai_Table .detail_btn:hover { background: rgb(165, 163, 163); color:#999999; font-weight: normal; border: 1px solid #fdfbf6;}

.theme05 .shugyouirai_kbn .detail_btn,
.theme05 .shugyouirai_kbn .change_btn:before{background: #faf2ff;}
.theme05 .mitsumoriirai_kbn .detail_btn,
.theme05 .mitsumoriirai_kbn .change_btn:before{background: #f0f4f7;}
.theme05 .joukenmeiji_kbn .detail_btn,
.theme05 .joukenmeiji_kbn .change_btn:before{background: #f0f4f7;}
.theme05 .gyoumu_shiyou_kbn .detail_btn,
.theme05 .gyoumu_shiyou_kbn .change_btn:before{background: #f0f4f7;}
.theme05 .fuchou_kbn .detail_btn,
.theme05 .fuchou_kbn .change_btn:before{background: #888;}

.theme05 .shugyouirai_Table .map_btn{
	width: 60px;
	float: right;
	text-decoration: none;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	background: rgb(209, 207, 207);
	border: 1px solid rgb(129, 127, 127);
	border-radius:15px;
	box-shadow: 0 2px 2px 0 rgb(129, 127, 127), 0 1px 5px 0 rgb(129, 127, 127), 0 3px 1px -2px rgb(165, 163, 163);
}
.theme05 .shugyouirai_Table .map_btn:hover { background: rgb(165, 163, 163); color:#fff; font-weight: normal; border: 1px solid #fdfbf6;}

/* .theme05 .shugyouirai_Table th:not(.ZENKAI_ttl,.haibunkin_ttl,.zairyouhi_ttl) { text-indent: 1em; width: 159px; background: #f0f4f7; border-top: 1px solid #fff; border-bottom: 1px solid #ced7dd; border-collapse: separate; padding: 15px 0 13px; vertical-align: middle; } */
.theme05 .shugyouirai_Table th:not(.ZENKAI_ttl,.haibunkin_ttl,.zairyouhi_ttl) { text-indent: 1em; width: 159px; border-top: 1px solid #fff; border-bottom: 1px solid #ced7dd; border-collapse: separate; padding: 15px 0 13px; vertical-align: middle; }
.theme05 .shugyouirai_kbn th {background: #faf2ff;}
.theme05 .mitsumoriirai_kbn th {background: #f0f4f7;}
.theme05 .joukenmeiji_kbn th {background: #fce9f5e3;}
.theme05 .gyoumu_shiyou_kbn th {background: #d4ede5;}
.theme05 .fuchou_kbn th {background: #ddd;}
.theme05 .fuchou_kbn th.fuchouRiyuu {background: #444; color:#eee}
.theme05 .joukenmeiji_kbn th.housyuu_ttl {padding-right: 20px;}
.theme05 .gyoumu_shiyou_kbn th.housyuu_ttl {padding-right: 20px;}

.theme05 .shugyouirai_Table td:not(.child_tbl){ padding: 15px 20px 13px ; vertical-align: middle; border-left: 1px solid #ced7dd; border-bottom: 1px solid #ced7dd; }
.hacchuusya_data, .meisai4_cut th {text-indent: 2em !important;}

/* togglerクリックでボタンの色、文字を変える */
.theme05 .shugyouirai_Table .change_btn{font-size: 0;}

.theme05 .shugyouirai_Table .change_btn:before{
	width: 110px;
	font-size: 15px;
	content: '詳細を閉じる';
	float: right;
	text-decoration: none;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #363636;
	border: 1px solid rgb(165, 163, 163);
	border-radius:15px;
	box-shadow: 0 2px 2px 0 rgb(165, 163, 163), 0 1px 5px 0 rgb(165, 163, 163), 0 3px 1px -2px rgb(165, 163, 163);
	text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff,-1px 1px 0 #fff, 1px -1px 0 #fff,0px 1px 0 #fff,  0-1px 0 #fff,-1px 0 0 #fff, 1px 0 0 #fff;
	text-indent: 0em;
}
.theme05 .shugyouirai_Table .change_btn:hover:before { background: rgb(165, 163, 163); color:#999999; font-weight: normal; border: 1px solid #fdfbf6;}
/*---------5  ADD  Start----------------------------------------------*/
.theme05 .shugyouirai_Table span.val{display: inline-block; width: 95px; text-align: right; padding-right: 0 !important;}
.theme05 .shugyouirai_Table span.suf{text-align: left; padding-left: 0.5em !important;}
/*---------5  ADD  End  ----------------------------------------------*/
.theme05 .shugyouirai_Table td { word-break: break-all; }

.irai_comment td { white-space: break-spaces; }

/* 入れ子テーブル */
.child_tbl{ padding: 0 !important;}
.haibunkin_ttl, .zairyouhi_ttl { text-indent: 1em; background: #f0f4f7; height: 50px; padding: 0; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.ZENKAI_ttl { text-indent: 2em; background: #f0f4f7; border-top: 1px solid #fff;  border-right: 1px solid #fff; border-bottom: 1px solid #ced7dd; vertical-align: top !important; padding: 15px 0;}
.ZENKAI_tbl, .haibunkin_tbl, .zairyouhi_tbl{ width: 100%; height: 100%;}
.ZENKAI_tbl th { border-left: 1px solid #ced7dd;}
.haibunkin_tbl tr:nth-child(1)  { border-bottom: 1px solid #ced7dd;}
.haibunkin_tbl th{ width: auto !important; border: 0 !important;}
.haibunkin_tbl td { border: 0 !important; padding: 0;}
/*---------5  ADD  Start----------------------------------------------*/
.haibunkin_tbl th{text-align: center; text-indent: 0em !important;}
.haibunkin_tbl td.val{text-align: right; padding-right: 0 !important;}
.haibunkin_tbl td.suf{text-align: left; padding-left: 0.5em !important;}
/*---------5  ADD  End  ----------------------------------------------*/

.link_set_email{ text-decoration: underline; font-weight: bold; color: #ff0000;}
.link_shuugyouirai{ text-decoration: underline; font-weight: bold; color: #ff0000;}

/* パスワード表示 */
.password_show {
	float: right;
	min-width: 90px;
	border : solid 1px;
	border-radius: 5px;
	margin-right: 26%;
	margin-top: -8%;
	padding-top: 3px;
	position: relative;
	background: #ffffff;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
  }
  
  .password_show_text {
	  font-size: 16px;
	  vertical-align: top;
	  user-select:none
	}
  
.imgCard{
  cursor: pointer;
}
.imgCard a:active{
	background: rgba(0,0,0,.03);
	border-radius: 0.25rem 0.25rem 0 0;
}

.imgDiv img {
  width: 200px;
  height: 150px;
  object-fit: contain; 
}

.contact_link {
	display: flex;
	align-items: center;
	margin: 20px;
	width: 400px;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	background-color: #F9EFD3;
	font-weight: bold;
	text-decoration: none !important;
}
.contact_link_icon {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 5px 15px;
	min-width: 50px;
}
.contact_link_img {
	width: 30px;
	height: 30px;
}
.contact_link_text {
	word-break: break-all;
}

.contact_center_name {
	font-size: 18px;
}

/* 共通ボタン */
.button-container {
    display: flex;
    justify-content: center;
}
.customBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 80px;
    font-weight: bold;
    /* border: none; */
    border: 0.5px solid #FFF;
    border-radius: 6px;
    text-decoration: none;
    transition: 0.1s;
    /* #a5a3a3 (Light grey) */
    box-shadow: 0 2px 2px 0 rgb(165, 163, 163), 0 1px 5px 0 rgb(165, 163, 163), 0 3px 1px -2px rgb(165, 163, 163); 
    /* #ffffff (White) */
    text-shadow: -2px 0 rgb(255, 255, 255), 0 2px rgb(255, 255, 255), 2px 0 rgb(255, 255, 255), 0 -2px rgb(255, 255, 255); 
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); 
}

.customBtn:hover, .customDisabled {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); 
    /* #a9a9a9 (Dark grey) */
    text-shadow: -1px 0 rgb(169,169,169), 0 1px rgb(169,169,169), 1px 0 rgb(169,169,169), 0 -1px rgb(169,169,169); 
}

.btnCustomYellow, .btnCustomYellow:visited {
    /* #fcdd70 (Pale yellow) */
    background-color: rgb(252, 221, 112); 
    /* #000000 (Black) */
    color: rgb(0, 0, 0);
}

.btnCustomGray, .btnCustomGray:visited {
    /* #ececec (Very light grey) */
    background-color: rgb(236, 236, 236);
    /* #555555 (Dark grey) */
    color: rgb(85, 85, 85);
}

.btnCustomYellow:hover, .btnCustomGray:hover, .customDisabled{
    /* #cdcdcd (Light grey) */
    background-color: rgb(205, 205, 205);
    /* #ffffff (White) */
    color: rgb(255, 255, 255); 
}

.btnSendMail,.btnReturnLogin {
    width: 320px;
	height: 80px;
    margin: 0 25px;
    font-size: 28px;
}

.btnOshiraseQuestion {
    width: 360px;
	height: 60px;
    margin: 0 25px;
    font-size: 21px;
}

.maintenanceContent {
	width: 670px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	background-color: #ffdada;
	box-sizing: border-box;
}

.maintenanceContent .title {
	/* テキストエリアの作成と、テキストの上下中央よせ */
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 50px; /* 画像の配置場所を確保 */
	background-image: url(/pc/images/icn_info.png); /* 画像URLを指定 */
	background-repeat: no-repeat; /* 背景画像の繰り返しなくす */
	font-weight: bold;
}

.maintenanceContent .message {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 100px;
	padding-left: 100px;
}


.qbtn {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 249px;
	height: 59px;
	margin: 0 auto;
	border: none;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .35);
	font: bold 19px/1 sans-serif;
	text-decoration: none !important;
	transition: all .3s ease-in;
}

.qbtn-next {
	background: #fbd052;
	border: 1px solid #fac62c;
	color: #333333 !important;
}
	.qbtn-next:not([type="submit"]) {
		width: 403px;
	}
	.qbtn-next:hover {
		background: #fac62c;
		border-bottom: 1px solid #866503;
		color: #1f1f1f !important;
	}
	.qbtn-next:active {
		transform: scale(.9);
		background: #e0c36d;
		border-bottom: 1px solid #e0c36d;
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}

.qbtn-prev {
	background: #ededed;
	border: 1px solid #e3e3e3;
	color: #333333 !important;
}
	.qbtn-prev:hover {
		background: #e3e3e3;
		border-bottom: 1px solid #818181;
		color: #1f1f1f !important;
	}
	.qbtn-prev:active {
		transform: scale(.9);
		background: #d0d0d0;
		border-bottom: 1px solid #d0d0d0;
		box-shadow: 0 0 0 rgba(0, 0, 0, 3);
	}

.qbtn-submit {
	background: #ff3e3e;
	border: 1px solid #ff1717;
	color: #ffffff !important;
}
	.qbtn-submit:hover {
		background: #ff1717;
		border-bottom: 1px solid #520000;
		color: #f7f7f7 !important;
	}
	.qbtn-submit:active {
		transform: scale(.9);
		background: #e15c5c;
		border-bottom: 1px solid #e15c5c;
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}

.wrapper-button {
	display: flex;
	justify-content: center;
}
	.wrapper-button > * {
		margin: 0;
	}
	.wrapper-button :first-child {
		margin-right: 28px;
	}

.header-title {
	display: flex;
	align-items: center;
	padding: 9px 10px 13px 11px;
	margin-block: var(--leading-trim);
	border-bottom: 3px solid #ffad00;
	font-size: 25px;
}
	.header-title::before {
		width: 27px;
		height: 27px;
		margin-right: 9px;
		background-image: url("/pc/images/icon_title.svg");
		background-size: contain;
		content: "";
	}

.modal_spec {
	width: 575px;
	padding: 25px;
	border: none;
	border-radius: 20px;
}
	.modal_spec-title {
		margin-bottom: 30px;
		font-size: 17px;
	}
	.modal_spec-text {
		line-height: 1.6;
	}
	.modal_spec-button {
		display: block;
		margin: 30px auto 0;
		padding: 5px 10px;
		cursor: pointer;
		background-color: #f0f0f0;
		border: solid 1px #ccc;
		border-radius: 5px;
		box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
	}

.sj-comment {
	line-height: 1.5 !important;
}


/* ==================================================
   （就業依頼一覧）進捗報告
================================================== */

.sh-data {
	display: flex;
	align-items: center;
}

	.sh-data__progress {
		margin-right: min(1.3vw, 12px);
	}

	.sh-data-para {
		display: block;
	}
	
		.sh-data-para .line2 {
			margin-top: 5px;
		}
		
.sh-button--si {
	width: min(32.6vw, 304px);
	height: min(6.9vw, 64px);
	background: #688abe;
	border: 1px solid #4d75b2;
	color: #ffffff !important;
}

.path-color1 path {
    fill: #7e639b;
}

.path-color2 path {
    fill: #3e5d74;
}

.path-color3 path {
    fill: #9F4B7E;
}

.path-color4 path {
    fill: #3F9279;
}

/* ==================================================
   （進捗報告）共通
================================================== */

/* Container Styles */
.sh-main-contents {
	position: relative;
	float: right;
	width: 652px;
	padding: 0 0 70px;
}

/* Button styles */
.sh-button {
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .35);
	font: bold 19px/1 sans-serif;
	text-decoration: none !important;
	transition: all .3s ease-in;
}
	.sh-button:active {
		transform: scale(.9);
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}
	
	.sh-button--close{
		width: min(12.4vw, 116px);
		height: min(5.6vw, 52px);
		margin-left: auto;
		background: #ededed;
		font-size: 17px;
		cursor: pointer;
	}

	.sh-dialog__button--disable {
		width: min(12.4vw, 116px);
		height: min(5.6vw, 52px);
		background: #d9d9d9;
	}

	.sh-dialog__button--enable {
		width: min(12.4vw, 116px);
		height: min(5.6vw, 52px);
		background: #ff3c3c;
		color: #ffffff;
	}

	.sh-dialog__button--enable2 {
		background: #ff3c3c;
		color: #ffffff;
		width: 80%;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.sh-dialog__button--back {
		width: min(12.4vw, 116px);
		height: min(5.6vw, 52px);
		margin: min(3.4vw, 32px) auto 0;
		background: #ff3c3c;
		color: #ffffff !important;
	}

/* Dialog styles */
.sh-dialog {
	width: min(41.6vw, 387px);
	padding: min(3.4vw, 32px);
	border: none;
	border-radius: 10px;
	transition: opacity .3s ease-in-out;
}
	.sh-dialog::-webkit-backdrop {
		background-color: rgba(0, 0, 0, .5);
		-webkit-transition: opacity .3s ease-in-out;
				transition: opacity .3s ease-in-out;
	}
	.sh-dialog::backdrop {
		background-color: rgba(0, 0, 0, .5);
		transition: opacity .3s ease-in-out;
	}

	.sh-dialog--in::-webkit-backdrop, .sh-dialog--out::-webkit-backdrop {
		opacity: 0;
	}
	.sh-dialog--in::-webkit-backdrop, .sh-dialog--out::-webkit-backdrop {
		opacity: 0;
	}
	.sh-dialog--in, .sh-dialog--out, .sh-dialog--in::backdrop, .sh-dialog--out::backdrop {
		opacity: 0;
	}

	.sh-dialog__title {
		font-size: 20px;
	}

	.sh-dialog__text {
		margin-top: min(3.4vw, 32px);
		font-size: 16px;
		line-height: 1.5;
	}

	.sh-dialog__wrapper {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		.sh-dialog__wrapper:last-child {
			justify-content: space-around;
			margin-top: min(3.4vw, 32px);
		}

/* Header Styles */
.sh-header {
	height: inherit;
	border: none;
	box-shadow: none;
}

	.sh-header #mainttl {
		margin: initial;
	}

	.sh-header__title {
		flex-grow: 1;
		color: #ffffff;
		font-size: 21px;
		font-weight: bold;
		text-align: center;
		letter-spacing: .05em;
	}

	.sh-header__button {
		display: inline-flex;
		align-items: center;
		width: min(12.4vw, 116px);
		height: min(5.6vw, 52px);
		border: none;
		border-radius: 3px;
		cursor: pointer;
		background-color: #ededed;
		color: #000000;
	}

	.sh-header__icon {
		flex-shrink: 0;
		height: min(4.2vw, 16px);
		margin-left: min(1.3vw, 12px);
		fill: black;
	}

	.sh-header__text {
		flex-grow: 1;
		font-size: 17px;
		font-weight: bold;
		text-align: center;
	}

/* ==================================================
   （進捗報告）報告トップ
================================================== */

/* Progress Report Flow */
.sh-flow {
	width: 491px;
	margin: min(2.1vw, 20px) auto 0;
}

	.sh-flow__list {
		list-style: none;
	}

	.sh-flow__item {
		display: grid;
		align-items: center;

		grid-template-columns: auto auto 1fr;
	}

	.sh-flow__progress {
		width: min(5.6vw, 52px);
		margin-right: min(2.1vw, 20px);
	}

	.sh-flow__icon--reported {
		fill: #ffffff;
	}

	.sh-flow__icon--un-reported {
		fill: #000000;
	}

	.sh-flow__title {
		font-size: 18px;
	}

	.sh-flow__button {
		width: min(16.7vw, 156px);
		height: min(5.6vw, 52px);
		margin: 0;
		font-size: 17px;
		justify-self: end;
	}

		.sh-flow__button--confirm {
			background-color: #d4d4d4;
			color: #000000 !important;
		}

		.sh-flow__button--report {
			background-color: #688abe;
			color: #ffffff !important;
		}

/* Interaction Elements */
.sh-interaction {
	display: flex;
	justify-content: space-around;
	margin: min(2.1vw, 20px) min(3.4vw, 32px) 0;
	padding-top: min(3.4vw, 32px);
	border-top: 1px solid #909090;
}

	.sh-interaction__button {
		width: min(23.6vw, 220px);
		/* height: min(6.9vw, 64px); */
		height: min(7.7vw, 72px);
		margin: initial;
		padding: initial;
		background-color: #688abe;
		color: #ffffff !important;
	}

	.sh-interaction__icon {
		width: min(3.4vw, 32px);
		margin-left: min(3.4vw, 32px);
		pointer-events: all;
	}
        .sh-interaction__icon--large {
            width: min(4.2vw, 40px);
        }

	.sh-interaction__text {
		flex-grow: 1;
		font-size: 17px;
		line-height: 1.2;
		text-align: center;
		letter-spacing: .05em;
		pointer-events: all;
	}

/* Detail Modal */
.sh-detail {
	width: min(70.8vw, 659px);
	padding: min(2.1vw, 20px);
}

	.sh-detail__container {
		margin: min(0.8vw, 8px) 0;
	}

/* Personal Memo */
.sh-memo {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: min(5.6vw, 52px) min(3.4vw, 32px) 0;
}

	.sh-memo__form {
		width: 100%;
	}

	.sh-memo__title {
		display: block;
		font-size: 16px;
		text-align: center;
	}

	.sh-memo__textarea {
		width: 100%;
		height: min(14.6vw, 136px);
		padding: min(2.1vw, 20px);
		border-radius: 8px;
	}

	.sh-memo__button {
		width: min(23.6vw, 220px);
		/* height: min(6.9vw, 64px); */
		height: min(7.7vw, 72px);
		margin: min(1.3vw, 12px) auto 0;
		padding: initial;
		background-color: #688abe;
		color: #ffffff !important;
	}

	.sh-memo__icon {
		width: min(3.4vw, 32px);
		margin-left: min(3.4vw, 32px);
		pointer-events: all;
	}

	.sh-memo__text {
		flex-grow: 1;
		font-size: 17px;
		line-height: 1.2;
		text-align: center;
		pointer-events: all;
	}

/* Result Message */
	.sh-result__message {
		margin-bottom: min(2.1vw, 20px);
	}


/* ==================================================
   （進捗報告）報告ページ共通
================================================== */

/* Comment from the Center */
.sh-center {
	display: grid;
	align-items: center;
	padding: min(1.3vw, 12px) min(5.6vw, 52px);
	background-color: #faf2ff;
	border: 1px solid #afafaf;
	grid-template-columns: auto 1fr;
	gap: min(1.3vw, 12px);
}

	.sh-center__icon {
		width: min(4.2vw, 40px);
	}

	.sh-center__svg {
		grid-row: span 2;
	}

	.sh-center__wrapper {
		display: flex;
		flex-direction: column-reverse;
		justify-content: center;
	}

	.sh-center__date {
		font-size: 15px;
	}

	.sh-center__title {
		margin: 0;
		font-size: 18px;
		font-weight: bold;
	}

	.sh-center__comment {
		margin: min(.3vw, 3px) min(1.3vw, 12px) min(.3vw, 3px) 0;
		font-size: 17px;
		grid-column: 2 / -1;
	}

/* Last Report Date */
.sh-last {
	display: flex;
	align-items: center;
	margin: min(3.4vw, 32px) auto 0;
	padding: min(0.5vw, 5px) min(3.4vw, 32px) min(0.5vw, 5px) min(1.3vw, 12px);
	background-color: #ddffda;
	border: 1px solid #4ec745;
	gap: min(3.4vw, 32px);
	width: fit-content;
	border-radius: 2px;
}

	.sh-last__svg {
		width: min(5.6vw, 52px);
		grid-row: span 2;
	}

	.sh-last__wrapper {
		display: flex;
		align-items: center;
		font-size: 17px;
	}

	.sh-last__title {
		margin-right: min(2.1vw, 20px);
	}

/* Report to Center */
.sh-report {
	margin: min(2.1vw, 20px) min(3.4vw, 32px) 0;
}

	.sh-report__wrapper {
		display: flex;
		flex-direction: column;
	}

	.sh-report__textarea {
		display: flex;
		width: 100%;
		padding: min(2.1vw, 20px);
		border-radius: 8px;
	}
		.sh-report__textarea--disable {
			background-color: #e6e6e6;
		}

	.sh-report__button {
		width: min(32.6vw, 304px);
		height: min(9vw, 84px);
		margin: min(2.1vw, 20px) auto 0;
		background-color: #ff3e3e;
		color: #ffffff;
		line-height: 1.2;
	}


/* ==================================================
   （進捗報告）発注者へ連絡
================================================== */

.sh-client {
	margin: min(2.1vw, 20px) min(3.4vw, 32px) 0;
}

	.sh-client__table {
		width: 100%;
		table-layout: fixed;
		border-collapse: collapse;
	}

	.sh-client__header {
		width: min(16.7vw, 156px);
		padding: min(0.8vw, 8px);
		background: #faf2ff;
		border: 1px solid #dee3e9;
		font-weight: normal;
		vertical-align: middle;
	}

	.sh-client__header--indent {
		text-indent: 1em;
	}

	.sh-client__data {
		padding: min(1.3vw, 12px);
		border: 1px solid #dee3e9;
		vertical-align: middle;
		background-color: #ffffff;
	}


/* ==================================================
   （進捗報告）作業予定日
================================================== */

.sh-schedule {
	margin: min(2.1vw, 20px) min(3.4vw, 32px) 0;
}

	.sh-schedule__item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: min(1.3vw, 12px);
		border-bottom: 1px solid #909090;
	}
		.sh-schedule__item:first-of-type {
			border-top: 1px solid #909090;
		}

	.sh-schedule__date {
		font-size: 17px;
	}

	.sh-schedule__button {
		width: min(14.6vw, 136px);
		height: min(5.6vw, 52px);
		margin: 0;
		background-color: #688abe;
		color: #ffffff;
		font-size: 17px;
	}

		.sh-schedule__button--add {
			width: min(27vw, 252px);
			height: min(7.7vw, 72px);
			margin: min(2.1vw, 20px) auto 0;
		}
		.sh-schedule__button--zoom {
			margin: min(2.1vw, 20px) auto min(2.1vw, 10px);
		}

	.sh-schedule__icon {
		width: min(2.9vw, 28px);
		margin-right: min(0.8vw, 8px);
	}
	
	.sh-schedule__date {
		display: flex;
		align-items: center;
	}
	.calendar-icon {
		margin-right: 15px;
	}
/* Dialog Styles */
	.sh-dialog__select--date {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: min(3.4vw, 32px);
		font-size: 16px;
	}

	select[class^="sh-dialog__select--"] {
		margin: 0 min(1.3vw, 5px);
		padding: min(1.3vw, 5px);
		font-size: 17px;
	}

	.sh-dialog__select--time {
		display: none;
		margin-top: min(1.3vw, 12px);
		font-size: 16px;
	}

	.sh-dialog__select--start {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.sh-dialog__select--connective {
		display: block;
		margin-top: min(0.8vw, 8px);
		text-align: center;
	}

	.sh-dialog__select--end {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: min(0.8vw, 8px);
	}

	.sh-dialog__button--close {
		width: min(12.4vw, 116px);
		height: min(5.6vw, 52px);
		margin-right: -20px;
		background: #ededed;
		border: none;
		font-size: 17px;
		cursor: pointer;
	}

	.sh-dialog__button--add {
		width: min(32.6vw, 127px);
		height: min(5.6vw, 52px);
		margin: 0 auto;
		margin-top: min(3.4vw, 32px);
		background: #ff3c3c;
		color: #ffffff;
		font-weight: normal;
	}

	.sh-dialog__button--complete {
		width: min(32.6vw, 127px);
		height: min(6.9vw, 64px);
		background: #688abe;
		color: #ffffff;
		font-size: 18px;
		font-weight: normal;
		line-height: 1.2;
	}

	.sh-dialog__button--delete {
		width: min(32.6vw, 127px);
		height: min(6.9vw, 64px);
		background: #ff3e3e;
		color: #ffffff;
		font-size: 18px;
		font-weight: normal;
		line-height: 1.2;
	}

/* Checkbox Styles */
.sh-dialog__checkbox {
	display: none;
}

.sh-dialog__custom-checkbox {
	display: flex;
	justify-content: center;
	align-items: center;
	width: min(7.7vw, 30px);
	height: min(7.7vw, 30px);
	margin-right: min(0.8vw, 8px);
	background-color: #f0f0f0;
	border: 1px solid #cccccc;
	border-radius: 4px;
	cursor: pointer;
}

.sh-dialog__checkbox:checked + .sh-dialog__custom-checkbox {
	background-color: #4496db;
	border-color: #4496db;
}

.sh-dialog__checkbox:checked + .sh-dialog__custom-checkbox::before {
	color: white;
	font-size: 20px;
	content: "✔";
}
.sh-dialog__label {
	display: flex;
	align-items: center;
	margin-top: min(3.4vw, 32px);
	cursor: pointer;
	font-size: 16px;
}
.sh-dialog__label2 {
	display: flex;
	align-items: center;
	margin-top: min(5.6vw, 22px);
	margin-bottom: min(5.6vw, 5px);
}
input[class^="sh-dialog__input--"] {
	margin: 0 min(1.3vw, 5px);
	padding: min(1.3vw, 5px);
	font-size: 17px;
	width: 100%;
}
textarea[class^="sh-dialog__input--"] {
	margin: 0 min(1.3vw, 5px);
	padding: min(1.3vw, 5px);
	font-size: 17px;
	width: 100%;
	line-height: 2;
}
.sh-dialog__inupt--text {
	margin: 0 min(1.3vw, 5px);
	font-size: 17px;
}