@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&display=swap);
@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanjp.min.css);
@charset "utf-8";

*{	margin:0px;	padding:0px;	border:0px;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{	margin:0px;	padding:0px;} 
html,body{	width:100%;	height:100%;}
table{ 	border-collapse:collapse;	border-spacing:0px;} 
fieldset,img{	border:0px;	margin:0px;	padding:0px;}
ul,li,a,img{	display:block;}
address,caption,cite,code,dfn,em,th,var{	font-style:normal;	font-weight:normal;} 
li{	list-style:none;	float:left;} 
a{	text-decoration:none;}
caption,th{	text-align:left;}
h1,h2,h3,h4,h5,h6{  font-size: 100%;  font-weight: normal;}
q:before,q:after{	content:'';} 
abbr,acronym{ 	border:0px;} 
sup{	vertical-align:text-top;	font-size:50%;}
sub{	vertical-align:text-bottom;	font-size:50%;}

@charset "utf-8";

.alphaNa{	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";	filter: alpha(opacity=30);	opacity:0.3;	-moz-opacity: 0.3;	-khtml-opacity: 0.3;}
.alphaAct,.alpha:hover{	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";	filter: alpha(opacity=65);	opacity:0.65;	-moz-opacity: 0.65;	-khtml-opacity: 0.65;	cursor:pointer;}
.alpha{transition:200ms;}
.pixel{	image-rendering: pixelated;}

.txt70{font-size:70px;}.txt69{font-size:69px;}.txt68{font-size:68px;}.txt67{font-size:67px;}.txt66{font-size:66px;}.txt65{font-size:65px;}.txt64{font-size:64px;}.txt63{font-size:63px;}.txt62{font-size:62px;}.txt61{font-size:61px;}
.txt60{font-size:60px;}.txt59{font-size:59px;}.txt58{font-size:58px;}.txt57{font-size:57px;}.txt56{font-size:56px;}.txt55{font-size:55px;}.txt54{font-size:54px;}.txt53{font-size:53px;}.txt52{font-size:52px;}.txt51{font-size:51px;}
.txt50{font-size:50px;}.txt49{font-size:49px;}.txt48{font-size:48px;}.txt47{font-size:47px;}.txt46{font-size:46px;}.txt45{font-size:45px;}.txt44{font-size:44px;}.txt43{font-size:43px;}.txt42{font-size:42px;}.txt41{font-size:41px;}
.txt40{font-size:40px;}.txt39{font-size:39px;}.txt38{font-size:38px;}.txt37{font-size:37px;}.txt36{font-size:36px;}.txt35{font-size:35px;}.txt34{font-size:34px;}.txt33{font-size:33px;}.txt32{font-size:32px;}.txt31{font-size:31px;}
.txt30{font-size:30px;}.txt29{font-size:29px;}.txt28{font-size:28px;}.txt27{font-size:27px;}.txt26{font-size:26px;}.txt25{font-size:25px;}.txt24{font-size:24px;}.txt23{font-size:23px;}.txt22{font-size:22px;}.txt21{font-size:21px;}
.txt20{font-size:20px;}.txt19{font-size:19px;}.txt18{font-size:18px;}.txt17{font-size:17px;}.txt16{font-size:16px;}.txt15{font-size:15px;}.txt14{font-size:14px;}.txt13{font-size:13px;}.txt12{font-size:12px;}.txt11{font-size:11px;}
.txt10{font-size:10px;}.txt9{font-size:9px;}.txt8{font-size:8px;}
.caption{	font-size:11px;}

.txt200p{font-size:200%;}.txt190p{font-size:190%;}.txt180p{font-size:180%;}.txt170p{font-size:170%;}.txt160p{font-size:160%;}.txt150p{font-size:150%;}.txt140p{font-size:140%;}.txt130p{font-size:130%;}.txt120p{font-size:120%;}.txt110p{font-size:110%;}
.txt90p{font-size:90%;}.txt80p{font-size:80%;}.txt70p{font-size:70%;}.txt60p{font-size:60%;}.txt50p{font-size:50%;}.txt40p{font-size:40%;}.txt30p{font-size:30%;}.txt20p{font-size:20%;}
.txt95p{font-size:95%;}.txt85p{font-size:85%;}.txt75p{font-size:75%;}.txt65p{font-size:65%;}.txt55p{font-size:55%;}.txt45p{font-size:45%;}.txt35p{font-size:35%;}.txt25p{font-size:25%;}
.txtLeft{ text-align:left;}
.txtCenter{ text-align:center;}
.txtRight{ text-align:right;}
.txtB{ font-weight:bold}
.txtM{ font-weight:500}
.noSelect{-webkit-touch-callout: none;    -webkit-user-select: none;    -moz-user-select: none;    user-select: none;}	

.boxLeft{	float:left;}
.boxRight{	float:right;}

.center{	margin-right:auto;	margin-left:auto;}
.cImg{	margin-right:auto;	margin-left:auto; display:block;}
.cImgPc{	margin-right:auto;	margin-left:auto; display:block;}
.cImgSp{	margin-right:auto;	margin-left:auto; display:none;}
.center100{	width:100%; display:block; margin-left:auto; margin-right:auto;} .center99{	width:99%; display:block; margin-left:auto; margin-right:auto;} .center98{	width:98%; display:block; margin-left:auto; margin-right:auto;} .center97{	width:97%; display:block; margin-left:auto; margin-right:auto;} .center96{	width:96%; display:block; margin-left:auto; margin-right:auto;} .center95{	width:95%; display:block; margin-left:auto; margin-right:auto;} .center94{	width:94%; display:block; margin-left:auto; margin-right:auto;} .center93{	width:93%; display:block; margin-left:auto; margin-right:auto;} .center92{	width:92%; display:block; margin-left:auto; margin-right:auto;} .center91{	width:91%; display:block; margin-left:auto; margin-right:auto;} 
.center90{	width:90%; display:block; margin-left:auto; margin-right:auto;} .center89{	width:89%; display:block; margin-left:auto; margin-right:auto;} .center88{	width:88%; display:block; margin-left:auto; margin-right:auto;} .center87{	width:87%; display:block; margin-left:auto; margin-right:auto;} .center86{	width:86%; display:block; margin-left:auto; margin-right:auto;} .center85{	width:85%; display:block; margin-left:auto; margin-right:auto;} .center84{	width:84%; display:block; margin-left:auto; margin-right:auto;} .center83{	width:83%; display:block; margin-left:auto; margin-right:auto;} .center82{	width:82%; display:block; margin-left:auto; margin-right:auto;} .center81{	width:81%; display:block; margin-left:auto; margin-right:auto;} 
.center80{	width:80%; display:block; margin-left:auto; margin-right:auto;} .center79{	width:79%; display:block; margin-left:auto; margin-right:auto;} .center78{	width:78%; display:block; margin-left:auto; margin-right:auto;} .center77{	width:77%; display:block; margin-left:auto; margin-right:auto;} .center76{	width:76%; display:block; margin-left:auto; margin-right:auto;} .center75{	width:75%; display:block; margin-left:auto; margin-right:auto;} .center74{	width:74%; display:block; margin-left:auto; margin-right:auto;} .center73{	width:73%; display:block; margin-left:auto; margin-right:auto;} .center72{	width:72%; display:block; margin-left:auto; margin-right:auto;} .center71{	width:71%; display:block; margin-left:auto; margin-right:auto;} 
.center70{	width:70%; display:block; margin-left:auto; margin-right:auto;} .center69{	width:69%; display:block; margin-left:auto; margin-right:auto;} .center68{	width:68%; display:block; margin-left:auto; margin-right:auto;} .center67{	width:67%; display:block; margin-left:auto; margin-right:auto;} .center66{	width:66%; display:block; margin-left:auto; margin-right:auto;} .center65{	width:65%; display:block; margin-left:auto; margin-right:auto;} .center64{	width:64%; display:block; margin-left:auto; margin-right:auto;} .center63{	width:63%; display:block; margin-left:auto; margin-right:auto;} .center62{	width:62%; display:block; margin-left:auto; margin-right:auto;} .center61{	width:61%; display:block; margin-left:auto; margin-right:auto;} 
.center60{	width:60%; display:block; margin-left:auto; margin-right:auto;} .center59{	width:59%; display:block; margin-left:auto; margin-right:auto;} .center58{	width:58%; display:block; margin-left:auto; margin-right:auto;} .center57{	width:57%; display:block; margin-left:auto; margin-right:auto;} .center56{	width:56%; display:block; margin-left:auto; margin-right:auto;} .center55{	width:55%; display:block; margin-left:auto; margin-right:auto;} .center54{	width:54%; display:block; margin-left:auto; margin-right:auto;} .center53{	width:53%; display:block; margin-left:auto; margin-right:auto;} .center52{	width:52%; display:block; margin-left:auto; margin-right:auto;} .center51{	width:51%; display:block; margin-left:auto; margin-right:auto;} 
.center50{	width:50%; display:block; margin-left:auto; margin-right:auto;} .center49{	width:49%; display:block; margin-left:auto; margin-right:auto;} .center48{	width:48%; display:block; margin-left:auto; margin-right:auto;} .center47{	width:47%; display:block; margin-left:auto; margin-right:auto;} .center46{	width:46%; display:block; margin-left:auto; margin-right:auto;} .center45{	width:45%; display:block; margin-left:auto; margin-right:auto;} .center44{	width:44%; display:block; margin-left:auto; margin-right:auto;} .center43{	width:43%; display:block; margin-left:auto; margin-right:auto;} .center42{	width:42%; display:block; margin-left:auto; margin-right:auto;} .center41{	width:41%; display:block; margin-left:auto; margin-right:auto;} 
.center40{	width:40%; display:block; margin-left:auto; margin-right:auto;} .center39{	width:39%; display:block; margin-left:auto; margin-right:auto;} .center38{	width:38%; display:block; margin-left:auto; margin-right:auto;} .center37{	width:37%; display:block; margin-left:auto; margin-right:auto;} .center36{	width:36%; display:block; margin-left:auto; margin-right:auto;} .center35{	width:35%; display:block; margin-left:auto; margin-right:auto;} .center34{	width:34%; display:block; margin-left:auto; margin-right:auto;} .center33{	width:33%; display:block; margin-left:auto; margin-right:auto;} .center32{	width:32%; display:block; margin-left:auto; margin-right:auto;} .center31{	width:31%; display:block; margin-left:auto; margin-right:auto;} 
.center30{	width:30%; display:block; margin-left:auto; margin-right:auto;} .center29{	width:29%; display:block; margin-left:auto; margin-right:auto;} .center28{	width:28%; display:block; margin-left:auto; margin-right:auto;} .center27{	width:27%; display:block; margin-left:auto; margin-right:auto;} .center26{	width:26%; display:block; margin-left:auto; margin-right:auto;} .center25{	width:25%; display:block; margin-left:auto; margin-right:auto;} .center24{	width:24%; display:block; margin-left:auto; margin-right:auto;} .center23{	width:23%; display:block; margin-left:auto; margin-right:auto;} .center22{	width:22%; display:block; margin-left:auto; margin-right:auto;} .center21{	width:21%; display:block; margin-left:auto; margin-right:auto;} 
.center20{	width:20%; display:block; margin-left:auto; margin-right:auto;} .center19{	width:19%; display:block; margin-left:auto; margin-right:auto;} .center18{	width:18%; display:block; margin-left:auto; margin-right:auto;} .center17{	width:17%; display:block; margin-left:auto; margin-right:auto;} .center16{	width:16%; display:block; margin-left:auto; margin-right:auto;} .center15{	width:15%; display:block; margin-left:auto; margin-right:auto;} .center14{	width:14%; display:block; margin-left:auto; margin-right:auto;} .center13{	width:13%; display:block; margin-left:auto; margin-right:auto;} .center12{	width:12%; display:block; margin-left:auto; margin-right:auto;} .center11{	width:11%; display:block; margin-left:auto; margin-right:auto;} 
.center10{	width:10%; display:block; margin-left:auto; margin-right:auto;} .center9{	width:9%; display:block; margin-left:auto; margin-right:auto;} .center8{	width:8%; display:block; margin-left:auto; margin-right:auto;} .center7{	width:7%; display:block; margin-left:auto; margin-right:auto;} .center6{	width:6%; display:block; margin-left:auto; margin-right:auto;} .center5{	width:5%; display:block; margin-left:auto; margin-right:auto;} .center4{	width:4%; display:block; margin-left:auto; margin-right:auto;} .center3{	width:3%; display:block; margin-left:auto; margin-right:auto;} .center2{	width:2%; display:block; margin-left:auto; margin-right:auto;} .center1{	width:1%; display:block; margin-left:auto; margin-right:auto;} 

.fullImp{	width:100% !important;	}
.full,
.size100{ width:100%; }.size99{ width:99%; }.size98{ width:98%; }.size97{ width:97%; }.size96{ width:96%; }.size95{ width:95%; }.size94{ width:94%; }.size93{ width:93%; }.size92{ width:92%; }.size91{ width:91%; }
.size90{ width:90%; }.size89{ width:89%; }.size88{ width:88%; }.size87{ width:87%; }.size86{ width:86%; }.size85{ width:85%; }.size84{ width:84%; }.size83{ width:83%; }.size82{ width:82%; }.size81{ width:81%; }
.size80{ width:80%; }.size79{ width:79%; }.size78{ width:78%; }.size77{ width:77%; }.size76{ width:76%; }.size75{ width:75%; }.size74{ width:74%; }.size73{ width:73%; }.size72{ width:72%; }.size71{ width:71%; }
.size70{ width:70%; }.size69{ width:69%; }.size68{ width:68%; }.size67{ width:67%; }.size66{ width:66%; }.size65{ width:65%; }.size64{ width:64%; }.size63{ width:63%; }.size62{ width:62%; }.size61{ width:61%; }
.size60{ width:60%; }.size59{ width:59%; }.size58{ width:58%; }.size57{ width:57%; }.size56{ width:56%; }.size55{ width:55%; }.size54{ width:54%; }.size53{ width:53%; }.size52{ width:52%; }.size51{ width:51%; }
.size50{ width:50%; }.size49{ width:49%; }.size48{ width:48%; }.size47{ width:47%; }.size46{ width:46%; }.size45{ width:45%; }.size44{ width:44%; }.size43{ width:43%; }.size42{ width:42%; }.size41{ width:41%; }
.size40{ width:40%; }.size39{ width:39%; }.size38{ width:38%; }.size37{ width:37%; }.size36{ width:36%; }.size35{ width:35%; }.size34{ width:34%; }.size33{ width:33.33%; }.size32{ width:32%; }.size31{ width:31%; }
.size30{ width:30%; }.size29{ width:29%; }.size28{ width:28%; }.size27{ width:27%; }.size26{ width:26%; }.size25{ width:25%; }.size24{ width:24%; }.size23{ width:23%; }.size22{ width:22%; }.size21{ width:21%; }
.size20{ width:20%; }.size19{ width:19%; }.size18{ width:18%; }.size17{ width:17%; }.size16{ width:16%; }.size15{ width:15%; }.size14{ width:14%; }.size13{ width:13%; }.size12{ width:12%; }.size11{ width:11%; }
.size10{ width:10%; }.size9{ width:9%; }.size8{ width:8%; }.size7{ width:7%; }.size6{ width:6%; }.size5{ width:5%; }.size4{ width:4%; }.size3{ width:3%; }.size2{ width:2%; }.size1{ width:1%; }

.mt1{ margin-top:1px; }.mt2{ margin-top:2px; }mt3{ margin-top:3px; }.mt4{ margin-top:4px; }.mt5{ margin-top:5px; }.mt6{ margin-top:6px; }.mt7{ margin-top:7px; }.mt8{ margin-top:8px; }.mt9{ margin-top:9px; }
.mt10{ margin-top:10px; }.mt11{ margin-top:11px; }.mt12{ margin-top:12px; }.mt13{ margin-top:13px; }.mt14{ margin-top:14px; }.mt15{ margin-top:15px; }.mt16{ margin-top:16px; }.mt17{ margin-top:17px; }.mt18{ margin-top:18px; }.mt19{ margin-top:19px; }
.mt20{ margin-top:20px; }.mt21{ margin-top:21px; }.mt22{ margin-top:22px; }.mt23{ margin-top:23px; }.mt24{ margin-top:24px; }.mt25{ margin-top:25px; }.mt26{ margin-top:26px; }.mt27{ margin-top:27px; }.mt28{ margin-top:28px; }.mt29{ margin-top:29px; }
.mt30{ margin-top:30px; }.mt31{ margin-top:31px; }.mt32{ margin-top:32px; }.mt33{ margin-top:33px; }.mt34{ margin-top:34px; }.mt35{ margin-top:35px; }.mt36{ margin-top:36px; }.mt37{ margin-top:37px; }.mt38{ margin-top:38px; }.mt39{ margin-top:39px; }
.mt40{ margin-top:40px; }.mt41{ margin-top:41px; }.mt42{ margin-top:42px; }.mt43{ margin-top:43px; }.mt44{ margin-top:44px; }.mt45{ margin-top:45px; }.mt46{ margin-top:46px; }.mt47{ margin-top:47px; }.mt48{ margin-top:48px; }.mt49{ margin-top:49px; }
.mt50{ margin-top:50px; }.mt51{ margin-top:51px; }.mt52{ margin-top:52px; }.mt53{ margin-top:53px; }.mt54{ margin-top:54px; }.mt55{ margin-top:55px; }.mt56{ margin-top:56px; }.mt57{ margin-top:57px; }.mt58{ margin-top:58px; }.mt59{ margin-top:59px; }
.mt60{ margin-top:60px; }.mt61{ margin-top:61px; }.mt62{ margin-top:62px; }.mt63{ margin-top:63px; }.mt64{ margin-top:64px; }.mt65{ margin-top:65px; }.mt66{ margin-top:66px; }.mt67{ margin-top:67px; }.mt68{ margin-top:68px; }.mt69{ margin-top:69px; }
.mt70{ margin-top:70px; }.mt71{ margin-top:71px; }.mt72{ margin-top:72px; }.mt73{ margin-top:73px; }.mt74{ margin-top:74px; }.mt75{ margin-top:75px; }.mt76{ margin-top:76px; }.mt77{ margin-top:77px; }.mt78{ margin-top:78px; }.mt79{ margin-top:79px; }
.mt80{ margin-top:80px; }.mt81{ margin-top:81px; }.mt82{ margin-top:82px; }.mt83{ margin-top:83px; }.mt84{ margin-top:84px; }.mt85{ margin-top:85px; }.mt86{ margin-top:86px; }.mt87{ margin-top:87px; }.mt88{ margin-top:88px; }.mt89{ margin-top:89px; }
.mt90{ margin-top:90px; }.mt91{ margin-top:91px; }.mt92{ margin-top:92px; }.mt93{ margin-top:93px; }.mt94{ margin-top:94px; }.mt95{ margin-top:95px; }.mt96{ margin-top:96px; }.mt97{ margin-top:97px; }.mt98{ margin-top:98px; }.mt99{ margin-top:99px; }
.mt100{ margin-top:100px; }

.mb1{ margin-bottom:1px; }.mb2{ margin-bottom:2px; }.mb3{ margin-bottom:3px; }.mb4{ margin-bottom:4px; }.mb5{ margin-bottom:5px; }.mb6{ margin-bottom:6px; }.mb7{ margin-bottom:7px; }.mb8{ margin-bottom:8px; }.mb9{ margin-bottom:9px; }
.mb10{ margin-bottom:10px; }.mb11{ margin-bottom:11px; }.mb12{ margin-bottom:12px; }.mb13{ margin-bottom:13px; }.mb14{ margin-bottom:14px; }.mb15{ margin-bottom:15px; }.mb16{ margin-bottom:16px; }.mb17{ margin-bottom:17px; }.mb18{ margin-bottom:18px; }.mb19{ margin-bottom:19px; }
.mb20{ margin-bottom:20px; }.mb21{ margin-bottom:21px; }.mb22{ margin-bottom:22px; }.mb23{ margin-bottom:23px; }.mb24{ margin-bottom:24px; }.mb25{ margin-bottom:25px; }.mb26{ margin-bottom:26px; }.mb27{ margin-bottom:27px; }.mb28{ margin-bottom:28px; }.mb29{ margin-bottom:29px; }
.mb30{ margin-bottom:30px; }.mb31{ margin-bottom:31px; }.mb32{ margin-bottom:32px; }.mb33{ margin-bottom:33px; }.mb34{ margin-bottom:34px; }.mb35{ margin-bottom:35px; }.mb36{ margin-bottom:36px; }.mb37{ margin-bottom:37px; }.mb38{ margin-bottom:38px; }.mb39{ margin-bottom:39px; }
.mb40{ margin-bottom:40px; }.mb41{ margin-bottom:41px; }.mb42{ margin-bottom:42px; }.mb43{ margin-bottom:43px; }.mb44{ margin-bottom:44px; }.mb45{ margin-bottom:45px; }.mb46{ margin-bottom:46px; }.mb47{ margin-bottom:47px; }.mb48{ margin-bottom:48px; }.mb49{ margin-bottom:49px; }
.mb50{ margin-bottom:50px; }.mb51{ margin-bottom:51px; }.mb52{ margin-bottom:52px; }.mb53{ margin-bottom:53px; }.mb54{ margin-bottom:54px; }.mb55{ margin-bottom:55px; }.mb56{ margin-bottom:56px; }.mb57{ margin-bottom:57px; }.mb58{ margin-bottom:58px; }.mb59{ margin-bottom:59px; }
.mb60{ margin-bottom:60px; }.mb61{ margin-bottom:61px; }.mb62{ margin-bottom:62px; }.mb63{ margin-bottom:63px; }.mb64{ margin-bottom:64px; }.mb65{ margin-bottom:65px; }.mb66{ margin-bottom:66px; }.mb67{ margin-bottom:67px; }.mb68{ margin-bottom:68px; }.mb69{ margin-bottom:69px; }
.mb70{ margin-bottom:70px !important; }.mb71{ margin-bottom:71px; }.mb72{ margin-bottom:72px; }.mb73{ margin-bottom:73px; }.mb74{ margin-bottom:74px; }.mb75{ margin-bottom:75px; }.mb76{ margin-bottom:76px; }.mb77{ margin-bottom:77px; }.mb78{ margin-bottom:78px; }.mb79{ margin-bottom:79px; }
.mb80{ margin-bottom:80px; }.mb81{ margin-bottom:81px; }.mb82{ margin-bottom:82px; }.mb83{ margin-bottom:83px; }.mb84{ margin-bottom:84px; }.mb85{ margin-bottom:85px; }.mb86{ margin-bottom:86px; }.mb87{ margin-bottom:87px; }.mb88{ margin-bottom:88px; }.mb89{ margin-bottom:89px; }
.mb90{ margin-bottom:90px; }.mb91{ margin-bottom:91px; }.mb92{ margin-bottom:92px; }.mb93{ margin-bottom:93px; }.mb94{ margin-bottom:94px; }.mb95{ margin-bottom:95px; }.mb96{ margin-bottom:96px; }.mb97{ margin-bottom:97px; }.mb98{ margin-bottom:98px; }.mb99{ margin-bottom:99px; }
.mb100{ margin-bottom:100px; }

.ml1{ margin-left:1px; }.ml2{ margin-left:2px; }.ml3{ margin-left:3px; }.ml4{ margin-left:4px; }.ml5{ margin-left:5px; }.ml6{ margin-left:6px; }.ml7{ margin-left:7px; }.ml8{ margin-left:8px; }.ml9{ margin-left:9px; }
.ml10{ margin-left:10px; }.ml11{ margin-left:11px; }.ml12{ margin-left:12px; }.ml13{ margin-left:13px; }.ml14{ margin-left:14px; }.ml15{ margin-left:15px; }.ml16{ margin-left:16px; }.ml17{ margin-left:17px; }.ml18{ margin-left:18px; }.ml19{ margin-left:19px; }
.ml20{ margin-left:20px; }.ml21{ margin-left:21px; }.ml22{ margin-left:22px; }.ml23{ margin-left:23px; }.ml24{ margin-left:24px; }.ml25{ margin-left:25px; }.ml26{ margin-left:26px; }.ml27{ margin-left:27px; }.ml28{ margin-left:28px; }.ml29{ margin-left:29px; }
.ml30{ margin-left:30px; }.ml31{ margin-left:31px; }.ml32{ margin-left:32px; }.ml33{ margin-left:33px; }.ml34{ margin-left:34px; }.ml35{ margin-left:35px; }.ml36{ margin-left:36px; }.ml37{ margin-left:37px; }.ml38{ margin-left:38px; }.ml39{ margin-left:39px; }
.ml40{ margin-left:40px; }.ml41{ margin-left:41px; }.ml42{ margin-left:42px; }.ml43{ margin-left:43px; }.ml44{ margin-left:44px; }.ml45{ margin-left:45px; }.ml46{ margin-left:46px; }.ml47{ margin-left:47px; }.ml48{ margin-left:48px; }.ml49{ margin-left:49px; }
.ml50{ margin-left:50px; }.ml51{ margin-left:51px; }.ml52{ margin-left:52px; }.ml53{ margin-left:53px; }.ml54{ margin-left:54px; }.ml55{ margin-left:55px; }.ml56{ margin-left:56px; }.ml57{ margin-left:57px; }.ml58{ margin-left:58px; }.ml59{ margin-left:59px; }
.ml60{ margin-left:60px; }.ml61{ margin-left:61px; }.ml62{ margin-left:62px; }.ml63{ margin-left:63px; }.ml64{ margin-left:64px; }.ml65{ margin-left:65px; }.ml66{ margin-left:66px; }.ml67{ margin-left:67px; }.ml68{ margin-left:68px; }.ml69{ margin-left:69px; }
.ml70{ margin-left:70px; }.ml71{ margin-left:71px; }.ml72{ margin-left:72px; }.ml73{ margin-left:73px; }.ml74{ margin-left:74px; }.ml75{ margin-left:75px; }.ml76{ margin-left:76px; }.ml77{ margin-left:77px; }.ml78{ margin-left:78px; }.ml79{ margin-left:79px; }
.ml80{ margin-left:80px; }.ml81{ margin-left:81px; }.ml82{ margin-left:82px; }.ml83{ margin-left:83px; }.ml84{ margin-left:84px; }.ml85{ margin-left:85px; }.ml86{ margin-left:86px; }.ml87{ margin-left:87px; }.ml88{ margin-left:88px; }.ml89{ margin-left:89px; }
.ml90{ margin-left:90px; }.ml91{ margin-left:91px; }.ml92{ margin-left:92px; }.ml93{ margin-left:93px; }.ml94{ margin-left:94px; }.ml95{ margin-left:95px; }.ml96{ margin-left:96px; }.ml97{ margin-left:97px; }.ml98{ margin-left:98px; }.ml99{ margin-left:99px; }
.ml100{ margin-left:100px; }

.mr1{ margin-right:1px; }.mr2{ margin-right:2px; }.mr3{ margin-right:3px; }mr4{ margin-right:4px; }.mr5{ margin-right:5px; }.mr6{ margin-right:6px; }.mr7{ margin-right:7px; }.mr8{ margin-right:8px; }.mr9{ margin-right:9px; }
.mr10{ margin-right:10px; }.mr11{ margin-right:11px; }.mr12{ margin-right:12px; }.mr13{ margin-right:13px; }.mr14{ margin-right:14px; }.mr15{ margin-right:15px; }.mr16{ margin-right:16px; }.mr17{ margin-right:17px; }.mr18{ margin-right:18px; }.mr19{ margin-right:19px; }
.mr20{ margin-right:20px; }.mr21{ margin-right:21px; }.mr22{ margin-right:22px; }.mr23{ margin-right:23px; }.mr24{ margin-right:24px; }.mr25{ margin-right:25px; }.mr26{ margin-right:26px; }.mr27{ margin-right:27px; }.mr28{ margin-right:28px; }.mr29{ margin-right:29px; }
.mr30{ margin-right:30px; }.mr31{ margin-right:31px; }.mr32{ margin-right:32px; }.mr33{ margin-right:33px; }.mr34{ margin-right:34px; }.mr35{ margin-right:35px; }.mr36{ margin-right:36px; }.mr37{ margin-right:37px; }.mr38{ margin-right:38px; }.mr39{ margin-right:39px; }
.mr40{ margin-right:40px; }.mr41{ margin-right:41px; }.mr42{ margin-right:42px; }.mr43{ margin-right:43px; }.mr44{ margin-right:44px; }.mr45{ margin-right:45px; }.mr46{ margin-right:46px; }.mr47{ margin-right:47px; }.mr48{ margin-right:48px; }.mr49{ margin-right:49px; }
.mr50{ margin-right:50px; }.mr51{ margin-right:51px; }.mr52{ margin-right:52px; }.mr53{ margin-right:53px; }.mr54{ margin-right:54px; }.mr55{ margin-right:55px; }.mr56{ margin-right:56px; }.mr57{ margin-right:57px; }.mr58{ margin-right:58px; }.mr59{ margin-right:59px; }
.mr60{ margin-right:60px; }.mr61{ margin-right:61px; }.mr62{ margin-right:62px; }.mr63{ margin-right:63px; }.mr64{ margin-right:64px; }.mr65{ margin-right:65px; }.mr66{ margin-right:66px; }.mr67{ margin-right:67px; }.mr68{ margin-right:68px; }.mr69{ margin-right:69px; }
.mr70{ margin-right:70px; }.mr71{ margin-right:71px; }.mr72{ margin-right:72px; }.mr73{ margin-right:73px; }.mr74{ margin-right:74px; }.mr75{ margin-right:75px; }.mr76{ margin-right:76px; }.mr77{ margin-right:77px; }.mr78{ margin-right:78px; }.mr79{ margin-right:79px; }
.mr80{ margin-right:80px; }.mr81{ margin-right:81px; }.mr82{ margin-right:82px; }.mr83{ margin-right:83px; }.mr84{ margin-right:84px; }.mr85{ margin-right:85px; }.mr86{ margin-right:86px; }.mr87{ margin-right:87px; }.mr88{ margin-right:88px; }.mr89{ margin-right:89px; }
.mr90{ margin-right:90px; }.mr91{ margin-right:91px; }.mr92{ margin-right:92px; }.mr93{ margin-right:93px; }.mr94{ margin-right:94px; }.mr95{ margin-right:95px; }.mr96{ margin-right:96px; }.mr97{ margin-right:97px; }.mr98{ margin-right:98px; }.mr99{ margin-right:99px; }
.mr100{ margin-right:100px; }

.relative{ position:relative;}
.absolute{ position:absolute;}
.fixed{ position:fixed;}
.mImg{ max-width:100%;	}
.z1{z-index:1;}.z2{z-index:2;}.z3{z-index:3;}.z4{z-index:4;}.z5{z-index:5;}


.pdd10{	padding-top:10px;	padding-bottom:10px;}
.pdd20{	padding-top:20px;	padding-bottom:20px;}
.pdd30{	padding-top:30px;	padding-bottom:30px;}
.pdd40{	padding-top:40px;	padding-bottom:40px;}
.pdd50{	padding-top:50px;	padding-bottom:50px;}
.pdd60{	padding-top:60px;	padding-bottom:60px;}
.pdd70{	padding-top:70px;	padding-bottom:70px;}
.pdd80{	padding-top:80px;	padding-bottom:80px;}
.pdd90{	padding-top:90px;	padding-bottom:90px;}
.pdd100{	padding-top:100px;	padding-bottom:100px;}


.pc{ display:block;}
.tableBox,
.table{	display:none;}
.sp{ display:none;}

.lH0{line-height:0%;}
.lH100{line-height:100% !important;}
.lH110{line-height:110% !important;}
.lH120{line-height:120% !important;}
.lH130{line-height:130% !important;}
.lH140{line-height:140% !important;}
.lH150{line-height:150% !important;}
.lH160{line-height:160% !important;}
.lH170{line-height:170% !important;}
.lH180{line-height:180% !important;}
.lH190{line-height:190% !important;}
.lH200{line-height:200% !important;}
.lH210{line-height:210% !important;}
.lH220{line-height:220% !important;}
.lH230{line-height:230% !important;}
.lH240{line-height:240% !important;}
.lH250{line-height:250% !important;}
.lH260{line-height:260% !important;}
.lH270{line-height:270% !important;}
.lH280{line-height:280% !important;}
.lH290{line-height:290% !important;}
.lH300{line-height:300% !important;}
/* @media only screen and (min-width:641px) and (max-width:960px){
.txt70{font-size:7.0vW;}.txt69{font-size:6.9vW;}.txt68{font-size:6.8vW;}.txt67{font-size:6.7vW;}.txt66{font-size:6.6vW;}.txt65{font-size:6.5vW;}.txt64{font-size:6.4vW;}.txt63{font-size:6.3vW;}.txt62{font-size:6.2vW;}.txt61{font-size:6.2vW;}
.txt60{font-size:6.0vW;}.txt59{font-size:5.9vW;}.txt58{font-size:5.8vW;}.txt57{font-size:5.7vW;}.txt56{font-size:5.6vW;}.txt55{font-size:5.5vW;}.txt54{font-size:5.4vW;}.txt53{font-size:5.3vW;}.txt52{font-size:5.2vW;}.txt51{font-size:5.1vW;}
.txt50{font-size:5.0vW;}.txt49{font-size:4.9vW;}.txt48{font-size:4.8vW;}.txt47{font-size:4.7vW;}.txt46{font-size:4.6vW;}.txt45{font-size:4.5vW;}.txt44{font-size:4.4vW;}.txt43{font-size:4.3vW;}.txt42{font-size:4.2vW;}.txt41{font-size:4.1vW;}
.txt40{font-size:4.0vW;}.txt39{font-size:3.9vW;}.txt38{font-size:3.8vW;}.txt37{font-size:3.7vW;}.txt36{font-size:3.6vW;}.txt35{font-size:3.5vW;}.txt34{font-size:3.4vW;}.txt33{font-size:3.3vW;}.txt32{font-size:3.2vW;}.txt31{font-size:3.1vW;}
.txt30{font-size:3.0vW;}.txt29{font-size:2.9vW;}.txt28{font-size:2.8vW;}.txt27{font-size:2.7vW;}.txt26{font-size:2.6vW;}.txt25{font-size:2.5vW;}.txt24{font-size:2.4vW;}.txt23{font-size:2.3vW;}.txt22{font-size:2.2vW;}.txt21{font-size:2.1vW;}
.txt20{font-size:2.0vW;}.txt19{font-size:1.9vW;}.txt18{font-size:1.8vW;}.txt17{font-size:1.7vW;}.txt16{font-size:1.6vW;}.txt15{font-size:1.5vW;}.txt14{font-size:1.4vW;}.txt13{font-size:1.2vW;}.txt12{font-size:1.1vW;}.txt11{font-size:1.0vW;}
.txt10{font-size:1.0vW;}.txt9{font-size:0.9vW;}.txt8{font-size:0.8vW;}
.caption{	font-size:1.0vW;}
} */

/*  ### */
.scrollBoxT{	opacity:0;	margin-top:-40px;}
.scrollBoxB{	opacity:0;	margin-top:60px;}
.scrollBoxR{	opacity:0;	margin-right:-120px;}

.scrollBoxL{	opacity:0;	margin-left:-120px;}
@media only screen and (max-width:750px){
.scrollBoxR{
	opacity:0;
	margin-right:auto;
	margin-left:120px;
}
}
.pixel{
	image-rendering: pixelated;
}
/*  ### */
@media screen and (min-width:751px) and (max-width: 1200px) {
#main br.pc{	display:none;}
.tableBox,
br.table{	display:block;}

}
@media only screen and (max-width:750px){
.div_1 > li,
.div_1 > div{ width:100% !important; float:none;}
.div_2 > li,
.div_2 > div{ width:50% !important; float:left;}
.pc{ display:none;}
.table{	display:none;}
.sp{ display:block;}
.centerImgPc{	margin-right:auto;	margin-left:auto; display:none;}
.centerImgSp{	margin-right:auto;	margin-left:auto; display:block;}
.cTxtSp{ text-align:center;}


.txt70{font-size:14.0vW;}.txt69{font-size:13.8vW;}.txt68{font-size:13.6vW;}.txt67{font-size:13.4vW;}.txt66{font-size:13.2vW;}.txt65{font-size:13.0vW;}.txt64{font-size:12.8vW;}.txt63{font-size:12.6vW;}.txt62{font-size:12.4vW;}.txt61{font-size:12.2vW;}
.txt60{font-size:12.0vW;}.txt59{font-size:11.8vW;}.txt58{font-size:11.6vW;}.txt57{font-size:11.4vW;}.txt56{font-size:11.2vW;}.txt55{font-size:11.0vW;}.txt54{font-size:10.8vW;}.txt53{font-size:10.6vW;}.txt52{font-size:10.4vW;}.txt51{font-size:10.2vW;}
.txt50{font-size:10.0vW;}.txt49{font-size:9.8vW;}.txt48{font-size:9.6vW;}.txt47{font-size:9.4vW;}.txt46{font-size:9.2vW;}.txt45{font-size:9.0vW;}.txt44{font-size:8.8vW;}.txt43{font-size:8.6vW;}.txt42{font-size:8.4vW;}.txt41{font-size:8.2vW;}
.txt40{font-size:8.0vW;}.txt39{font-size:7.8vW;}.txt38{font-size:7.6vW;}.txt37{font-size:7.4vW;}.txt36{font-size:7.2vW;}.txt35{font-size:7.0vW;}.txt34{font-size:6.8vW;}.txt33{font-size:6.6vW;}.txt32{font-size:6.4vW;}.txt31{font-size:6.2vW;}
.txt30{font-size:6.0vW;}.txt29{font-size:5.8vW;}.txt28{font-size:5.6vW;}.txt27{font-size:5.4vW;}.txt26{font-size:5.2vW;}.txt25{font-size:5.0vW;}.txt24{font-size:4.8vW;}.txt23{font-size:4.6vW;}.txt22{font-size:4.4vW;}.txt21{font-size:4.2vW;}
.txt20{font-size:4.0vW;}.txt19{font-size:3.8vW;}.txt18{font-size:3.6vW;}.txt17{font-size:3.4vW;}.txt16{font-size:3.2vW;}.txt15{font-size:3.0vW;}.txt14{font-size:2.8vW;}.txt13{font-size:2.6vW;}.txt12{font-size:2.4vW;}.txt11{font-size:2.2vW;}
.txt10{font-size:2.0vW;}.txt9{font-size:1.8vW;}.txt8{font-size:1.6vW;}
.caption{	font-size:2.0vW;}

.pdd10{	padding-top:1.0vw;	padding-bottom:1.0vw;}
.pdd20{	padding-top:2.0vw;	padding-bottom:2.0vw;}
.pdd30{	padding-top:3.0vw;	padding-bottom:3.0vw;}
.pdd40{	padding-top:4.0vw;	padding-bottom:4.0vw;}
.pdd50{	padding-top:5.0vw;	padding-bottom:5.0vw;}
.pdd60{	padding-top:6.0vw;	padding-bottom:6.0vw;}
.pdd70{	padding-top:7.0vw;	padding-bottom:7.0vw;}
.pdd80{	padding-top:8.0vw;	padding-bottom:8.0vw;}
.pdd90{	padding-top:9.0vw;	padding-bottom:9.0vw;}
.pdd100{	padding-top:10.0vw;	padding-bottom:10.0vw;}

.clearBoxSp:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	overflow:hidden;
}

}
.inputElem:after,
.oneBlock:after,
.inner:after,
.clearBox:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	overflow:hidden;
}

/*
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	
@media screen and (orientation:portrait) ,
@media only screen and (orientation:landscape) and (max-width:677px){}
	
@media only screen and (orientation:landscape) and (max-width:1380px) , (orientation:portrait)	{}
	
	
*/
.marumaru{
	color:#F33 !important;
	font-weight:bold !important;
}
@charset "utf-8";



:root{
	--inputBrd:#DDD;
	--inputBrdAlpha:rgba(221, 221, 221 ,0.35);
	--sliderBrdAlpha:rgba(125, 125, 125 ,0.75);
	--oneBlockBrd:#A2A2A2;
	--requiredColor:#F53240;
	--okColor:#8BD376;
	--subLabelColor:#BBB;
	--dayColor:#454545;
	--dayColorRed:#EF737B;
	--btnBgColor:#F2F2F2;
	--btnBgColor2:#646464;
	--btnTxtColor:#9F9D95;
	--required:#F53240;
  --footerColor:#454545;
  --cameramanColor:#8FB130;/* カメラマンページのベースカラー */
  --endClientColor:#c750ab;/* エンドクライアントのベースカラー */
  --vendorColor:#3084B1;/* 顧客ベンダーページのベースカラー */
  --vietnamColor:#EB940B;/* ベトナムスタッフページのベースカラー */
  --adminColor:#A50D05;/* サービス管理者ページのベースカラー */
  --clientColor:#7E7E7E;/* 顧客メインページのベースカラー */
  --clientSubColor:#1D417A;/* 顧客サブページのベースカラー */
  --clientSubColorGray:#AFAFAF;
  --holdColor:#FFB427;
  --cancelColor:#F53240;
  --completionColor:#0530A5;
}

/*
font-family: "YakuHanJP", "Noto Sans Japanese", "Yu Gothic", "游ゴシック","YuGothic", "游ゴシック体","Hiragino Sans", "ヒラギノ角ゴシック", Meiryo, sans-serif;
font-family: "Noto Sans Japanese", sans-serif;
*/
body{
	font-family: "YakuHanJP", "Noto Sans Japanese", "Yu Gothic", "游ゴシック","YuGothic", "游ゴシック体","Hiragino Sans", "ヒラギノ角ゴシック", Meiryo, sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
	background-color:#FFF;
	font-size:14px;
  font-feature-settings:"palt";
}
.inner{
	max-width:1520px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.fontRed{color:#F53240;}
#head{
	position:relative;
	width:100%;
	background-color:var(--oneBlockBrd);
}
.headerBack{
  margin:35px auto 0;
  max-width: 1520px;
  width: 90%;
}

.headerBack a{
  font-size:16px;
  color:#7E7E7E;
  font-weight: bold;
  display: inline-block;
}
#main{
	margin:35px auto 70px;
}

#pagetop{
  width:10%;
  max-width: 100px;
  position: sticky;
  bottom: 0;
  right: 0;
  margin:0 25px 0 auto;
  padding:0 0 25px 0;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
  transition: .4s;
  z-index:500;
}

#pagetop.active{
  opacity: 1;
  pointer-events:auto;
}

#pagetop img{
  width:100%;
  height: auto;
}

.pageSectionTitle{
	font-size:45px;
	color:#000;
	font-weight:400;
  font-family: 'M PLUS Rounded 1c', sans-serif;
	margin-bottom:70px;
}

.pageSectionTitle .question{
  vertical-align: baseline;
}

.pageText{
  margin-top:40px;
}

.pageText p{
  font-size:25px;
  font-weight: 500;
}

.oneBlock{
	border:1px solid var(--inputBrd);
	border-left:15px solid var(--oneBlockBrd);
	border-radius: 6px;
	padding:40px;
	margin-bottom:40px;
	box-shadow: 4px 4px 2px var(--inputBrdAlpha);
	width:100%;
	position:relative;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

@media (max-width: 450px) {
  .oneBlock{
    padding:40px 20px;
  }
}

.separatorWrapFlex{
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.separator{
	width:100%;
	max-width:100%;
	height:100%;
	min-height:50px;
	position:relative;
	display:flex;
	align-items: stretch;
	justify-content: space-between;
  flex-wrap: wrap;
}
.separatorWrapFlex .separatorWrapItem{
  width:calc(50% - 15px);
}
.separatorWrapFlex .separator{
  height: auto;
}
@media only screen and (max-width: 1200px){
  .separatorWrapFlex .separatorWrapItem{
    width:100%;
  }
}
.labelBox{
 	max-width:340px;
	width:100%;
}
.inputBox{
	width:calc(100% - 340px);
}
.sepLabel{
	font-size:25px;
	font-weight:bold;
	text-align:left;
}
.inputElem{
	width:100%;
	margin-bottom:30px;
}
.inputElem.compact{
	margin-bottom:10px;
}
.inputBox .inputElem:last-child{
	margin-bottom:0px;
}

.inputElem.elemMini{
  display:flex;
  justify-content: space-between;
  align-items: flex-start;
}

.inputElem.elemMini .leftBox{
  width:10em;
}

.inputElem.elemMini .rightBox{
  width:calc(100% - 12em);
}

.inputElem.elemMini .rightBox dl{
  display:flex;
  justify-content: flex-start;
  align-items: center;
}

.inputElem.elemMini .rightBox dl:not(:first-child){
  margin-top:15px;
}

.inputElem.elemMini .rightBox dl dt{
  margin-right:20px;
  white-space: nowrap;
  width:12em;
}

.inputElem.elemMini .rightBox dl dd{
  width:calc(100% - 12em);
}

.inputElem.elemMini .rightBox dl dd>.switch,
.inputElem.elemMini .rightBox dl dd>input,
.inputElem.elemMini .rightBox dl dd>p{
  display: inline-block;
}

.inputElem.elemMini .rightBox dl dd>p{
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  color: #000;
  position: relative;
}

.inputElem.elemMini .rightBox ul{
  display:flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  grid-gap: 30px;
}

.inputElem.elemMini .rightBox ul li{
  float: none;
}

.inputElem.elemMini .rightBox ul li input,
.inputElem.elemMini .rightBox ul li label{
  display:inline-block;
  vertical-align: middle;
  width: auto;
}

.inputElem.elemMini .rightBox ul li input{
  margin-right:5px;
}

.inputElem.elemMini .rightBox .switchItem{
  display:flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 20px;
}

.inputElem.elemMini .rightBox .switchItem:not(:first-child){
  margin-top:20px;
}

.inputBox .timeBox:not(:first-child){
  margin-top:35px;
}

.inputBox .cmtimeBox:not(:first-child){
  margin-top:20px;
}

.label{
	font-size:20px;
	font-weight:bold;
	text-align:left;
	display:block;
	color:#000;
	position:relative;
}
.required.unifi{
  padding-right:60px;
}

.required:after{
	content:"\203B \5FC5 \9808"; /* ※必須" */
	position:relative;
	font-size:60%;
	color:var(--requiredColor);
	display:inline-block;
	font-weight:bold;
	border:2px solid var(--requiredColor);
	padding:0px 10px;
	border-radius: 6px;
  margin-left:20px;
}
.required.unifi::after{
  position:absolute;
  box-sizing: border-box;
  right:0;
  top:2px;
}
.requiredMark{
  font-size:60%;
	color:var(--requiredColor);
	display:inline-block;
	font-weight:bold;
  border:2px solid var(--requiredColor);
	padding:0px 10px;
	border-radius: 6px;
  margin-right:15px;
}
.subLabel{
	color:var(--subLabelColor);
	font-size:20px;
	font-weight:500;
}


.inputTxt{
	font-size:16px;
	font-weight:400;
	text-align:left;
}

.postCodeBox{
  display:flex;
  justify-content: flex-start;
  align-items: center;
  gap:20px;
}

.postCodeBox #zip01{
  width:180px;
}

.postCodeBox .inputInfoTxt {
  font-size: 16px;
  line-height: 200%;
}

@media only screen and (max-width:750px){
  .postCodeBox{
    flex-wrap: wrap;
    gap:0;
  }

  .postCodeBox .inputInfoTxt {
    width:100%;
    font-size: 3.2vw;
  }
}

button{
  font-family: inherit;
}

select,
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="text"]{
	border:1px solid var(--inputBrd);
	box-shadow: 4px 4px 2px var(--inputBrdAlpha)  inset;
	height:40px;
	width:100%;
	max-width:400px;
	border-radius: 6px;
	padding:0px 10px;
	font-size:14px;
	background-color:#FAFBFF;
	outline: none;
  box-sizing: border-box;
}

input[type="radio"]{
  accent-color: var(--adminColor);
  transform: scale(1.5);
  margin-right:10px;
}

input[type="checkbox"]{
  accent-color: var(--adminColor);
  transform: scale(1.5);
  margin-right:10px;
}

input[type="checkbox"].checkbox001{accent-color: var(--cameramanColor);}
input[type="checkbox"].checkbox002{accent-color: var(--vendorColor);}
input[type="checkbox"].checkbox003{accent-color: var(--vietnamColor);}
input[type="checkbox"].checkbox004{accent-color: var(--clientSubColor);}
input[type="checkbox"].checkbox005{accent-color: var(--clientSubColorGray);}



input[type="checkbox"].hideToggle{
  display: block !important;
  visibility:hidden !important;
  height: 0 !important;
}

input[type="number"],
input[type="date"]{
  border:1px solid var(--inputBrd);
	box-shadow: 4px 4px 2px var(--inputBrdAlpha)  inset;
	height:40px;
	border-radius: 6px;
	padding:0px 10px;
	font-size:14px;
	background-color:#FAFBFF;
	outline: none;
}

input[type="date"]{
  width:170px;
  max-width: 100%;
  position: relative;
}

input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  /*opacity: 0;*/
  background-size:15px 15px;
  background-position: right 15px center;
}

input[type="date"]::-webkit-inner-spin-button{
  -webkit-appearance: none;
}

input[type="date"]::-webkit-clear-button{
  -webkit-appearance: none;
}

input[type="file"].invisibleFileInput{
  display:block !important;
  visibility: hidden !important;
  height:0;
}

input[type="submit"]{
  font-size: 25px;
  font-weight: 500;
  line-height: 1.4;
  font-family: 'Noto Sans JP', sans-serif;
}

select.error,
input.error{
  border:2px solid var(--required) !important;
}

textarea{
  width:100%;
  border: 1px solid var(--inputBrd);
  box-shadow: 4px 4px 2px var(--inputBrdAlpha) inset;
  border-radius: 6px;
  padding: 10px;
  resize: none;
  box-sizing: border-box;
}

.selectbox001{
  align-items: center;
  position: relative;
}

.selectbox001 select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: .4em 35px .4em 24px;
  border: 1px solid #E8E8E5;
  border-radius: 100vh;
  background-color: #fff;
  color: #333333;
  font-size: 1em;
  cursor: pointer;
  box-shadow: 4px 4px 5px var(--inputBrdAlpha);
  font-weight: 500;
  max-width: inherit;
}

.selectbox001 .select_arrow{
  content: '';
  width:24px;
  height:24px;
  border-radius: 50%;
  border:1px solid #E8E8E5;
  position: absolute;
  right: 9px;
  top:50%;
  transform: translateY(-50%);
  box-shadow: 4px 4px 2px var(--inputBrdAlpha)  inset;
  pointer-events: none;
}

.selectbox001 .select_arrow::before,
.selectbox001 .select_arrow::after{
  content: '';
  position: absolute;
  background: #31358D;
  border-radius: 2px;
  width:10px;
  height:2px;
  top:70%;
}

.selectbox001 .select_arrow::before{
  transform-origin: left center;
  transform: translateY(-50%) rotate(-45deg);
  left:50%;
}

.selectbox001 .select_arrow::after{
  transform-origin: right center;
  transform: translateY(-50%) rotate(45deg);
  right:50%;
}

.formError+input,
.formError+select,
.formError+textarea{
  border:2px solid var(--required) !important;
}

.errorMessage{
  color:var(--required);
}

.nameBlock{
	display:flex;
	justify-content: flex-start;
	margin-top:10px;
}
.nameBlock > div{
	max-width:200px;
	width:90%;
	margin-right:20px;
}
.nameBlock > div input{
	width:90%;
}
.oneRow{
	margin-top:10px;
		display:flex;
	justify-content: flex-start;
	align-items: baseline;
}
.oneRow > *{
	margin-right:20px;
}
.oneRow > input,
.oneRow > select{
	width:300px !important;
	max-width:300px !important;
}
.oneRow > *:last-child{
	margin-right:0px;
}

.oneRow > .label{
  font-size:16px;
  width:170px;
}

.oneRow > .label::after{
  position: absolute;
  right:0;
  top:50%;
  transform: translateY(-50%);
}

.signup_caption{
  text-align: right;
  font-size:20px;
  font-weight: 500;
  margin-top:35px;
}

.sendmail{
  display:none;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top:35px;
  grid-gap: 30px;
  position: relative;
  padding-top:35px;
}

.sendmail.active{
  display:flex;
}

.sendmail .separeteSpace {
  height: 6px;
  max-width: inherit;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  top:0;
  left:0;
}

.oneBlock .ob_subBox{
  margin-top:30px;
  width:100%;
}

.oneBlock .ghostBlockColor {
  background-color: #FFF5EE;
  padding: 20px;
}

.oneBlock .ob_subBox .ob_subTitle{
  font-size:20px;
  font-weight: bold;
}

.oneBlock .ob_subBox .ob_text{
  font-size:16px;
  font-weight: 500;
}

.oneBlock .ob_subBox .ob_text span{
  display:inline-block;
}

.oneBlock .ob_subBox .ob_textdate{
  font-size:16px;
  font-weight: 500;
  display:flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap:10px;
}

.oneBlock .ob_subBox .ob_textdate dt{
  width:220px;
}

.oneBlock .ob_subBox .ob_textdate.nonActive{
  opacity: .3;
}

.ob_statusMenu{
  margin: 15px auto 0;
  display: flex;
  justify-content: flex-start;
  grid-gap: 30px;
}

.ob_statusMenu .obStatusFlex{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  position: relative;
  padding: 20px 0;
  box-sizing: border-box;
}

.ob_statusMenu .obStatusFlex .txt{
  font-size:16px;
  font-weight: bold !important;
  color: #B5B5B5 !important;
}

.ob_statusMenu .obStatusFlex .aflex {
  display: block;
  width: 90%;
  position: relative;
  z-index: 1;
}

.ob_statusMenu .obStatusFlex .aflex span{
  display: block;
  width: 100%;
  text-align: center;
}

.ob_statusMenu .obFlowMenu {
  width: 100%;
  display: flex;
  justify-content: space-between;
  grid-gap: 5px;
}

.ob_statusMenu .obStatusBtn1{
  width:160px;
}

.ob_statusMenu [data-btnlabel="cancel"] .obStatusFlex{
  background: #F5DCDE;
}

.ob_statusMenu [data-btnlabel="hold"] .obStatusFlex{
  background: #FFF6E6;
}

.ob_statusMenu [data-btnlabel="noCompleted"] .obStatusFlex{
  background: #E7ECFF;
}

.ob_statusMenu .obStatusBtn2{
  width:100%;
}

.ob_statusMenu .obStatusBtn2:first-child .obStatusFlex{
  background: linear-gradient(to right, rgba(230,250,225,1) 0%,rgba(230,250,225,1) 75%,rgba(230,250,225,0) 76%,rgba(230,250,225,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E6FAE1', endColorstr='#E6FAE1',GradientType=1 );
}

.ob_statusMenu .obStatusBtn2:last-child .obStatusFlex{
  background: linear-gradient(to right, rgba(226,226,226,0) 0%,rgba(226,226,226,0) 25%,rgba(226,226,226,1) 26%,rgba(226,226,226,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00E2E2E2', endColorstr='#E2E2E2',GradientType=1 );
}

.ob_statusMenu .obStatusBtn2 .obStatusFlex::before,
.ob_statusMenu .obStatusBtn2 .obStatusFlex::after {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 50%;
  z-index: 0;
  background: #E6FAE1;
}

.ob_statusMenu .obStatusBtn2 .obStatusFlex::before {
  top: 0;
  transform: skew(20deg) translate3d(0, 0, 0);
}

.ob_statusMenu .obStatusBtn2 .obStatusFlex::after {
  bottom: 0;
  transform: skew(-20deg) translate3d(0, 0, 0);
}

.ob_statusMenu .obStatusBtn2:first-child .obStatusFlex::before,
.ob_statusMenu .obStatusBtn2:first-child .obStatusFlex::after {
  width: 50%;
  left: 50%;
}

.ob_statusMenu .obStatusBtn2:last-child .obStatusFlex::before,
.ob_statusMenu .obStatusBtn2:last-child .obStatusFlex::after {
  width: 50%;
  left: 0;
}

.ob_statusMenu .obStatusBtn2[data-btnlabel="completion"] .obStatusFlex::before,
.ob_statusMenu .obStatusBtn2[data-btnlabel="completion"] .obStatusFlex::after {
  background: #E2E2E2;
}

.ob_statusMenu[data-status="cancel"] [data-btnlabel="cancel"] .obStatusFlex .txt,
.ob_statusMenu[data-status="hold"] [data-btnlabel="hold"] .obStatusFlex .txt,
.ob_statusMenu[data-status="adjustment"] [data-btnlabel="adjustment"] .obStatusFlex .txt,
.ob_statusMenu[data-status="beforeShooting"] [data-btnlabel="beforeShooting"] .obStatusFlex .txt,
.ob_statusMenu[data-status="preparingDelivery"] [data-btnlabel="preparingDelivery"] .obStatusFlex .txt,
.ob_statusMenu[data-status="beforeAcceptance"] [data-btnlabel="beforeAcceptance"] .obStatusFlex .txt,
.ob_statusMenu[data-status="completion"] [data-btnlabel="completion"] .obStatusFlex .txt,
.ob_statusMenu[data-status="cmDelivery"] [data-btnlabel="cmDelivery"] .obStatusFlex .txt,
.ob_statusMenu[data-status="crProduction"] [data-btnlabel="crProduction"] .obStatusFlex .txt,
.ob_statusMenu[data-status="crRetouch"] [data-btnlabel="crRetouch"] .obStatusFlex .txt,
.ob_statusMenu[data-status="noCompleted"] [data-btnlabel="noCompleted"] .obStatusFlex .txt{
  color: #FFF !important;
}

.ob_statusMenu[data-status="cancel"] [data-btnlabel="cancel"] .obStatusFlex{
  background: #F53240;
}

.ob_statusMenu[data-status="hold"] [data-btnlabel="hold"] .obStatusFlex{
  background: #E39710;
}

.ob_statusMenu[data-status="noCompleted"] [data-btnlabel="noCompleted"] .obStatusFlex{
  background: #1D417A;
}

.ob_statusMenu[data-status="completion"] [data-btnlabel="completion"] .obStatusFlex{
  background: linear-gradient(to right, rgba(5,48,165,0) 0%,rgba(5,48,165,0) 25%,rgba(5,48,165,1) 26%,rgba(5,48,165,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000530a5', endColorstr='#0530a5',GradientType=1 );
}

.ob_statusMenu[data-status="adjustment"] [data-btnlabel="adjustment"] .obStatusFlex{
  background: linear-gradient(to right, rgba(0,126,10,1) 0%,rgba(0,126,10,1) 75%,rgba(0,126,10,0) 76%,rgba(0,126,10,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007e0a', endColorstr='#00007e0a',GradientType=1 );
}

.ob_statusMenu[data-status="completion"] [data-btnlabel="completion"] .obStatusFlex::before,
.ob_statusMenu[data-status="completion"] [data-btnlabel="completion"] .obStatusFlex::after{
  background: #0530A5;
}

.ob_statusMenu[data-status="adjustment"] [data-btnlabel="adjustment"] .obStatusFlex::before,
.ob_statusMenu[data-status="adjustment"] [data-btnlabel="adjustment"] .obStatusFlex::after,
.ob_statusMenu[data-status="beforeShooting"] [data-btnlabel="beforeShooting"] .obStatusFlex::before,
.ob_statusMenu[data-status="beforeShooting"] [data-btnlabel="beforeShooting"] .obStatusFlex::after,
.ob_statusMenu[data-status="preparingDelivery"] [data-btnlabel="preparingDelivery"] .obStatusFlex::before,
.ob_statusMenu[data-status="preparingDelivery"] [data-btnlabel="preparingDelivery"] .obStatusFlex::after,
.ob_statusMenu[data-status="beforeAcceptance"] [data-btnlabel="beforeAcceptance"] .obStatusFlex::before,
.ob_statusMenu[data-status="beforeAcceptance"] [data-btnlabel="beforeAcceptance"] .obStatusFlex::after,
.ob_statusMenu[data-status="cmDelivery"] [data-btnlabel="cmDelivery"] .obStatusFlex::before,
.ob_statusMenu[data-status="cmDelivery"] [data-btnlabel="cmDelivery"] .obStatusFlex::after,
.ob_statusMenu[data-status="crProduction"] [data-btnlabel="crProduction"] .obStatusFlex::before,
.ob_statusMenu[data-status="crProduction"] [data-btnlabel="crProduction"] .obStatusFlex::after,
.ob_statusMenu[data-status="crRetouch"] [data-btnlabel="crRetouch"] .obStatusFlex::before,
.ob_statusMenu[data-status="crRetouch"] [data-btnlabel="crRetouch"] .obStatusFlex::after
{
  background: #007E0A;
}

@media only screen and (max-width: 1000px){
  .ob_statusMenu{
    flex-wrap: wrap;
  }

  .ob_statusMenu .obStatusFlex .txt{
    font-size:min(2.0vw,14px);
  }
}

.oneBlock .ob_flexBox{
  width:100%;
  display:flex;
  justify-content: space-between;
  align-items: flex-start;
}

.oneBlock .ob_flexBox .ob_item{
  width:48%;
}

@media only screen and (max-width: 1000px){
  .oneBlock .ob_flexBox{
    flex-wrap: wrap;
    gap:30px;
  }

  .oneBlock .ob_flexBox .ob_item{
    width:100%;
  }
}

.oneBlock .ob_hideBox{
  width:100%;
  display:none;
}

.oneBlock .hideToggle:checked+.ob_hideBox{
  display:block;
}

.oneBlock .ob_hideBox .separeteSpace{
  box-sizing: border-box;
  max-width: inherit;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0px;
    padding: 0px;
}

a.textLink,
a.textLink:link,
a.textLink:visited{
  color: #0031FF;
  text-decoration: underline;
  font-size:16px;
  font-weight:500;
  display: inline;
}

a.textLink:hover{
  text-decoration: none;
}

.inputElem .destination{
  display:flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 15px;
}

.inputElem .destination .maildmain{
  font-size:16px;
  font-weight: 500;
}

.sendmail .destination{
  width:500px;
  display:flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 15px;
}

.sendmail .destination input{
  width:100%;
  max-width: 342px;
}

.sendmail .destination .maildmain{
  font-size:16px;
  font-weight: 500;
}

.sendmail .sendmail_btn{
  width:600px;
  display:flex;
  background-color:var(--adminColor);
  justify-content: center;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color:#FFF;
  font-weight: 500;
  font-size:25px;
  line-height: 1.4;
  height:100%;
  padding:2rem 3rem;
  font-size:min(3.2vw,25px);
}

.sendmail .sendmail_btn:hover{
  background-color: var(--btnBgColor2);
  box-shadow: 4px 4px 2px rgba(0,0,0,0.125) inset;
}

.checkWrap{
  display:flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding:0 0.5em;
}

.checkWrap+.checkWrap{
  margin-top:12px;
}

.checkWrap .checkBox{
  padding-top:0.4em;
}

.checkWrap .checkLabel{
  width:100%;
}

.checkWrap .checkLabel label{
  font-size:16px;
  font-weight: 500;
}

.checkWrap .checkLabel label.label20{
  font-size:20px;
  font-weight: bold;
}

.conditionalWrap .conditional{
  display:none;
  margin-top:10px;
}

.conditionalWrap .checkWrap[data-cond="true"] .conditional{
  display:block;
}

.narrowingCondition{
  width:100%;
  box-sizing: border-box;
  padding:30px 60px;
  border-radius: 10px;
  margin-bottom:20px;
}

.narrowingCondition .narrowingTitle{
  font-size:32px;
  font-weight: bold;
}

.narrowingCondition .narrowingFlex{
  display:flex;
  justify-content: space-between;
  align-items: flex-end;
  -moz-column-gap: 30px;
       column-gap: 30px;
}

.narrowingCondition .narrowingTitle+.narrowingFlex{
  margin-top:25px;
}

.narrowingCondition .narrowingFlex .pageBtnNav{
  width:auto;
  margin:0;
}

.narrowingCondition .narrowingRowWrap{
  width:calc(100% - 300px);
}

.narrowingCondition .narrowingRow{
  display:flex;
  justify-content: flex-start;
  align-items: center;
  -moz-column-gap: 35px;
       column-gap: 35px;
}

.narrowingCondition .narrowingRow:not(:first-child){
  margin-top:25px;
}

.narrowingCondition .narrowingRow dt{
  width:250px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap:15px;
  font-size:20px;
  font-weight: bold;
}

.narrowingCondition .narrowingRow dt::before{
  content:'';
  display:block;
  width: 20px;
  height: 20px;
  background-color: #8b6b4e;
  border-radius: 50%;
}

.narrowingCondition .narrowingRow dt label{
  width:calc(100% - 35px);
  font-size:16px;
}

.narrowingCondition .narrowingRow dd{
  width:calc(100% - 270px);
}

.narrowingCondition .narrowingRow dd ul{
  display:flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 60px;
       column-gap: 60px;
  row-gap: 30px;
}

.narrowingCondition .narrowingRow dd ul li{
  float:none;
  font-size:15px;
}

.narrowingCondition .narrowingRow dd ul li input{
  margin-right:10px;
}

.narrowingCondition.ncLayout2 .narrowingRow dt{
  width:180px;
}

.narrowingCondition.ncLayout2 .narrowingRow dd{
  width:calc(100% - 200px);
}

body[data-user="client"] .narrowingCondition{
  background: rgba(29,62,118,.1);
}

body[data-user="client"] .narrowingCondition .narrowingRow dt::before{
  background: var(--clientSubColor);
}

body[data-user="admin"] .narrowingCondition{
  background: rgba(165,13,5,.1);
}

body[data-user="admin"] .narrowingCondition .narrowingRow dt::before{
  background: var(--adminColor);
}

.narrowingCondition .pageBtnNav{
  margin-top:45px;
}

@media only screen and (max-width:1200px){
  .narrowingCondition .narrowingFlex{
    display:block;
  }

  .narrowingCondition .narrowingFlex .pageBtnNav{
    width:100%;
    margin-top:45px;
  }

  .narrowingCondition .narrowingRowWrap{
    width:100%;
  }

  .narrowingCondition .narrowingRow{
    display:block;
  }

  .narrowingCondition .narrowingRow dt,
  .narrowingCondition .narrowingRow dd{
    width:100%;
  }

  .narrowingCondition .narrowingRow dd{
    margin-top:15px;
  }
}

@media only screen and (max-width:1540px){
.inner{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	min-width:320px;
}
}

@media only screen and (max-width:1100px){
.labelBox{
 	max-width:inherit;
	width:100%;
}
.inputBox{
	width:100%;
  margin-top:30px;
}
.oneRow{
	flex-direction: column;
	align-items: flex-start;
}
}
@media only screen and (max-width:750px){
.separator{
	flex-direction: column;
}
.labelBox{
	margin-bottom:6.0vw;
}

.nameBlock{
	margin-top:2.0vw;
}
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="text"]{
	max-width:100%;
}
.pageSectionTitle{	margin-bottom:7.0vw;}
.sepLabel{	font-size:5.0vw;	}
.subLabel,
.label{	font-size:4.0vw;	}
.inputTxt{	font-size:3.2vw;}
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="text"]{	font-size:2.8vw;	}



.labelBox{
	border-bottom:1px solid var(--inputBrd);
	max-width:100%;
	padding-bottom:2.0vw;
}

.oneRow > input{
	width: 100% !important;
	max-width: 100% !important;
}

  .oneRow > .label{
    font-size:3.0vw;
    width:100%;
    margin-bottom:10px;
  }

  .oneRow > .label::after{
    position: relative;
    top:auto;
    right:auto;
    transform: translateY(0);
  }

  .inputElem.elemMini{
    flex-wrap: wrap;
  }

  .inputElem.elemMini .leftBox,
  .inputElem.elemMini .rightBox{
    width:100%;
  }

  .inputElem.elemMini .rightBox{
    margin-top:15px;
  }

  .inputElem.elemMini .rightBox dl{
    flex-wrap: wrap;
  }

  .inputElem.elemMini .rightBox dl dt{
    width:100%;
  }

  .inputElem.elemMini .rightBox dl dd{
    width:100%;
    margin-top:15px;
  }

  .inputElem.elemMini .rightBox dl dd > p{
    font-size: 4.0vw;
  }

  .signup_caption{
    text-align: left;
    font-size:4.0vw;
  }

  .spib{
    display:inline-block !important;
  }
}







.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFF;
  box-shadow: 4px 4px 2px var(--inputBrdAlpha)  inset;
  border:1px solid var(--inputBrd);
  transition: .4s;
  box-shadow:-4px 4px -4px #000 !important;
}

.slider:before {
	position: absolute;
	content: "";
	height: 30px;
	width: 30px;
	left: -2px;
	bottom: -4px;
	background-color: white;
	transition: .4s;
}

input:checked + .slider {
	background-color: var(--okColor);
}

/* input:focus + .slider {
  box-shadow: 2px 2px 2px #F00;
} */
input + .slider {
	box-shadow: 4px 4px 2px var(--sliderBrdAlpha)  inset;
}

input:checked + .slider:before {
	transform: translateX(30px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 20px;
}

.slider.round:before {
  border-radius: 50%;
  border:2px solid var(--inputBrd);
}

.timeBox > div{
	align-items: center;
}

.timeBox > div > * {
	display:inline-block;
	margin-right:20px;
}
.timeBox > div > *:last-child{
	margin-right:0;
}
.timeBox > div > select{
	width:60px;
	margin-right:4px;
}
.timeBox > div > .switch{
	vertical-align:middle;
}

.square{
	border-radius: 6px;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid var(--dayColor);
	color:var(--dayColor);
	font-size:16px;
	width:40px;
	height:40px;
	text-align:center;
	line-height:200%;
	font-weight:bold;
}
.square.red{
	border:1px solid var(--dayColorRed);
	color:var(--dayColorRed);
}

.timeTxt{
	font-size:16px;
	font-weight:bold;
 	line-height:200%;
	height:40px;
}
.labelTime1,
.labelTime2{
	font-size:20px;
	font-weight:500;
}

@media (max-width: 450px) {
  .labelTime1,
  .labelTime2 {
      font-size: 15px;
  }
}

.labelTime1{	margin-left:73px;	}
.labelTime2{	margin-left: 53px;	}
@media only screen and (min-width:751px) and (max-width:900px){
.square{
	font-size:1.6vw;
	width:4.0vw;
	height:4.0vw;
}

.timeTxt{
	font-size:1.6vw;
	height:4.0vw;
}
.timeBox > div > * {
	margin-right:1.0vw;
}
.switch {
  width: 6.0vw;
  height: 3.0vw;
}
.slider:before {
	height: 3.0vw;
	width: 3.0vw;
}
.labelTime1{	margin-left:15%;}
.labelTime2{	margin-left:12%;}
}
@media only screen and (max-width:750px){

.square{
	font-size:3.2vw;
	width:8.0vw;
	height:8.0vw;
}

.timeTxt{
	font-size:3.2vw;
	height:8.0vw;
}
.timeBox > div > * {
	margin-right:2.0vw;
}
.switch {
  width: 12.0vw;
  height: 6.0vw;
}
.slider:before {
	height: 6.0vw;
	width: 6.0vw;
}
.labelTime1{	margin-left:13.0vw;}
.labelTime2{	margin-left:7.0vw;}


}
.spSeparetor{
	display:none !important;
	margin:0 !important;
}
@media only screen and (max-width:450px){
.spSeparetor{
	display:block;
	width:100%;
	margin-bottom:0;
}
/* .spSeparetor:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	overflow:hidden;
}

.timeBox{
	margin-top:8.0vw;
} */

.timeBox select{
	width:16% !important;
}


}
.pageBtnNav{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content: center;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
}
.pageBtnNav.flexStart{
  justify-content: flex-start;
}
.pageBtnNav li{
  float:none;
  position: relative;
}

.pageBtnNav li.btnToText{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.pageBtnNav li.insteadButton{
  display:flex;
  justify-content: flex-start;
  align-items: center;
  font-size:25px;
  font-weight: bold;
}

.pageBtnNav li .question{
  position: absolute;
  left:calc(100% + 20px);
  top:50%;
  transform: translateY(-50%);
}

.pageBtnNav li .question:first-child{
  position: relative;
  left:0;
  margin-left:0;
}

.pageBtnNav li p{
  font-size:12px;
}

.pageBtnNav li p.btnCaption{
  position: absolute;
  width:100%;
  left:0;
  top:calc(100% + 10px);
}

.pageBtnNav li.haveQuestion{
  padding-right:40px;
}

.pageBtnNav li.haveQuestion .question{
  right:0;
  left:auto;
  margin-left:0;
}

.pageBtnNav .invisible{
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
}

/*.btnPage{
	border:1px solid var(--inputBrd);
	padding:2rem 5rem;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	font-size:25px;
	font-weight:bold;
	display:inline-block;
	text-align:center;
	vertical-align: top;
	cursor:pointer;
}*/
.btnPage{
	border:1px solid var(--inputBrd);
	padding:0 2rem;
	border-radius: 6px;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	font-size:25px;
	font-weight:500;
  line-height: 1.4;
	display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height:80px;
	cursor:pointer;
  box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
}
.btnPage:hover{
  box-shadow: 4px 4px 2px  rgba(0,0,0,0.125)  inset;
}
.btnPage.nonActive{
  opacity: 0.3 !important;
  pointer-events: none !important;
}
.btnPage.back{
	color:var(--btnTxtColor);
	background-color:#FFF;
}
.btnPage.submit{
	color:#FFF;
	background-color:var(--adminColor);
}
.btnPage.btnMini{
  min-height: inherit;
  font-size:20px;
  padding:0.5em 1em;
  display: inline-block;
}
.btnPage.w620{
  width:620px;
  max-width: 100%;
}
.btnPage.w250{
  width:250px;
  padding:0;
}
.btnPage.w250 .txt{
  font-size:20px;
}
.back:hover{
	background-color:var(--btnBgColor);
}

.submit:hover{
	background-color:#CC9390;
}

.btnPage .taCenter{
  text-align: center;
}

.btnPage .spblock{
  display:block;
}

.btnPage .txt{
  font-size:25px;
  font-weight: 500 !important;
}

.arrow_txt{
  font-weight: bold;
  display:flex;
  justify-content: flex-start;
  align-items: center;
  gap:7px;
}

.arrow_txt::before{
  content: '';
  display:block;
  width:18px;
  height:14px;
  -webkit-clip-path: polygon(0 0,100% 0,50% 100%);
          clip-path: polygon(0 0,100% 0,50% 100%);
  background: #000;
}

.upLoadFileListHistory li,
.upLoadFileList li{
  width: 100%;
  font-size: 20px;
  margin-bottom: 6px;
  border-bottom: 1px solid transparent;
  font-weight: bold;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap:10px;
}

.btnLayout1{
  border-color:var(--adminColor);
  background-color:#FFF5EE;
	display:flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color:#000;
  font-weight: 500;
  font-size:15px;
  line-height: 1.4;
  height:100%;
}

.btnLayout1:hover{
  background: #E3D1C5;
}

.btnLayout2{
  border-color:var(--oneBlockBrd);
  background-color:var(--oneBlockBrd);
	display:flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color:#FFF;
  font-weight: 500;
  font-size:25px;
  line-height: 1.4;
  height:100%;
}

.btnLayout2:hover{
  background: #DEDEDE;
}

.btnLayout3{
  border-color:var(--adminColor);
  background-color:var(--adminColor);
	display:flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color:#FFF;
  font-weight: 500;
  font-size:25px;
  line-height: 1.4;
  height:100%;
}

.btnLayout3:hover{
  background: #CC9390;
}

.btnLayout4{
  border-color:var(--cameramanColor);
  background-color:var(--cameramanColor);
	display:flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color:#FFF;
  font-weight: 500;
  font-size:25px;
  line-height: 1.4;
  height:100%;
}

.btnLayout4:hover{
  background: #CAD9A0;
}

.btnLayout5{
  border-color:var(--clientSubColor);
  background-color:var(--clientSubColor);
	display:flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color:#FFF;
  font-weight: 500;
  font-size:25px;
  line-height: 1.4;
  height:100%;
}

.btnLayout5:hover{
  background: #9FB4D6;
}

.btnLayout6{
  border-color:#F53240;
  background-color:#F53240;
	display:flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color:#FFF;
  font-weight: 500;
  font-size:25px;
  line-height: 1.4;
  height:100%;
}

.btnLayout6:hover{
  background: #FCBBC0;
}

.btnLayout7{
  border-color:#0031FF;
  background-color:#0031FF;
	display:flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color:#FFF;
  font-weight: 500;
  font-size:25px;
  line-height: 1.4;
  height:100%;
}

.btnLayout7:hover{
  background: #93A2EF;
}

.btnLayout8{
  border-color:var(--vietnamColor);
  background-color:var(--vietnamColor);
	display:flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color:#FFF;
  font-weight: 500;
  font-size:25px;
  line-height: 1.4;
  height:100%;
}

.btnLayout8:hover{
  background: #F8DAA9;
}

.btnLayout9{
  border-color:var(--vendorColor);
  background-color:var(--vendorColor);
	display:flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color:#FFF;
  font-weight: 500;
  font-size:25px;
  line-height: 1.4;
  height:100%;
}

.btnLayout9:hover{
  background: #9FD3EF;
}

.btnLayout10{
  border-color:#A2A2A2;
  background-color:#A2A2A2;
	display:flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color:#FFF;
  font-weight: 500;
  font-size:25px;
  line-height: 1.4;
  height:100%;
  padding:0 1em 0 0.5em;
  box-shadow: 0 2px 2px 2px rgba(0,0,0,0.2);
}

.btnLayout10.active,
.btnLayout10:hover{
  border-color:#DDDDDD;
  background: #646464;
  box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.2) inset;
}

.btnPage.miniBtn{
  padding:5px 10px;
  min-height: inherit;
  width: -moz-max-content;
  width: max-content;
}

.btnPage.adduser{
  -moz-column-gap: 25px;
       column-gap: 25px;
  padding:1.1rem 5rem;
  font-size:20px;
}

.btnDownload{
  display: flex;
  justify-content: center;
  align-items: center;
  width:40px;
  height: 40px;
  border-radius: 5px;
  box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
  background: #A2A2A2;
  margin:0 auto;
}

.btnDownload:hover{
  background: #DEDEDE;
  box-shadow: 4px 4px 2px rgba(0,0,0,0.125) inset;
}

.btnDownload img{
  width:24px;
  height: auto;
}

@media only screen and (max-width:750px){

.pageBtnNav{
	width:90%;
  margin-left:auto;
  margin-right:auto;
  align-items: flex-start;
}
.pageBtnNav li{
  width:100%;
}

.pageBtnNav li .question{
  transform: translateY(0);
  left:auto;
  right:0;
  top:calc(100% + 10px);
  margin:0;
}

.pageBtnNav li .question:first-child{
  position: relative;
  margin:0 0 0 auto;
  top:0;
  right:0;
  bottom:0;
  left:auto;
  z-index:100;
  display:block;
  width: 30px;
}

  .pageBtnNav li p.btnCaption{
    position: static;
  }

.pageBtnNav li.haveQuestion{
  padding-right:40px;
}

.pageBtnNav li.haveQuestion .question{
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  right:0;
  left:auto;
  margin-left:0;
}

.btnPage{
	padding:4.0vw;
	font-size:5.0vw;
	line-height:100%;
  width:100%;
}
  .btnPage.w620{
    width:100%;
  }
  .btnPage.w250{
    width:auto;
    padding:0 1em;
  }
  .btnPage br{display:none;}

.btnPage.adduser{
  padding:4.0vw 5vw;
  font-size:4.0vw;
}
}

.separeteSpace{
	border:1px solid var(--inputBrd);
	box-shadow: 4px 4px 2px var(--inputBrdAlpha)  inset;
	height:4px;
	width:100%;
	max-width:400px;
	border-radius: 6px;
	margin-top:20px;
	margin-bottom:20px;
	padding:0px 10px;
	font-size:14px;
	background-color:#FFF;
	display:block;
}
.question{
	display:inline-block;
	margin-left:20px;
	vertical-align:bottom;
	position:relative;
  z-index:100;
}
.question p{
	position:absolute;
	left:50%;
	top:50%;
	display:none;
	width:220px;

	border:1px solid #CCC;
	line-height:160%;
	font-size:10px;
	padding:20px;
	background-color:#FFF;
}
.question.rightend p{
	left:auto;
  right:0;
}
.question.hover p,
.question:hover p{
	display:block;
}
@media only screen and (max-width:750px){
  .question p{
    position:absolute;
    left:calc( 100% -  260px );
    top:50%;
  }

  .question.rightend p{
    left:auto;
    right:0;
  }
}

.alertNotice{
  width:100%;
  padding:25px 30px;
  border:3px solid #FFB427;
  border-radius: 10px;
  display:flex;
  justify-content: space-between;
  align-items: center;
  gap:28px;
  background: rgba(255,180,39,.1);
  font-size: 20px;
  font-weight: bold;
  color: #B27400;
  box-sizing: border-box;
}

.alertNotice .icon,
.alertNotice .time{
  white-space: nowrap;
}

.alertNotice .reason{
  width:100%;
}

.menuBtnWrap{
  display:flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  grid-row-gap: 80px;
  margin-bottom:40px;
}

.menuBtnWrap .btnPage{
  width:calc(33% - 54px);
  padding:0 1em;
}

.menuBtnWrap::after{
  content: '';
  display:block;
  width:calc(33% - 54px);
  height:0;
}

@media only screen and (max-width:1400px){
  .menuBtnWrap .btnPage,
  .menuBtnWrap::after{
    width:calc(50% - 40px);
  }
}

.menuBtnWrap .menuBtn.bgclient{
  background-color:var(--clientSubColor);
}

.menuBtnWrap .menuBtn.bgadmin{
  background-color:var(--adminColor);
}

.menuBtnWrap .menuBtn.bgadmin:hover{
  background: #CC9390;
  box-shadow: 4px 4px 2px rgba(0,0,0,0.125) inset;
}

.adminAccountMenu .menuBtnWrap .menuBtn.back{
  border: 1px solid var(--inputBrd);
  color: var(--btnTxtColor);
  width:20%;
  min-width:180px;
}

.account_Container{
  margin-top:80px;
}

.account_Container h3{
  font-size:25px;
  font-weight: bold;
}

.form-update-contents {
  display: flex;
}

.form-b div,
.form-c div{
  display: flex;
}

.bulk-update{
  height: 20px;
  margin-top: 60px;
  padding: 10px 20px;
  width: 160px;
  text-align: center;
  cursor: pointer;
  font-size: 20px;
}

.form-update-contents-each {
  margin-bottom: 10px;
}

.search_Wrap_Modal {
  padding: 60px 80px;
  margin-top: 60px;
  position: relative;
  border: 1px solid var(--inputBrd);
  border-left-color: var(--adminColor);
  box-shadow: 4px 4px 2px var(--inputBrdAlpha);
  border-radius: 6px;
  border-left-width: 15px;
  font-size: 16px;
}

.search_Wrap_Modal form{
  margin-top: 0px !important;
}

.search_Wrap_Modal form input{
  margin-left: 15px;
}
.search_Wrap_Modal form label{
  margin-left: 15px;
}

#x-button {
  position: absolute;
  top: 20px;
  right: 30px;
  padding: 5px 10px 7px 10px;
  cursor: pointer;
  color: #727272;
  font-size: 35px;
}

.search_Wrap_sub {
  padding: 60px 80px;
  margin-top: 60px;
  display: block;
  border: 1px solid var(--inputBrd);
  border-left-color: var(--adminColor);
  box-shadow: 4px 4px 2px var(--inputBrdAlpha);
  border-radius: 6px;
  border-left-width: 15px;
  font-size: 16px;
}

.search_Wrap_sub form{
  margin-top: 0px !important;
}

.search_Wrap_sub form .update-modal{
  margin-top: 60px;
  padding: 10px 20px;
  width: 130px;
  text-align: center;
  cursor: pointer;
  font-size: 20px;
}

.search_Wrap_sub form input{
  margin-left: 15px;
}
.search_Wrap_sub form label{
  margin-left: 15px;
}

.account_Container .search_Wrap{
  margin-top:50px;
}

.account_Container .search_Title{
  font-size:20px;
  font-weight: 500;
}

.account_Container .search_Division{
  margin-top:10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  grid-gap: 17px;
}

.account_Container .search_Division li{
  float:none;
  width:170px;
  border-radius: 5px;
  color:#FFF;
  text-align: center;
  font-size:16px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
  padding:13px 0;
  opacity: .4;
}

.account_Container .search_Division li[data-divition="tc"],
.account_Container .search_Division li[data-divition="td"],
.account_Container .search_Division li[data-divition="tt"]{
  background: var(--clientSubColor);
}

.account_Container .search_Division li[data-divition="cm"]{
  background: var(--cameramanColor);
}

.account_Container .search_Division li[data-divition="ec"]{
  background: var(--endClientColor);
}

.account_Container .search_Division li[data-divition="cr"]{
  background: var(--vietnamColor);
}

.account_Container .search_Division li[data-divition="vd"]{
  background: var(--vendorColor);
}

.account_Container .search_Division li[data-divition="ac"]{
  background: var(--adminColor);
}

.account_Container .search_Division li:hover,
.account_Container .search_Division li.active{
  opacity: 1;
}

.account_Container form{
  margin-top:60px;
}

.account_Container .account_tableWrap{
  width:100%;
  max-height: 400px;
  overflow: auto;
}

.account_Container .account_tableWrap .account_table{
  width: 100%;
  min-width: 1290px;
  box-sizing: border-box;
  font-size:15px;
  border: 1px solid #C9C9C9;
}

.account_Container .account_tableWrap .account_table thead th{
  position: sticky;
  top: -1px;
  z-index: 1;
}

.account_Container .account_tableWrap .account_table thead th:first-child{
  left:0;
  z-index: 2;
}

.account_Container .account_tableWrap .account_table tbody td:first-child{
  position: sticky;
  left: 0;
  z-index: 0;
}

.account_Container .account_tableWrap .account_table tbody tr{
  display:none;
}

.account_Container .account_tableWrap .account_table th,
.account_Container .account_tableWrap .account_table td{
  padding:5px;
}

.account_Container .account_tableWrap .account_table th{
  background-color: #BCBCBC;
  text-align: center;
  font-weight: 500;
}

.account_Container .account_tableWrap .account_table th:not(:first-child){
  border-left:1px solid #FFF;
}

.account_Container .account_tableWrap .account_table .account__Select{width:4%;}
.account_Container .account_tableWrap .account_table .account__Division{width:9%;}
.account_Container .account_tableWrap .account_table .account__ID{width:9%;}
.account_Container .account_tableWrap .account_table .account__Department{width:12%;}
.account_Container .account_tableWrap .account_table .account__Address{width:19%;}
.account_Container .account_tableWrap .account_table .account__Tel{width:9%;}
.account_Container .account_tableWrap .account_table .account__Name{width:12%;}
.account_Container .account_tableWrap .account_table .account__Mail{width:15%;}
.account_Container .account_tableWrap .account_table .account__Phone{width:11%;}

.account_Container .account_tableWrap .account_table td{
  background-color: #fff;
}

.account_Container .account_tableWrap .account_table td:not(:first-child){
  border-left:1px solid #BCBCBC;
}

.account_Container .account_tableWrap .account_table td.account__Select,
.account_Container .account_tableWrap .account_table td.account__ID,
.account_Container .account_tableWrap .account_table td.account__Tel,
.account_Container .account_tableWrap .account_table td.account__Mail,
.account_Container .account_tableWrap .account_table td.account__Phone{
  text-align: center;
}

.account_Container .account_tableWrap .account_table tbody tr:not(:first-child){
  border-top:1px solid #BCBCBC;
}

.account_Container .account_tableWrap .account_table tbody tr.even-row td{
  background-color: #F2F2F2;
}

.form_Division{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  grid-gap: 17px;
  margin:30px 0;
}

.adminAccountForm .form_Division{
  margin-top:0;
}

.form_Division li{
  float:none;
}

.form_Division li a{
  width:170px;
  border-radius: 5px;
  color:#FFF;
  text-align: center;
  font-size:16px;
  font-weight: 500;
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
  padding:13px 0;
  opacity: .4;
}

.form_Division li[data-divition="tc"] a,
.form_Division li[data-divition="td"] a,
.form_Division li[data-divition="tt"] a{
  background: var(--clientSubColor);
}

.form_Division li[data-divition="cm"] a{
  background: var(--cameramanColor);
}

.form_Division li[data-divition="ec"] a{
  background: var(--endClientColor);
}

.form_Division li[data-divition="cr"] a{
  background: var(--vietnamColor);
}

.form_Division li[data-divition="vd"] a{
  background: var(--vendorColor);
}

.form_Division li[data-divition="ac"] a{
  background: var(--adminColor);
}

.form_Division li a:hover,
.form_Division li a.active{
  opacity: 1;
}

.adminAccountForm h3{
  margin-bottom:30px;
  font-size: 25px;
  font-weight: bold;
}

@media only screen and (max-width:750px){

  .menuBtnWrap{
    justify-content: space-between;
    grid-gap: 40px;
  }

  .menuBtnWrap .btnPage{
    width:100%;
    min-width:inherit;
    font-size:4.0vw;
  }
}

.adminAccountForm .reward_tableWrap{
  width: 100%;
  overflow: auto;
}

.adminAccountForm .reward_tableWrap .reward_table {
  width: 100%;
  min-width: 916px;
  box-sizing: border-box;
  font-size: 15px;
  border: 1px solid #C9C9C9;
}

.adminAccountForm .reward_tableWrap .reward_table tbody tr:not(:first-child) {
  border-top: 1px solid #BCBCBC;
}

.adminAccountForm .reward_tableWrap .reward_table th,
.adminAccountForm .reward_tableWrap .reward_table td {
  padding: 5px;
}

.adminAccountForm .reward_tableWrap .reward_table th {
  background-color: #BCBCBC;
  font-weight: 500;
  text-align: center;
}

.adminAccountForm .reward_tableWrap .reward_table th:not(:first-child) {
  border-left: 1px solid #FFF;
}

.adminAccountForm .reward_tableWrap .reward_table td{
  background: #FFF;
  position: relative;
}

.adminAccountForm .reward_tableWrap .reward_table td:not(:first-child) {
  border-left: 1px solid #BCBCBC;
}

.adminAccountForm .reward_tableWrap .reward_table .reward__Compatible {
  text-align: center;
}

.adminAccountForm .reward_tableWrap .reward_table thead th:first-child,
.adminAccountForm .reward_tableWrap .reward_table tbody td:first-child{
  position: sticky;
  top: 0;
  left:0;
  z-index: 1;
}

.adminAccountForm .reward_tableWrap .reward_table .reward__Compatible {
  width: 10%;
}

.adminAccountForm .reward_tableWrap .reward_table .reward__Service{
  width: 25%;
}

.adminAccountForm .reward_tableWrap .reward_table .reward__Period__new,
.adminAccountForm .reward_tableWrap .reward_table .reward__New {
  width: 20%;
}

.adminAccountForm .reward_tableWrap .reward_table .reward__Period__now{
  width: 15%;
}

.adminAccountForm .reward_tableWrap .reward_table .reward__Now {
  width: 10%;
}

.adminAccountForm .reward_tableWrap .reward_table tbody td input[type="text"]{
  width:100px;
}

/* ------------------------------------------
  HEADER
------------------------------------------ */

header{
  width:100%;
  background: #A2A2A2;
}

header .headerInner{
  box-sizing: border-box;
  padding:15px 25px;
  display:flex;
  justify-content: space-between;
  align-items: center;
  grid-column-gap: 50px;
}

header .headerInner .headerLeft{
  display:flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  grid-row-gap: 15px;
  grid-column-gap: 25px;
}

header .headerInner .headerLeft .actlogo{
  width:210px;
}

header .headerInner .headerLeft .actlogo img{
  width:100%;
  height: auto;
}

header .headerInner .headerLeft .title{
  font-size: clamp(24px, 2.8vw, 35px);
  font-weight: bold;
  color:#FFF;
}

header .headerInner .headerLeft .title .small{
  font-size: 80%;
  display:inline-block;
}

header .headerInner .headerRight{
  display:flex;
  justify-content: flex-end;
  flex-flow: row-reverse;
}

header .headerInner .headerRight>div{
  display:flex;
  justify-content: center;
  align-items: center;
  padding:0 20px;
  border-left:1px solid #FFF;
}

header .headerInner .headerRight>div.account{
  padding-right:0;
}

header .headerInner .headerRight>div a{
  display:flex;
  justify-content: center;
  align-items: center;
  color:#FFF;
  grid-column-gap: 10px;
  font-weight: 500;
}

header .headerInner .headerRight>div a:hover,
header .headerInner .headerRight>div a:visited{
  color:#FFF;
}

header .headerInner .headerRight>div.faq a,
header .headerInner .headerRight>div.top a{
  font-size:24px;
  letter-spacing: 2px;
}

header .headerInner .headerRight>div.faq a .icon,
header .headerInner .headerRight>div.top a .icon{
  width:25px;
}

header .headerInner .headerRight>div.faq a .icon img,
header .headerInner .headerRight>div.top a .icon img{
  width:100%;
  height: auto;
}

header .headerInner .headerRight>div.account a{
  width:300px;
}

header .headerInner .headerRight>div.account a .icon{
  flex: 0 0 70px;
}

header .headerInner .headerRight>div.account a .companyName{
  font-size:18px;
}

header .headerInner .headerRight>div.account a .department{
  font-size:14px;
}

header .headerInner .headerRight>div.account a .userName{
  font-size:20px;
}

header .headerInner .headerRight .subMenuWrap{
  position: absolute;
  width:calc(100% - 20px);
  left:20px;
  top:100%;
  padding-top:15px;
  display:none;
}

header .headerInner .headerRight .subMenu{
  width:100%;
  border-radius: 0 0 10px 10px;
  box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.2);
}

header .headerInner .headerRight .smToggle{
  position: relative;
}

header .headerInner .headerRight .smToggle:hover .subMenuWrap,
header .headerInner .headerRight .smOpen .subMenuWrap{
  display:block;
}

header .headerInner .headerRight .subMenu li{
  float:none;
  border-left:1px solid #DDD;
  border-right:1px solid #DDD;
  background: #FFF;
  position: relative;
  overflow: hidden;
}

header .headerInner .headerRight .subMenu li:not(:first-child)::before{
  content: '';
  display:block;
  width:90%;
  height:3px;
  border-radius: 100vh;
  box-shadow: 4px 4px 2px var(--inputBrdAlpha) inset;
  position: absolute;
  top:0;
  left:50%;
  transform: translateX(-50%);
  pointer-events: none;
}

header .headerInner .headerRight .subMenu li:last-child{
  border-bottom:1px solid #DDD;
  border-radius: 0 0 10px 10px;
}

header .headerInner .headerRight .subMenu li a{
  background: #FFF;
  color: #000;
  padding:20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap:10px;
  box-sizing: border-box;
}

header .headerInner .headerRight .subMenu li a .icon{
  flex:none;
}

header .headerInner .headerRight .subMenu li a:hover{
  color:#9F9D95;
  background: #F2F2F2;
}

header .headerInner .headerRight .subMenu li a:hover .icon{
  opacity: .7;
}

@media only screen and (max-width:900px){
  header .headerInner{
    justify-content: center;
    grid-column-gap: 0;
    flex-wrap: wrap;
    grid-row-gap: 10px;
  }

  header .headerInner .headerLeft{
    width:100%;
  }

  header .headerInner .headerLeft .actlogo{
    width: 160px;
  }

  header .headerInner .headerLeft .title{
    width:100%;
  }

  header .headerInner .headerRight{
    width:100%;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  header .headerInner .headerRight > div{
    width:100%;
    padding:15px 0;
    justify-content: flex-start;
    border-left:none;
  }

  header .headerInner .headerRight > div:not(:first-child){
    border-top:1px solid #FFF;
  }

  header .headerInner .headerRight > div.faq,
  header .headerInner .headerRight > div.top{
    width:48%;
  }

  header .headerInner .headerRight > div a{
    justify-content: flex-start;
  }

  header .headerInner .headerRight > div .icon{
    width:30px;
  }

  header .headerInner .headerRight > div.account a .icon{
    flex:0 0 30px;
  }

  header .headerInner .headerRight > div.account a{
    width:100%;
  }

  header .headerInner .headerRight > div.account a .icon img{
    width:100%;
    height: auto;
  }

  header .headerInner .headerRight .subMenuWrap{
    width:100%;
    left:0;
  }
}

/* ------------------------------------------
  END HEADER
------------------------------------------ */

/* ------------------------------------------
  FOOTER
------------------------------------------ */

footer{
  width:100%;
  background: #A2A2A2;
}

footer .footerLinkBlock{
  padding:25px 0;
}

footer .footerLinkBlock ul{
  display:flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 50px;
       column-gap: 50px;
}

footer .footerLinkBlock ul li{
  float:none;
}

footer .footerLinkBlock ul li a{
  color:#FFF;
  font-weight: 500;
}

footer .footerLinkBlock ul li a:hover,
footer .footerLinkBlock ul li a:visited{
  color:#FFF;
}

footer .footerLogoBlock{
  width:100%;
  padding:32px 0;
  background: var(--footerColor);
}

footer .footerLogoBlock .actlogo{
  width:90%;
  max-width: 168px;
  margin:0 auto;
}

footer .footerLogoBlock .actlogo img{
  width:100%;
  height: auto;
}

footer .footerLogoBlock .copyright{
  display:block;
  width:90%;
  margin:32px auto 0;
  text-align: center;
  color:#FFF;
}

@media only screen and (max-width:750px){
  footer .footerLinkBlock{
    padding:0;
  }

  footer .footerLinkBlock ul{
    justify-content: space-between;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  footer .footerLinkBlock ul li{
    width: 50%;
    box-sizing: border-box;
  }

  footer .footerLinkBlock ul li a{
    display:block;
    padding:15px 0;
    text-align: center;
  }
}

/* ------------------------------------------
  END FOOTER
------------------------------------------ */

/* ------------------------------------------
  COLOR Setting
------------------------------------------ */

/* カメラマン */
body[data-user="cameraman"] header,
body[data-user="cameraman"] footer{
  background: var(--cameramanColor);
}

body[data-user="cameraman"] .userColor{
  color: var(--cameramanColor);
}

body[data-user="cameraman"] .oneBlock{
  border-left-color: var(--cameramanColor);
}

/* 顧客ベンダー */
body[data-user="vendor"] header,
body[data-user="vendor"] footer{
  background: var(--vendorColor);
}

body[data-user="vendor"] .userColor{
  color: var(--vendorColor);
}

body[data-user="vendor"] .oneBlock{
  border-left-color: var(--vendorColor);
}

/* ベトナムスタッフ */
body[data-user="vietnam"] header,
body[data-user="vietnam"] footer{
  background: var(--vietnamColor);
}

body[data-user="vietnam"] .userColor{
  color: var(--vietnamColor);
}

body[data-user="vietnam"] .oneBlock{
  border-left-color: var(--vietnamColor);
}

/* サービス管理者 */
body[data-user="admin"] header,
body[data-user="admin"] footer{
  background: var(--adminColor);
}

body[data-user="admin"] .userColor{
  color: var(--adminColor);
}

body[data-user="admin"] .oneBlock{
  border-left-color: var(--adminColor);
}

/* 顧客メイン */
body[data-user="client"] header,
body[data-user="client"] footer{
  background: var(--clientColor);
}

body[data-user="client"] .userColor{
  color: var(--clientSubColor);
}

body[data-user="client"] .oneBlock{
  border-left-color: var(--clientSubColor);
}

/* ------------------------------------------
  COLOR Setting
------------------------------------------ */

/* ------------------------------------------
  表示・非表示切り替え
------------------------------------------ */
input.toggleSwitch{
  visibility: hidden;
  height: 0;
}

.simpleHideBox .simpleHide{
  display:none;
}

input.toggleSwitch:checked+.simpleHideBox .simpleHide{
  display:block;
}
/* ------------------------------------------
  表示・非表示切り替え
------------------------------------------ */

/* ------------------------------------------
  スチール撮影一覧
------------------------------------------ */
.still_indexMenu{
  margin:35px auto 0;
  display: flex;
  justify-content: flex-start;
  grid-gap: 15px;
}

.still_indexMenu .stillMenuBtn1{
  width:160px;
}

.still_indexMenu .stillFlowMenu{
  width:100%;
  display: flex;
  justify-content: space-between;
  grid-gap: 5px;
}

.still_indexMenu .stillFlowMenu .stillMenuBtn2{
  width:14.5%;
}

.still_indexMenu a{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  width:100%;
  height: 100%;
  flex-wrap: wrap;
  position: relative;
  color:#0031FF;
  text-decoration: underline;
  padding:20px 0;
  box-sizing: border-box;
}

.still_indexMenu .active a,
.still_indexMenu .stillMenuBtn1:hover a,
.still_indexMenu .stillMenuBtn2:hover a{
  color:#FFF;
  font-weight: 500;
  text-decoration: none;
}

.still_indexMenu a .aflex{
  display: block;
  width:90%;
  position: relative;
  z-index:1;
}

.still_indexMenu a .aflex span{
  display: block;
  width:100%;
  text-align: center;
}

.still_indexMenu .stillMenuBtn1.cancel a{
  background: #F5DCDE;
}

.still_indexMenu .stillMenuBtn1.cancel.active a,
.still_indexMenu .stillMenuBtn1.cancel:hover a{
  background: #F53240;
}

.still_indexMenu .stillMenuBtn1.hold a{
  background: #FFF6E6;
}

.still_indexMenu .stillMenuBtn1.hold.active a,
.still_indexMenu .stillMenuBtn1.hold:hover a{
  background: #E39710;
}

.still_indexMenu .stillMenuBtn1.noCompleted a{
  background: #E7ECFF;
}

.still_indexMenu .stillMenuBtn1.noCompleted.active a,
.still_indexMenu .stillMenuBtn1.noCompleted:hover a{
  background: #1D417A;
}

.still_indexMenu .stillFlowMenu a::before,
.still_indexMenu .stillFlowMenu a::after{
  content: '';
  display:block;
  position: absolute;
  pointer-events: none;
  width:100%;
  height: 50%;
  z-index:0;
}

.still_indexMenu .stillFlowMenu a::before {
  top: 0;
  transform: skew(20deg) translate3d(0, 0, 0);
}

.still_indexMenu .stillFlowMenu a::after {
  bottom: 0;
  transform: skew(-20deg) translate3d(0, 0, 0);
}

.still_indexMenu .stillFlowMenu .stillMenuBtn2:first-child a::before,
.still_indexMenu .stillFlowMenu .stillMenuBtn2:first-child a::after{
  width:50%;
  left:50%;
}

.still_indexMenu .stillFlowMenu .stillMenuBtn2:last-child a::before,
.still_indexMenu .stillFlowMenu .stillMenuBtn2:last-child a::after{
  width:50%;
  left:0;
}

.still_indexMenu .stillFlowMenu .stillMenuBtn2:first-child a{
  background: linear-gradient(to right,  rgba(230,250,225,1) 0%,rgba(230,250,225,1) 75%,rgba(230,250,225,0) 76%,rgba(230,250,225,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E6FAE1', endColorstr='#E6FAE1',GradientType=1 );
}

.still_indexMenu .stillFlowMenu .stillMenuBtn2 a::before,
.still_indexMenu .stillFlowMenu .stillMenuBtn2 a::after{
  background: #E6FAE1;
}

.still_indexMenu .stillFlowMenu .stillMenuBtn2:first-child.active a,
.still_indexMenu .stillFlowMenu .stillMenuBtn2:first-child:hover a{
  background: linear-gradient(to right,  rgba(0,126,10,1) 0%,rgba(0,126,10,1) 75%,rgba(0,126,10,0) 76%,rgba(0,126,10,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007e0a', endColorstr='#00007e0a',GradientType=1 );
}

.still_indexMenu .stillFlowMenu .stillMenuBtn2.active a::before,
.still_indexMenu .stillFlowMenu .stillMenuBtn2.active a::after,
.still_indexMenu .stillFlowMenu .stillMenuBtn2:hover a::before,
.still_indexMenu .stillFlowMenu .stillMenuBtn2:hover a::after{
  background: #007E0A;
}

.still_indexMenu .stillFlowMenu .stillMenuBtn2.completion a{
  background: linear-gradient(to right,  rgba(226,226,226,0) 0%,rgba(226,226,226,0) 25%,rgba(226,226,226,1) 26%,rgba(226,226,226,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00E2E2E2', endColorstr='#E2E2E2',GradientType=1 );
}

.still_indexMenu .stillFlowMenu .stillMenuBtn2.completion a::before,
.still_indexMenu .stillFlowMenu .stillMenuBtn2.completion a::after{
  background: #E2E2E2;
}

.still_indexMenu .stillFlowMenu .stillMenuBtn2.completion.active a,
.still_indexMenu .stillFlowMenu .stillMenuBtn2.completion:hover a{
  background: linear-gradient(to right,  rgba(5,48,165,0) 0%,rgba(5,48,165,0) 25%,rgba(5,48,165,1) 26%,rgba(5,48,165,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000530a5', endColorstr='#0530a5',GradientType=1 );
}

.still_indexMenu .stillFlowMenu .stillMenuBtn2.completion.active a::before,
.still_indexMenu .stillFlowMenu .stillMenuBtn2.completion.active a::after,
.still_indexMenu .stillFlowMenu .stillMenuBtn2.completion:hover a::before,
.still_indexMenu .stillFlowMenu .stillMenuBtn2.completion:hover a::after{
  background: #0530A5;
}

.still_indexSerch{
  margin-top:60px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 20px;
}

.still_indexSerch .serchBtn {
  display: flex;
  background-color: var(--adminColor);
  justify-content: center;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color: #FFF;
  font-weight: 500;
  line-height: 1.4;
  height: 100%;
  padding: 0.5rem 1rem;
  font-size: 14px;
}

.still_indexFilterBox{
  margin-top:60px;
}

.still_indexFilterBox .search_Title{
  font-size:20px;
  font-weight: 500;
}

.still_indexFilter{
  margin-top:20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.still_indexFilter.itemLeft{
  justify-content: flex-end;
}

.displayNumberBlock{
  width:140px;
  margin:0 0 25px auto;
}

.pageNationBlock{
  margin:45px 0;
}

.pageNation{
  display:flex;
  justify-content: center;
  align-items: center;
  gap:20px;
}

.pageNation li{
  float:none;
}

.pageNation_list_Btn,
.pageNation_list{
  display:flex;
  justify-content: center;
  align-items: center;
  gap:20px;
}

.pageNation_list_Btn li a{
  width:45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  border:2px solid #DDDDDD;
  border-radius: 10px;
  box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
}

.pageNation_list_Btn li a:hover{
  background-color: var(--btnBgColor);
  box-shadow: 4px 4px 2px rgba(0,0,0,0.125) inset;
}

.pageNation_list_Btn.next li a img{
  transform: rotate(180deg);
}

.pageNation_list li,
.pageNation_list li a{
  font-size:20px;
  color: #B5B5B5;
}

.pageNation_list li a{
  text-align: center;
  width:30px;
}

.pageNation_list li a.active,
.pageNation_list li a:hover{
  color:#000;
  border-bottom:2px solid #A50D05;
}

.pageNation__txt{
  text-align: center;
  font-weight: 500;
  margin-top:20px;
}

@media only screen and (max-width:1000px){

  .still_indexMenu{
    flex-wrap: wrap;
  }

  .still_indexMenu .stillMenuBtn1{
    width:30%;
    max-width:320px;
  }

  .still_indexMenu .stillFlowMenu{
    width:100%;
  }

  .still_indexMenu a{
    font-size:min(2.0vw,14px);
  }

  .still_indexMenu a .aflex{
    width:80%;
  }

  .pageNation{
    flex-wrap: wrap;
  }

  .pageNation_list_Btn,
  .pageNation_list{
    width:100%;
  }

  .pageNation_list{
    margin:35px 0;
    gap:10px;
  }

  .pageNation_list li,
  .pageNation_list li a{
    width:auto;
    padding:0 5px;
    font-size:2.5vw;
  }
}

@media only screen and (max-width:750px){
  .still_indexSerch{
    flex-wrap: wrap;
  }

  .still_indexSerch .label{
    width:100%;
  }

  .still_indexSerch input{
    width:50%;
  }
}


.still_indexWrap{
  margin:35px 0 40px;
}

.still_indexBlock{
  overflow: auto;
}

.still_indexBlock+.still_indexBlock{
  margin-top:30px;
}

.still_index{
  border:1px solid #C9C9C9;
}

.still_index th{
  padding:5px;
  text-align: center;
  font-weight: 500;
  font-size:12px;
  background: #AFAFAF;
}

.still_index th:not(.stillIndex_controlNumber){
  border-left: 1px solid #FFF;
}

.still_index th span{
  display: inline-block;
}

.still_index td{
  padding:10px 5px;
  background: #FFF;
  font-weight: 500;
}

.still_index td:not(.stillIndex_controlNumber){
  border-left: 1px solid #C9C9C9;
}

.still_index tbody tr{
  border-top:1px solid #C9C9C9;
}

.still_index tbody tr.even-row td{
  background: #F2F2F2;
}

.still_index .question,
.still_projectBox .question{
  margin-left:5px;
}

.still_index .still_subTr th{
  border-top:2px dashed #FFF;
}

.still_index .still_subTr td{
  border-top:3px dashed #C9C9C9;
}

.still_index th ul.inCell li,
.still_index td ul.inCell li{
  float:none;
}

.still_index th ul.wtList li,
.still_index td ul.wtList li{
  float:none;
}

.still_index th ul.inCell li:not(:first-child){
  margin-top:5px;
  padding-top:5px;
  border-top:2px dashed #FFF;
}

.still_index td ul.inCell li:not(:first-child){
  margin-top:10px;
  padding-top:10px;
  border-top:3px dashed #C9C9C9;
}

.still_index td ul.wtList li:not(:first-child){
  margin-top:10px;
}

/* tabledefault */
.def_tableWrap{
  width:100%;
  overflow-x: auto;
}

.def_tableWrap .def_tableStyle{
  width:100%;
  min-width: 1170px;
  border: 1px solid #C9C9C9;
}

.def_tableWrap .def_tableStyle th,
.def_tableWrap .def_tableStyle td{
  padding:5px 10px;
  box-sizing: border-box;
}

.def_tableWrap .def_tableStyle th{
  font-size: 20px;
  font-weight: bold;
  background: #C9C9C9;
  text-align: center;
}

.def_tableWrap .def_tableStyle th:not(:first-child){
  border-left:1px solid #FFF;
}

.def_tableWrap .def_tableStyle tbody tr:not(:first-child){
  border-top:1px solid #C9C9C9;
}

.def_tableWrap .def_tableStyle td:not(:first-child){
  border-left:1px solid #C9C9C9;
}

.def_tableWrap .def_tableStyle td{
  font-size:16px;
}

.def_tableWrap .def_tableStyle tbody tr:nth-child(even) td{
  background: #F2F2F2;
}

.def_tableWrap .def_tableStyle td.taCenter{
  text-align: center;
}

.def_tableWrap .def_tableStyle td.taRight{
  text-align: right;
}

.def_tableWrap .def_tableStyle td.vaCenter{
  vertical-align: center;
}

.def_tableWrap .def_tableStyle td.vaTop{
  vertical-align: top;
}

.def_tableWrap .def_tableStyle td.vaBottom{
  vertical-align: bottom;
}
/* tabledefault */

/* stillIndex_layout1 */
.stillIndex_layout1 .stillIndex_controlNumber{
  min-width:200px;
}

.stillIndex_layout1 .stillIndex_status{
  min-width:250px;
}

.stillIndex_layout1 .stillIndex_customerName,
.stillIndex_layout1 .stillIndex_project{
  min-width:300px;
}

.stillIndex_layout1 td.stillIndex_controlNumber,
.stillIndex_layout1 td.stillIndex_status{
  text-align: center;
}

.stillIndex_layout1 tr[data-status="hold"] td.stillIndex_controlNumber{
  background: var(--holdColor);
  color: #FFF;
  font-weight: 500;
}

.stillIndex_layout1 tr[data-status="cancel"] td.stillIndex_controlNumber{
  background: var(--cancelColor);
  color: #FFF;
  font-weight: 500;
}

.stillIndex_layout1 tr[data-status="completion"] td{
  background: #E2E2E2;
  color:#B5B5B5;
}

.stillIndex_layout1 tr[data-status="noCompleted"] td.stillIndex_controlNumber{
  background: #1D417A;
  color: #FFF;
}
/* // stillIndex_layout1 */

/* stillIndex_layout2 */
.stillIndex_layout2 th{
  font-size:80%;
}
.stillIndex_layout2 .stillIndex_directions,
.stillIndex_layout2 .stillIndex_downloadCM,
.stillIndex_layout2 .stillIndex_requestsNum1,
.stillIndex_layout2 .stillIndex_requestsNum2{
  min-width:50px;
}

.stillIndex_layout2 .stillIndex_controlNumber{
  min-width:130px;
}

.stillIndex_layout2 .stillIndex_scheduledCM,
.stillIndex_layout2 .stillIndex_scheduledCR{
  min-width:130px;
}

.stillIndex_layout2 .stillIndex_customerName,
.stillIndex_layout2 .stillIndex_project{
  min-width:190px;
}

.stillIndex_layout2 .stillIndex_supplement{
  min-width:250px;
}

.stillIndex_layout2 td.stillIndex_controlNumber,
.stillIndex_layout2 td.stillIndex_directions,
.stillIndex_layout2 td.stillIndex_requestsNum1,
.stillIndex_layout2 td.stillIndex_downloadCM,
.stillIndex_layout2 td.stillIndex_downloadCR,
.stillIndex_layout2 td.stillIndex_requestsNum2{
  text-align: center;
}

.stillIndex_layout2 .stillIndex_scheduledCM span,
.stillIndex_layout2 .stillIndex_scheduledCR span,
.stillIndex_layout2 .stillIndex_dateCM span,
.stillIndex_layout2 .stillIndex_dateCR span{
  display:inline-block;
}

.stillIndex_layout2 .stillIndex_scheduledCM span:not(:last-child),
.stillIndex_layout2 .stillIndex_scheduledCR span:not(:last-child),
.stillIndex_layout2 .stillIndex_dateCM span:not(:last-child),
.stillIndex_layout2 .stillIndex_dateCR span:not(:last-child){
  margin-right:1em;
}

.stillIndex_layout2 tr[data-status="hold"] td.stillIndex_controlNumber{
  background: var(--holdColor);
  color: #FFF;
  font-weight: 500;
}

.stillIndex_layout2 tr[data-status="cancel"] td.stillIndex_controlNumber{
  background: var(--cancelColor);
  color: #FFF;
  font-weight: 500;
}

.stillIndex_layout2 tr[data-status="completion"] td.stillIndex_controlNumber{
  background: var(--completionColor);
  color: #FFF;
  font-weight: 500;
}
/* stillIndex_layout2 */

/* stillIndex_layout3 */
.stillIndex_layout3 th{
  font-size:80%;
}

.stillIndex_layout3 .stillIndex_controlNumber{
  min-width:130px;
}

.stillIndex_layout3 .stillIndex_scheduledSendImg,
.stillIndex_layout3 .stillIndex_downloadImgFirst,
.stillIndex_layout3 .stillIndex_checkImg,
.stillIndex_layout3 .stillIndex_checkSF{
  min-width:150px;
}

.stillIndex_layout3 .stillIndex_customerName,
.stillIndex_layout3 .stillIndex_project{
  min-width:280px;
}

.stillIndex_layout3 td.stillIndex_controlNumber{
  text-align: center;
}

.stillIndex_layout3 .stillIndex_scheduledSendImg span,
.stillIndex_layout3 .stillIndex_downloadImgFirst span,
.stillIndex_layout3 .stillIndex_checkImg span,
.stillIndex_layout3 .stillIndex_checkSF span,
.stillIndex_layout3 .stillIndex_dateSendImg span{
  display:inline-block;
}

.stillIndex_layout3 .stillIndex_scheduledSendImg span:not(:last-child),
.stillIndex_layout3 .stillIndex_downloadImgFirst span:not(:last-child),
.stillIndex_layout3 .stillIndex_checkImg span:not(:last-child),
.stillIndex_layout3 .stillIndex_checkSF span:not(:last-child),
.stillIndex_layout3 .stillIndex_dateSendImg span:not(:last-child){
  margin-right:1em;
}
/* stillIndex_layout3 */

/* stillIndex_layout4 */
.stillIndex_layout4 .stillIndex_cancelAuto,
.stillIndex_layout4 .stillIndex_cancelPaid{
  min-width:75px;
}

.stillIndex_layout4 .stillIndex_controlNumber{
  min-width:130px;
}

.stillIndex_layout4 .stillIndex_cancelStatus,
.stillIndex_layout4 .stillIndex_cancelDate,
.stillIndex_layout4 .stillIndex_cancelDateSF{
  min-width:150px;
}

.stillIndex_layout4 .stillIndex_customerName,
.stillIndex_layout4 .stillIndex_project{
  min-width:280px;
}

.stillIndex_layout4 td.stillIndex_controlNumber,
.stillIndex_layout4 td.stillIndex_cancelStatus,
.stillIndex_layout4 td.stillIndex_cancelAuto,
.stillIndex_layout4 td.stillIndex_cancelPaid,
.stillIndex_layout4 td.stillIndex_cancelDate,
.stillIndex_layout4 td.stillIndex_cancelDateSF{
  text-align: center;
}

.stillIndex_layout4 .stillIndex_cancelDate span,
.stillIndex_layout4 .stillIndex_cancelDateSF span{
  display:inline-block;
}

.stillIndex_layout4 .stillIndex_cancelDate span:not(:last-child),
.stillIndex_layout4 .stillIndex_cancelDateSF span:not(:last-child){
  margin-right:1em;
}
/* stillIndex_layout4 */

/* stillIndex_layout5 */
.stillIndex_layout5 th{
  font-size:80%;
}

.stillIndex_layout5 .stillIndex_confirmNum{
  min-width:40px;
}

.stillIndex_layout5 .stillIndex_downloadImgData{
  min-width:70px;
}

.stillIndex_layout5 .stillIndex_scheduledCM,
.stillIndex_layout5 .stillIndex_scheduledCR{
  min-width:150px;
}

.stillIndex_layout5 .stillIndex_controlNumber{
  min-width:190px;
}

.stillIndex_layout5 .stillIndex_customerName,
.stillIndex_layout5 .stillIndex_project{
  min-width:350px;
}

.stillIndex_layout5 td.stillIndex_controlNumber,
.stillIndex_layout5 td.stillIndex_downloadImgData,
.stillIndex_layout5 td.stillIndex_confirmNum{
  text-align: center;
}

.stillIndex_layout5 .stillIndex_scheduledCM span,
.stillIndex_layout5 .stillIndex_scheduledCR span,
.stillIndex_layout5 .stillIndex_dateCM span,
.stillIndex_layout5 .stillIndex_dateCR span{
  display:inline-block;
}

.stillIndex_layout5 .stillIndex_scheduledCM span:not(:last-child),
.stillIndex_layout5 .stillIndex_scheduledCR span:not(:last-child),
.stillIndex_layout5 .stillIndex_dateCM span:not(:last-child),
.stillIndex_layout5 .stillIndex_dateCR span:not(:last-child){
  margin-right:1em;
}
/* stillIndex_layout5 */

/* stillIndex_layout6 */
.stillIndex_layout6 th{
  font-size:80%;
}

.stillIndex_layout6 .stillIndex_directions{
  min-width:60px;
}

.stillIndex_layout6 .stillIndex_recruitmentStatus{
  min-width:80px;
}

.stillIndex_layout6 .stillIndex_controlNumber{
  min-width:130px;
}

.stillIndex_layout6 .stillIndex_orderDate{
  min-width:140px;
}

.stillIndex_layout6 .stillIndex_customerName,
.stillIndex_layout6 .stillIndex_project,
.stillIndex_layout6 .stillIndex_waitingTime,
.stillIndex_layout6 .stillIndex_waitingArea{
  min-width:210px;
}

.stillIndex_layout6 td.stillIndex_controlNumber,
.stillIndex_layout6 td.stillIndex_orderDate,
.stillIndex_layout6 td.stillIndex_directions,
.stillIndex_layout6 td.stillIndex_recruitmentStatus{
  text-align: center;
}

.stillIndex_layout6 .wtList span{
  display:inline-block;
}

.stillIndex_layout6 .wtList span:not(:last-child){
  margin-right:0.5em;
}
/* stillIndex_layout6 */

/* stillIndex_layout7 */
.stillIndex_layout7 .stillIndex_controlNumber{
  min-width:200px;
}

.stillIndex_layout7 .stillIndex_status{
  min-width:250px;
}

.stillIndex_layout7 .stillIndex_customerName,
.stillIndex_layout7 .stillIndex_project{
  min-width:420px;
}

.stillIndex_layout7 td.stillIndex_controlNumber,
.stillIndex_layout7 td.stillIndex_status{
  text-align: center;
}
/* stillIndex_layout7 */

/* stillIndex_layout8 */
.stillIndex_layout8Wrap{
  width:100%;
  border-radius: 10px;
  border:3px solid #707070;
}

.stillIndex_layout8{
  width:100%;
  min-width: 1290px;
}

.stillIndex_layout8 .stillIndex_controlNumber{
  min-width:200px;
}

.stillIndex_layout8 .stillIndex_expectedDate_request,
.stillIndex_layout8 .stillIndex_expectedDate_delivery{
  min-width:150px;
}

.stillIndex_layout8 .stillIndex_status{
  min-width:290px;
}

.stillIndex_layout8 .stillIndex_customerName,
.stillIndex_layout8 .stillIndex_project{
  min-width:420px;
}

.stillIndex_layout8 th{
  font-size: 20px;
  font-weight: bold;
}

.stillIndex_layout8 td{
  text-align: center;
  font-size: 16px;
}

.stillIndex_layout8 td.stillIndex_controlNumber .textLink{
  font-weight: bold;
}

.stillIndex_layout8 td.stillIndex_projectTitle{
  text-align: left;
}

.stillIndex_layout8 td.stillIndex_expectedDate_request,
.stillIndex_layout8 td.stillIndex_expectedDate_delivery{
  font-size: 20px;
  font-weight: bold;
}

.stillIndex_layout8 tr[data-status="completion"] td{
  background: #E2E2E2;
  color:#B5B5B5;
}
/* stillIndex_layout8 */

/* stillIndex_layout9 */
.stillIndex_layout9{
  width:100%;
  min-width: 1290px;
}

.stillIndex_layout9 .stillIndex_controlNumber,
.stillIndex_layout9 .stillIndex_photographyData,
.stillIndex_layout9 .stillIndex_downloadStatus{
  min-width:200px;
}

.stillIndex_layout9 .stillIndex_date_request{
  min-width:190px;
}

.stillIndex_layout9 .stillIndex_expectedDate_delivery{
  min-width:150px;
}

.stillIndex_layout9 th{
  font-size: 20px;
  font-weight: bold;
}

.stillIndex_layout9 td{
  text-align: center;
  font-size: 16px;
}

.stillIndex_layout9 td.stillIndex_controlNumber .textLink{
  font-weight: bold;
}

.stillIndex_layout9 td.stillIndex_projectTitle{
  text-align: left;
}

.stillIndex_layout9 td.stillIndex_downloadStatus,
.stillIndex_layout9 td.stillIndex_date_request,
.stillIndex_layout9 td.stillIndex_expectedDate_delivery{
  font-size: 20px;
  font-weight: bold;
}

.stillIndex_layout9 .miniBtn{
  margin:0 auto;
}
/* stillIndex_layout9 */

/* stillIndex_layout10 */
.stillIndex_layout10{
  width:100%;
  min-width: 1290px;
}

.stillIndex_layout10 .stillIndex_requestsNum1,
.stillIndex_layout10 .stillIndex_requestsNum2,
.stillIndex_layout10 .stillIndex_photographyData,
.stillIndex_layout10 .stillIndex_downloadStatus,
.stillIndex_layout10 .stillIndex_date_request,
.stillIndex_layout10 .stillIndex_expectedDate_delivery{
  width:25%;
}

.stillIndex_layout10 .stillIndex_controlNumber{
  width:18.5%;
}

.stillIndex_layout10 th{
  font-size: 20px;
  font-weight: bold;
}

.stillIndex_layout10 td{
  text-align: center;
  font-size: 16px;
}

.stillIndex_layout10 td.stillIndex_controlNumber .textLink{
  font-weight: bold;
}

.stillIndex_layout10 td.stillIndex_projectTitle{
  text-align: left;
}

.stillIndex_layout10 td.stillIndex_requestsNum1,
.stillIndex_layout10 td.stillIndex_requestsNum2,
.stillIndex_layout10 td.stillIndex_downloadStatus,
.stillIndex_layout10 td.stillIndex_date_request,
.stillIndex_layout10 td.stillIndex_expectedDate_delivery{
  font-size: 20px;
  font-weight: bold;
}

.stillIndex_layout10 .miniBtn{
  margin:0 auto;
}
/* stillIndex_layout10 */

/* stillIndex_layout11 */
.stillIndex_layout11{
  width:100%;
  min-width: 1290px;
}

.stillIndex_layout11 .stillIndex_controlNumber{
  width:18.6%;
}

.stillIndex_layout11 .stillIndex_date_request,
.stillIndex_layout11 .stillIndex_expectedDate_delivery,
.stillIndex_layout11 .stillIndex_date_delivery{
  width:15.5%;
}

.stillIndex_layout11 .stillIndex_date_requestRetouch,
.stillIndex_layout11 .stillIndex_expectedDate_requestRetouch,
.stillIndex_layout11 .stillIndex_date_deliveryRetouch,
.stillIndex_layout11 .stillIndex_requestsNum1,
.stillIndex_layout11 .stillIndex_requestsNum2{
  width:20%;
}

.stillIndex_layout11 th{
  font-size: 20px;
  font-weight: bold;
}

.stillIndex_layout11 td{
  text-align: center;
  font-size: 16px;
}

.stillIndex_layout11 td.stillIndex_controlNumber .textLink{
  font-weight: bold;
}

.stillIndex_layout11 td.stillIndex_projectTitle{
  text-align: left;
}

.stillIndex_layout11 td.stillIndex_date_request,
.stillIndex_layout11 td.stillIndex_expectedDate_delivery,
.stillIndex_layout11 td.stillIndex_date_delivery,
.stillIndex_layout11 td.stillIndex_date_requestRetouch,
.stillIndex_layout11 td.stillIndex_expectedDate_requestRetouch,
.stillIndex_layout11 td.stillIndex_date_deliveryRetouch,
.stillIndex_layout11 td.stillIndex_requestsNum1,
.stillIndex_layout11 td.stillIndex_requestsNum2{
  font-size: 20px;
  font-weight: bold;
}
/* stillIndex_layout11 */

/* stillIndex_layout12 */
.def_tableWrap .def_tableStyle.stillIndex_layout12{min-width: 1290px;}
.def_tableWrap .def_tableStyle.stillIndex_layout12 th{font-size:16px;}
.stillIndex_layout12 .stillIndex_input{width:50px;}
.stillIndex_layout12 .stillIndex_input input{margin:0;}
.stillIndex_layout12 .stillIndex_controlNumber{width:160px;}
.stillIndex_layout12 .stillIndex_projectTitle{width:260px;}
.stillIndex_layout12 .stillIndex_department{width:320px;}
.stillIndex_layout12 .stillIndex_name{width:120px;}
.stillIndex_layout12 .stillIndex_detail{width:190px;}
.stillIndex_layout12 .stillIndex_quantity{width:60px;}
.stillIndex_layout12 .stillIndex_amount{width:130px;}
/* stillIndex_layout12 */

/* still_projectBox */
.still_projectWrap{
  width:100%;
  overflow: auto;
}

.still_projectBox{
  border:1px solid #C9C9C9;
  border-radius: 10px;
  width:100%;
  box-sizing: border-box;
  overflow: hidden;
}

.still_projectBox[data-status="trouble"]{
  border:3px solid #F53240;
}

.still_projectBox:not(:first-child){
  margin-top:50px;
}

.still_projectBox th{
  padding: 10px 5px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  background: #AFAFAF;
}

.still_projectBox thead th{
  padding: 20px 5px;
}

.still_projectBox td{
  padding: 10px 5px;
  background: #FFF;
  font-weight: 500;
}

.still_projectBox .stillTable_infoProject{
  width:100%;
  min-width: 1290px;
}

.still_projectBox .stillIndex_controlNumber{width:11.2%;min-width:145px;}
.still_projectBox .stillIndex_customerName{width:42.6%;min-width:550px;}
.still_projectBox .stillIndex_projectTitle{width:23.2%;min-width:300px;}
.still_projectBox .stillIndex_clientID{width:11.7%;min-width:150px;}
.still_projectBox .stillIndex_waitingTime{width:11.2%;min-width:145px;}

.still_projectBox th:not(.stillIndex_controlNumber){
  border-left: 1px solid #FFF;
}

.still_projectBox td:not(.stillIndex_controlNumber){
  border-left: 1px solid #C9C9C9;
}

.still_projectBox td.stillIndex_controlNumber,
.still_projectBox td.stillIndex_clientID,
.still_projectBox td.stillIndex_waitingTime{
  text-align: center;
}

.still_projectBox td.stillIndex_customerName,
.still_projectBox td.stillIndex_projectTitle{
  font-size:12px;
}

.still_projectBox td.stillIndex_waitingTime span {
  display: inline-block;
}

.still_projectBox td.stillIndex_waitingTime span:not(:last-child) {
    margin-right: 0.5em;
}

.still_projectBox .stillTable_infoCM{
  width:100%;
  min-width: 1290px;
  background: #AFAFAF;
}

.still_projectBox .stillTable_infoCM tbody th{
  width:15.5%;
  min-width:200px;
  border-right:1px solid #FFF;
  border-top:1px solid #FFF;
  background: #F2F2F2;
}

.still_projectBox .stillTable_infoCM tbody th.infoCM__cat{
  width:11.6%;
  min-width:150px;
}

.still_projectBox .stillTable_infoCM tbody th.infoCM__bg2{
  background: #C9C9C9;
}

.still_projectBox .stillTable_infoCM tbody th:first-child:not(.infoCM__cat),
.still_projectBox .stillTable_infoCM tbody td+th:not(.infoCM__cat){
  border-top:2px dashed #FFF;
}

.still_projectBox .stillTable_infoCM tbody td{
  width:22.9%;
  min-width:295px;
  border-top:1px solid #C9C9C9;
  background: #FFF;
}

.still_projectBox .stillTable_infoCM tbody td.dash{
  border-top:2px dashed #C9C9C9;
}

.still_projectBox .stillTable_infoCM tbody td .infoCM__reason{
  color:#F53240;
}

@media only screen and (max-width:1200px){

  .still_projectBox{
    flex-wrap: wrap;
  }

  .still_projectBox .stillTable_infoProject,
  .still_projectBox .stillTable_infoCM{
    width:100%;
    max-width: inherit;
  }
}
/* still_projectBox */

/* ------------------------------------------
  スチール撮影一覧
------------------------------------------ */

/* ------------------------------------------
  スチール撮影 作業報告
------------------------------------------ */
.still_reportMenu{
  display:flex;
  justify-content: space-between;
  align-items: center;
  width:100%;
  gap:24px;
}

.still_reportMenu .reportMenuBtn{
  width:12.5%;
}

.still_reportMenu .reportMenuBtn a{
  display:flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width:100%;
  height: 50px;
  background: #A2A2A2;
  border-radius: 5px;
  box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
  color:#FFF;
  font-weight: bold;
  gap:7px;
}

.still_reportMenu .reportMenuBtn a:hover{
  box-shadow: 4px 4px 2px rgba(0,0,0,0.125) inset;
  background: #DEDEDE;
}

.report_projectInfo{
  margin-top:40px;
}

.report_projectInfo dl{
  display:flex;
  justify-content: space-between;
  align-items: flex-start;
}

.report_projectInfo dl:not(:first-child){
  margin-top:25px;
}

.report_projectInfo dl dt{
  font-size:20px;
  font-weight: bold;
  width:200px;
}

.report_projectInfo.tBig dl dt{
  font-size:25px;
}

.report_projectInfo dl dd{
  font-size:16px;
  font-weight: 500;
  width:calc(100% - 230px);
}

.report_projectInfo dl dd p.inline{
  display: inline-block;
}

.report_projectInfo dl dd p.inline:not(:last-child){
  margin-right:1em;
}

.report_projectInfo dl dd p a{
  display: inline;
  text-decoration: underline;
  color: #0031FF;
}

.report_projectInfo dl dd span{
  display:inline;
}

.report_projectInfo dl dd span.keisyo{
  font-size:18px;
  margin-left:1em;
}

.report_projectInfo .alertNotice{
  margin-top:20px;
}

.reportTodo{
  margin-top:100px;
  margin-bottom:124px;
}

.reportTodo .todoItem{
  border:1px solid #DDDDDD;
  border-radius: 10px;
  box-shadow: 4px 4px 5px var(--inputBrdAlpha);
  overflow: hidden;
}

.reportTodo .todoItem:not(:first-child){
  margin-top:70px;
}

.reportTodo .todoItem .todoBox{
  border-left:15px solid var(--cameramanColor);
  padding:30px 90px 30px;
}

.reportTodo .todoItem .todoCommon,
.reportTodo .todoItem .todoTroubleCommon{
  display:flex;
  justify-content: space-between;
  align-items: center;
}

.reportTodo .todoItem .todoCommonLeft,
.reportTodo .todoItem .todoTroubleCommonLeft{
  width:calc(calc(100% - 290px) - 100px);
}

.reportTodo .todoItem .todoTitle{
  font-size:45px;
  font-weight: bold;
}

.reportTodo .todoItem .todoTime{
  display:flex;
  justify-content: space-between;
  align-items: center;
  margin-top:20px;
}

.reportTodo .todoItem .estimatedTime{
  font-weight: bold;
  width:50%;
}

.reportTodo .todoItem .estimatedTime .timeTitle{
  font-size:20px;
  margin-right:2em;
}

.reportTodo .todoItem .estimatedTime .time{
  font-size:18px;
}

.reportTodo .todoItem .actualTime{
  font-size:30px;
  font-weight: bold;
  width:50%;
  text-align: center;
}

.reportTodo .todoItem .todoCommonRight,
.reportTodo .todoItem .todoTroubleCommonRight{
  width:290px;
  position: relative;
}

.reportTodo .todoItem .todoCommonRight .question{
  margin:10px 0;
}

.reportTodo .todoItem .todoBtn{
  width:100%;
  height:80px;
  border-radius: 10px;
  display:flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  color:#FFF;
  font-size:25px;
  font-weight: bold;
  box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
}

.reportTodo .todoItem .todoBtn span{
  display:block;
  width:100%;
  text-align: center;
}

.reportTodo .todoItem .todoBtn span.small{
  font-size:16px;
}

.reportTodo .todoItem .todoBtn.btnNP{
  background: var(--cameramanColor);
}
.reportTodo .todoItem .todoBtn.btnProblem{
  background: #F53240;
}

.reportTodo .todoItem .todoBtn:hover{
  background-color: var(--btnBgColor);
  box-shadow: 4px 4px 2px rgba(0,0,0,0.125) inset;
}

.reportTodo .todoItem .todoBtn.btnNP:hover{
  background-color: #CAD9A0;
}

.reportTodo .todoItem .todoBtn.btnProblem:hover{
  background-color: #FCBBC0;
}

.reportTodo .todoItem .todoContents{
  margin-top:30px;
}

.reportTodo .todoItem .labelCaption{
  font-size: 15px;
  color:#F53240;
  margin-top:10px;
}

.reportTodo .todoItem .troubleBox{
  border-left:15px solid #F53240;
  padding:0 90px 30px;
  display:none;
}

.reportTodo .todoItem[data-status="trouble"] .troubleBox{
  display:block;
}

.reportTodo .todoItem .reasonBox{
  display:flex;
  justify-content: space-between;
  align-items: flex-start;
}

.reportTodo .todoItem .reasonTitle{
  width:80px;
  font-size: 20px;
  font-weight: bold;
}

.reportTodo .todoItem .reasonContent{
  width:100%;
}

.reportTodo .todoItem .reasonContent .select{
  width:60%;
}

.reportTodo .todoItem .reasonContent .other{
  width:100%;
  display:none;
}

.reportTodo .todoItem .reasonContent .other input{
  width:100%;
  max-width: inherit;
}

.reportTodo .todoItem .todoTroubleTime{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap:25px;
  margin-bottom:25px;
}

.reportTodo .todoItem .todoTroubleTime .timeTitle{
  font-size:20px;
  font-weight: bold;
}

.reportTodo .todoItem .todoTroubleTime .time{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap:25px;
  font-size:20px;
  font-weight: bold;
}

.reportTodo .todoItem .todoTroubleTime .time .hour,
.reportTodo .todoItem .todoTroubleTime .time .minute{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap:12px;
}

.reportTodo .todoItem .todoTroubleContents{
  margin-top: 30px;
}

.reportTodo .todoItem .todoTroubleContentsTitle{
  font-size:20px;
  font-weight: bold;
  margin-bottom:10px;
}

.reportTodo .todoItem .todoContentsItem:not(:first-child){
  margin-top:15px;
}

.reportTodo .todoItem .todoInfo .todoInfoTitle{
  font-size:20px;
  font-weight: bold;
}

.reportTodo .todoItem .todoInfo dl{
  margin-top:20px;
  display:flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap:10px;
}

.reportTodo .todoItem .todoInfo dl dt,
.reportTodo .todoItem .todoInfo dl dd{
  font-size:20px;
  font-weight: bold;
}

.reportTodo .todoItem .separeteSpace{
  max-width: inherit;
  margin:0 0 30px;
}

.reportTodo .todoItem .todoCommonTitle{
  font-size:20px;
  font-weight: bold;
  margin-bottom:15px;
}

@media only screen and (max-width:1200px){

  .still_reportMenu{
    flex-wrap: wrap;
    gap:24px;
  }

  .still_reportMenu .reportMenuBtn{
    width:calc(25% - 18px);
  }

  .report_projectInfo dl{
    flex-wrap: wrap;
  }

  .report_projectInfo dl dt,
  .report_projectInfo dl dd{
    width:100%;
  }

  .reportTodo .todoItem .todoBox{
    padding:30px;
  }

  .reportTodo .todoItem .troubleBox{
    padding:0 30px 30px;
  }

  .reportTodo .todoItem .todoCommon,
  .reportTodo .todoItem .todoTroubleCommon{
    flex-wrap: wrap;
    justify-content: center;
  }

  .reportTodo .todoItem .todoCommonLeft,
  .reportTodo .todoItem .todoTroubleCommonLeft {
    width: 100%;
  }

  .reportTodo .todoItem .todoCommonRight,
  .reportTodo .todoItem .todoTroubleCommonRight {
    width: 100%;
    max-width: 290px;
  }

  .reportTodo .todoItem .estimatedTime,
  .reportTodo .todoItem .actualTime{
    width:auto;
  }

  .reportTodo .todoItem .todoTroubleTime,
  .reportTodo .todoItem .reasonBox{
    flex-wrap: wrap;
    gap:0;
  }

  .reportTodo .todoItem .todoTroubleTime .time,
  .reportTodo .todoItem .reasonContent{
    width:100%;
    margin-top:10px;
  }

  .reportTodo .todoItem .reasonContent .select{
    width:100%;
  }
}

@media only screen and (max-width:750px){

  .still_reportMenu .reportMenuBtn{
    width:100%;
  }

  .reportTodo .todoItem .todoTime{
    flex-wrap: wrap;
  }

  .reportTodo .todoItem .estimatedTime,
  .reportTodo .todoItem .actualTime{
    width:100%;
  }

  .reportTodo .todoItem .estimatedTime span{
    display:block;
  }

  .reportTodo .todoItem .actualTime{
    text-align: left;
    margin-top:30px;
  }
}

/* ------------------------------------------
  スチール撮影 作業報告
------------------------------------------ */

/* ------------------------------------------
  スチール撮影 CM納品精算一覧
------------------------------------------ */
.cmDeliveryForm .delivery__block{
  margin-top:64px;
  padding-left:50px;
  width:100%;
  box-sizing: border-box;
}

.cmDeliveryForm .delivery__download .btnLayout4,
.cmDeliveryForm .delivery__upload .btnLayout4{
  width:500px;
  padding: 1.5rem 2rem;
  box-sizing: border-box;
  justify-content: space-between;
}

.cmDeliveryForm .delivery__download .btnLayout2 .txt,
.cmDeliveryForm .delivery__upload .btnLayout2 .txt{
  width:100%;
}

.cmDeliveryForm .delivery__download{
  display:flex;
  justify-content: flex-start;
  align-items: center;
}

.cmDeliveryForm .delivery__upload{
  margin-top:80px;
}

.cmDeliveryForm .arrow_txt{
  margin-bottom:14px;
}

.cmDeliveryForm .arrow_txt::before{
  background: var(--cameramanColor);
}

.cmDeliveryForm .delivery__upload .submitBtn{
  margin-top:20px;
}

.cmDeliveryForm .delivery__invoice{
  margin-top:42px;
}

.cmDeliveryForm .delivery__invoice .separeteSpace{
  max-width: inherit;
  margin-bottom:42px;
  box-sizing: border-box;
}

.cmDeliveryForm .delivery__invoice .btnWrap{
  width:100%;
  max-width: 420px;
  margin:0 auto;
}

.cmDeliveryForm .delivery__invoice .btnNonactive{
  opacity: 0.3;
  pointer-events: none;
}

.cmDeliveryForm [data-delivery="true"] .delivery__invoice .btnNonactive{
  opacity: 1;
  pointer-events:auto;
}

@media only screen and (max-width:750px){
  .cmDeliveryForm .delivery__block{
    padding-left:0;
  }

  .cmDeliveryForm .delivery__download .btnLayout4,
  .cmDeliveryForm .delivery__upload .btnLayout4{
    width:100%;
    font-size:4.0vw;
  }

  .cmDeliveryForm .delivery__download{
    flex-wrap: wrap;
    position: relative;
  }

  .cmDeliveryForm .delivery__download .question{
    position: absolute;
    right:0;
    top:calc(100% + 20px);
    margin:0;
  }
}

/* ------------------------------------------
  スチール撮影 CM納品精算一覧
------------------------------------------ */


/* ------------------------------------------
  AC募集一覧
------------------------------------------ */
.cmRecruit .projectInfo{
  display:flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.cmRecruit .projectInfo .projectInfo_table1{width:32.5%;}
.cmRecruit .projectInfo .projectInfo_table2{width:42.0%;}
.cmRecruit .projectInfo .projectInfo_table3{width:19.5%;}

.cmRecruit .projectInfo th,
.cmRecruit .projectInfo td{
  padding:10px;
  box-sizing: border-box;
}

.cmRecruit .projectInfo th{
  font-size:20px;
  font-weight: bold;
  white-space: nowrap;
}

.cmRecruit .projectInfo td.cmRecruit_customerName{
  font-size:16px;
  font-weight: 500;
}

.cmRecruit .projectInfo td.cmRecruit_controlNumber a{
  font-size:16px;
}

.cmRecruit .projectInfo td.cmRecruit_projectTitle{
  font-size:12px;
  font-weight: 500;
}

.cmRecruit .projectInfo .wtList li{
  float: none;
  font-size:15px;
  font-weight: bold;
}

.cmRecruit .projectInfo .wtList li:not(:first-child){
  margin-top:20px;
}

.cmRecruit .projectInfo .wtList li span:not(:last-child) {
  margin-right: 0.5em;
}

.cmRecruit .cm_listBlock .separeteSpace{max-width:inherit;box-sizing: border-box;}

.cmRecruit .cm_listBlock .cm_listBox{
  overflow: auto;
}

.cmRecruit .cm_listBlock .cm_listBox table{
  border: 1px solid #C9C9C9;
  width:100%;
  min-width: 1200px;
  box-sizing: border-box;
}

.cmRecruit .cm_listBlock .cm_listBox table th{
  font-size:12px;
  font-weight: bold;
  text-align: center;
  padding:12px;
  background: #AFAFAF;
  box-sizing: border-box;
}

.cmRecruit .cm_listBlock .cm_listBox table th:not(.situation){
  border-left:1px solid #FFF;
}

.cmRecruit .cm_listBlock .cm_listBox table td:not(.situation){
  border-left:1px solid #C9C9C9;
}

.cmRecruit .cm_listBlock .cm_listBox table tbody tr{
  border-top:1px solid #C9C9C9;
}

.cmRecruit .cm_listBlock .cm_listBox .situation,
.cmRecruit .cm_listBlock .cm_listBox .step{width:3.5%;min-width:50px;}
.cmRecruit .cm_listBlock .cm_listBox .period{width:13.9%;min-width:200px;}
.cmRecruit .cm_listBlock .cm_listBox .refusal{width:6.25%;min-width:90px;}
.cmRecruit .cm_listBlock .cm_listBox .answer{width:52.5%;min-width:750px;}

.cmRecruit .cm_listBlock .cm_listBox tbody tr:nth-child(odd){
  background: #F2F2F2;
}

.cmRecruit .cm_listBlock .cm_listBox tbody tr:nth-child(even){
  background: #FFF;
}

.cmRecruit .cm_listBlock .cm_listBox tbody td{
  padding:12px;
}

.cmRecruit .cm_listBlock .cm_listBox td.situation{
  text-align: center;
}

.cmRecruit .cm_listBlock .cm_listBox td.step,
.cmRecruit .cm_listBlock .cm_listBox td.refusal{
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}

.cmRecruit .cm_listBlock .cm_listBox td.period{
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}

.cmRecruit .cm_listBlock .cm_listBox td.period span{
  display:inline-block;
}

.cmRecruit .cm_listBlock .cm_listBox td.answer{
  padding:0;
}

.cmRecruit .cm_listBlock .cm_listBox td.answer ul{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.cmRecruit .cm_listBlock .cm_listBox td.answer li{
  float: none;
  width:20%;
  box-sizing: border-box;
  display:table;
  border-right:1px solid #C9C9C9;
}

.cmRecruit .cm_listBlock .cm_listBox td.answer li:nth-child(5n){
  border-right:none;
}

.cmRecruit .cm_listBlock .cm_listBox td.answer li:nth-child(n+6){
  border-top:1px solid #C9C9C9;
}

.cmRecruit .cm_listBlock .cm_listBox td.answer li span,
.cmRecruit .cm_listBlock .cm_listBox td.answer li p{
  display: table-cell;
  padding:14px 12px;
}

.cmRecruit .cm_listBlock .cm_listBox td.answer li span{
  border-right:2px dashed #C9C9C9;
  text-align: center;
  font-weight: bold;
  font-size:20px;
}

.cmRecruit .cm_listBlock .cm_listBox td.answer li p{
  font-size:12px;
  font-weight: 500;
}

.cmRecruit .oneBlock[data-recruitStatus="false"]{
  background: #DDDDDD;
  pointer-events: none;
  display:none;
}

.cmRecruit .oneBlock[data-recruitStatus="true"][data-recruitStep="1"] tr[data-step="1"] .situation::after,
.cmRecruit .oneBlock[data-recruitStatus="true"][data-recruitStep="2"] tr[data-step="2"] .situation::after,
.cmRecruit .oneBlock[data-recruitStatus="true"][data-recruitStep="3"] tr[data-step="3"] .situation::after{
  content: '';
  display: inline-block;
  width:20px;
  height: 20px;
  background: url(/images/icon_arrow05.svg?0fce7ee389f82423853058fac559d664) center center no-repeat;
  background-size: cover;
}

.cmRecruit .oneBlock[data-recruitStatus="false"] *,
.cmRecruit .oneBlock[data-recruitStatus="true"][data-recruitStep="2"] tr[data-step="1"] *,
.cmRecruit .oneBlock[data-recruitStatus="true"][data-recruitStep="3"] tr[data-step="1"] *,
.cmRecruit .oneBlock[data-recruitStatus="true"][data-recruitStep="3"] tr[data-step="2"] *{
  pointer-events: none;
  color: #B5B5B5 !important;
  text-decoration: none !important;
}


@media only screen and (max-width:1100px){

  .cmRecruit .projectInfo .projectInfo_table1{width:100%;}
  .cmRecruit .projectInfo .projectInfo_table2{width:100%;}
  .cmRecruit .projectInfo .projectInfo_table3{width:100%;}

  .cmRecruit .projectInfo table:not(:first-child){
    margin-top:20px;
  }
}
/* ------------------------------------------
  AC募集一覧
------------------------------------------ */


/* ------------------------------------------
  AC経費確認
------------------------------------------ */
.acExpenseConfirmation .projectInfo{
  width:100%;
  overflow: auto;
}

.acExpenseConfirmation .projectInfo .projectInfo_table{
  width:100%;
  min-width: 1200px;
}

.acExpenseConfirmation .projectInfo th,
.acExpenseConfirmation .projectInfo td{
  padding:10px;
  box-sizing: border-box;
}

.acExpenseConfirmation .projectInfo th{
  font-size:20px;
  font-weight: bold;
  white-space: nowrap;
}

.acExpenseConfirmation .projectInfo td{
  font-size:16px;
  font-weight: 500;
  vertical-align: top;
}

.acExpenseConfirmation .projectInfo .acEC_controlNumber{width:11.6%;min-width: 140px;}
.acExpenseConfirmation .projectInfo .acEC_service{width:11.6%;min-width: 140px;}
.acExpenseConfirmation .projectInfo .acEC_customerName{width:70%;}

.acExpenseConfirmation .acEC_controlNumber a,
.acExpenseConfirmation .acEC_controlNumber a:visited,
.acExpenseConfirmation .acEC_controlNumber a:link{
  white-space: nowrap;
}

.acExpenseConfirmation .projectInfo td.acEC_check{
  text-align: center;
}

.acExpenseConfirmation .ac_cmExpenselistBox {
  width:100%;
  overflow: auto;
  margin-top:45px;
}

.acExpenseConfirmation .ac_cmExpenselistBox table{
  width:100%;
  min-width: 1200px;
  border: 1px solid #C9C9C9;
}

.acExpenseConfirmation .ac_cmExpenselistBox table tr {
  border-top: 1px solid #C9C9C9;
}

.acExpenseConfirmation .ac_cmExpenselistBox table .usage{width:23.0%;min-width: 275px;}
.acExpenseConfirmation .ac_cmExpenselistBox table .section{width:19.2%;min-width: 230px;}
.acExpenseConfirmation .ac_cmExpenselistBox table .remarks{width:32.5%;min-width: 390px;}
.acExpenseConfirmation .ac_cmExpenselistBox table .reportedExpenses,
.acExpenseConfirmation .ac_cmExpenselistBox table .assumedExpenses,
.acExpenseConfirmation .ac_cmExpenselistBox table .ratioExpenses{width:7.5%;min-width: 90px;}

.acExpenseConfirmation .ac_cmExpenselistBox table th {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 12px;
  background: #AFAFAF;
  box-sizing: border-box;
}

.acExpenseConfirmation .ac_cmExpenselistBox table th:not(.usage) {
  border-left: 1px solid #FFF;
}

.acExpenseConfirmation .ac_cmExpenselistBox table th.reportedExpenses,
.acExpenseConfirmation .ac_cmExpenselistBox table th.assumedExpenses,
.acExpenseConfirmation .ac_cmExpenselistBox table th.ratioExpenses,
.acExpenseConfirmation .ac_cmExpenselistBox table td.section,
.acExpenseConfirmation .ac_cmExpenselistBox table td.remarks p{
  font-size:12px;
}

.acExpenseConfirmation .ac_cmExpenselistBox table td {
  font-size: 16px;
  font-weight: 500;
  padding: 12px;
  background: #FFF;
  box-sizing: border-box;
}

.acExpenseConfirmation .ac_cmExpenselistBox table td:not(.usage) {
  border-left: 1px solid #C9C9C9;
}

.acExpenseConfirmation .ac_cmExpenselistBox table tr:nth-child(even) td{
  background: #F2F2F2;
}

.acExpenseConfirmation .ac_cmExpenselistBox table td.reportedExpenses,
.acExpenseConfirmation .ac_cmExpenselistBox table td.assumedExpenses,
.acExpenseConfirmation .ac_cmExpenselistBox table td.ratioExpenses{text-align: center;}

.acExpenseConfirmation .ac_cmExpenselistBox table tr[data-usage="other"] td.usage,
.acExpenseConfirmation .ac_cmExpenselistBox table td.remarks p,
.acExpenseConfirmation .ac_cmExpenselistBox table td.ratioExpenses.over{
  color:#F53240;
}

.acExpenseConfirmation .ac_cmExpenselistBox table td.section span{
  display:block;
}

.acExpenseConfirmation .oneBlock .inputBlock{
  margin-top:50px;
}

.acExpenseConfirmation .oneBlock .inputBlock .textArea{
  max-width: inherit;
}

.acExpenseConfirmation .oneBlock .inputBlock+.pageBtnNav{
  justify-content: flex-end;
}
/* ------------------------------------------
  AC経費確認
------------------------------------------ */


/* ------------------------------------------
  CM経費報告
------------------------------------------ */
.cmExpensesReportForm{
  margin-top:80px;
}

.cmExpensesReportForm .ancTitle{
  margin-bottom:0;
}

.cmExpensesReportForm .ancTitle+.ancTitleCaption{
  margin-top:15px;
  font-size:25px;
  font-weight: 500;
  margin-bottom:60px;
}

.cmExpensesReportForm #mainForm{
  margin-top:50px;
}

.cmExpensesReportForm .cm_expensesListBox,
.cmExpensesReportForm .cm_billingBreakdownBox{
  overflow: auto;
  margin-top:60px;
  width:100%;
}

.cmExpensesReportForm .cm_expensesListBox table,
.cmExpensesReportForm .cm_billingBreakdownBox table{
  border: 1px solid #C9C9C9;
  width:100%;
  min-width: 1200px;
  box-sizing: border-box;
}

.cmExpensesReportForm .cm_expensesListBox table th,
.cmExpensesReportForm .cm_billingBreakdownBox table th{
  font-size:16px;
  font-weight: bold;
  text-align: center;
  padding:12px;
  background: #AFAFAF;
  box-sizing: border-box;
}

.cmExpensesReportForm .cm_expensesListBox table th:not(.usage),
.cmExpensesReportForm .cm_billingBreakdownBox table th:not(.item){
  border-left:1px solid #FFF;
}

.cmExpensesReportForm .cm_expensesListBox table td:not(.usage),
.cmExpensesReportForm .cm_billingBreakdownBox table td:not(.item){
  border-left:1px solid #C9C9C9;
}

.cmExpensesReportForm .cm_expensesListBox table tbody tr,
.cmExpensesReportForm .cm_billingBreakdownBox table tbody tr{
  border-top:1px solid #C9C9C9;
}

.cmExpensesReportForm .cm_expensesListBox tbody tr,
.cmExpensesReportForm .cm_billingBreakdownBox tbody tr{
  background: #FFF;
}

.cmExpensesReportForm .cm_expensesListBox tbody tr.even-row,
.cmExpensesReportForm .cm_billingBreakdownBox tbody tr:nth-child(even){
  background: #F2F2F2;
}

.cmExpensesReportForm .cm_expensesListBox tbody td,
.cmExpensesReportForm .cm_billingBreakdownBox tbody td{
  padding:12px;
  font-weight: 500;
  font-size:16px;
}

.cmExpensesReportForm .cm_expensesListBox .usage{width:18.7%;min-width:200px;}
.cmExpensesReportForm .cm_expensesListBox .section{width:19.6%;min-width:210px;}
.cmExpensesReportForm .cm_expensesListBox .travelCosts{width:11.2%;min-width:120px;}
.cmExpensesReportForm .cm_expensesListBox .receipt{width:13.1%;min-width:140px;}
.cmExpensesReportForm .cm_expensesListBox .remarks{width:28.0%;min-width:300px;}
.cmExpensesReportForm .cm_expensesListBox .delete{width:100px;}

.cmExpensesReportForm .cm_expensesListBox tbody td.usage,
.cmExpensesReportForm .cm_expensesListBox tbody td.travelCosts,
.cmExpensesReportForm .cm_expensesListBox tbody td.receipt,
.cmExpensesReportForm .cm_expensesListBox tbody td.delete{
  text-align: center;
}

.cmExpensesReportForm .cm_expensesListBox tbody td.remarks{
  font-size:12px;
}

.cmExpensesReportForm .cm_expensesListBox tbody td.delete .txt{
  font-size:20px;
}

.cmExpensesReportForm .cm_expensesListBox tbody td.section span{
  display: block;
}

.cmExpensesReportForm .cm_expensesListBox input[type="file"]{
  display:block;
  visibility: hidden;
  height: 0;
}

.cmExpensesReportForm .totalBlock{
  float:none;
  margin:50px 0 0 auto;
}

.cmExpensesReportForm .cm_billing{
  margin-top:40px;
}

.cmExpensesReportForm .cm_billing .separeteSpace{
  max-width: inherit;
  box-sizing: border-box;
  margin-bottom:40px;
}

.cmExpensesReportForm .cm_billingBreakdownBox .item{width:56.1%;min-width:600px;}
.cmExpensesReportForm .cm_billingBreakdownBox .unitPrice{width:19.6%;min-width:210px;}
.cmExpensesReportForm .cm_billingBreakdownBox .number{width:11.2%;min-width:120px;}
.cmExpensesReportForm .cm_billingBreakdownBox .costs{width:13.1%;min-width:140px;}

.cmExpensesReportForm .cm_billingBreakdownBox tbody td.unitPrice,
.cmExpensesReportForm .cm_billingBreakdownBox tbody td.number,
.cmExpensesReportForm .cm_billingBreakdownBox tbody td.costs{
  text-align: center;
}

.cmExpensesReportForm .cm_billingBreakdownBox tbody td .projectTitle{
  margin-top:5px;
  font-size:12px;
}

.cmExpensesReportForm .cm_billingBreakdownBox tbody .penalty .item,
.cmExpensesReportForm .cm_billingBreakdownBox tbody .penalty .costs,
.cmExpensesReportForm .cm_billing .totalBlock>div.expensesBlock p{
  color: #F53240;
}

.cmExpensesReportForm .cm_billingBreakdownCaption{
  margin-top:10px;
  font-size:15px;
  font-weight: 500;
}

.cmExpensesReportForm .cm_billing .totalBlock>div:not(:last-child){
  border:none;
}

.cmExpensesReportForm .cm_billing .totalBlock>div:not(:last-child) p{
  font-size:16px;
  padding:0;
}
/* ------------------------------------------
  CM経費報告
------------------------------------------ */

/* ------------------------------------------
  CM月次精算確認
------------------------------------------ */
.cmExpensesReportForm .statementToggleWrap{
  margin:40px auto 0;
  display:flex;
  justify-content: center;
  min-height: 80px;
}

.cmExpensesReportForm .statementToggleWrap .statementToggle{
  height: 80px;
}

.cmExpensesReportForm .statementToggleWrap .txt{
  font-size: 25px;
}

.cmExpensesReportForm .statementToggle .icon{
  transform: rotate(90deg);
}

.cmExpensesReportForm .statementToggleWrap+#statementToggle{
  visibility: hidden;
  height:0;
}

.cmExpensesReportForm .statementToggleWrap+#statementToggle+.cm_billingStatement{
  display:none;
}

.cmExpensesReportForm .statementToggleWrap+#statementToggle:checked+.cm_billingStatement{
  display:block;
}

.cmExpensesReportForm .cm_billingStatement .tBig dd{
  font-size: 25px;
  font-weight: 500;
}

.cmExpensesReportForm .cm_billingStatement .separeteSpace{
  box-sizing: border-box;
  max-width: inherit;
}

.cmExpensesReportForm .cm_billingStatement .totalBlock>div:not(:last-child) {
    border: none;
}

.cmExpensesReportForm .cm_billingStatement .totalBlock>div:not(:last-child) p {
    font-size: 16px;
    padding: 0;
}

/* ------------------------------------------
  CM月次精算確認
------------------------------------------ */


/* ------------------------------------------
  ご注文一覧
------------------------------------------ */
.clOrderIndex .projectInfo{
  display:flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top:40px;
  gap:25px;
  width:100%;
}

.clOrderIndex .projectInfo dt {
  font-size: 20px;
  font-weight: bold;
  white-space: nowrap;
}

.clOrderIndex .projectInfo dd {
  font-size: 16px;
  font-weight: 500;
}

.clOrderIndex .projectInfo .projectInfo_dl1,
.clOrderIndex .projectInfo .projectInfo_dl2,
.clOrderIndex .projectInfo .projectInfo_dl3{
  width:200px;
}

@media only screen and (max-width:1100px){
  .clOrderIndex .projectInfo{
    flex-wrap: wrap;
  }

  .clOrderIndex .projectInfo dt,
  .clOrderIndex .projectInfo dd{
    width:100%;
  }
}

/* ------------------------------------------
  ご注文一覧
------------------------------------------ */

/* ------------------------------------------
  メール送受信履歴
------------------------------------------ */
.mailBoxWrap{
  width:100%;
  overflow: auto;
}

.mailBoxWrap .mailBox{
  width:100%;
  min-width: 1290px;
  border:1px solid #C9C9C9;
}

.mailBoxWrap .mailBox th,
.mailBoxWrap .mailBox td{
  padding:10px 15px;
  box-sizing: border-box;
}

.mailBoxWrap .mailBox th{
  background: #AFAFAF;
  font-size:20px;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
}

.mailBoxWrap .mailBox th:not(:first-child){
  border-left:1px solid #FFF;
}

.mailBoxWrap .mailBox tbody tr{
  border-top:1px solid #C9C9C9;
}

.mailBoxWrap .mailBox tbody td{
  background: #FFF;
}

.mailBoxWrap .mailBox tbody tr:nth-child(even) td{
  background: #F2F2F2;
}

.mailBoxWrap .mailBox tbody td:not(:first-child){
  border-left:1px solid #C9C9C9;
}

.mailBoxWrap .mailBox .mail_date,
.mailBoxWrap .mailBox .mail_usertype,
.mailBoxWrap .mailBox .mail_controlNumber{width:11.6%;}
.mailBoxWrap .mailBox .mail_partner{width:12.4%;}
.mailBoxWrap .mailBox .mail_title{width:21.7%;}
.mailBoxWrap .mailBox .mail_content{width:31.0%;}

.mailBoxWrap .mailBox td.mail_date,
.mailBoxWrap .mailBox td.mail_partner,
.mailBoxWrap .mailBox td.mail_controlNumber{
  text-align: center;
}
/* ------------------------------------------
  メール送受信履歴
------------------------------------------ */

/* ------------------------------------------
  CR スチール撮影　依頼案件一覧
------------------------------------------ */
.still_indexMenu.cr_stillIndex{
  grid-gap: 40px;
}

.still_indexMenu.cr_stillIndex .stillMenuBtn1{
  width:230px;
}

.still_indexMenu .stillMenuBtn1.all a{
  background: #E2E2E2;
}

.still_indexMenu.cr_stillIndex .stillMenuBtn1.all.active a,
.still_indexMenu.cr_stillIndex .stillMenuBtn1.all:hover a{
  background: #0430A5;
}

.still_indexMenu.cr_stillIndex .stillFlowMenu .stillMenuBtn2{
  width:20%;
}

/* ------------------------------------------
  CR スチール撮影　依頼案件一覧
------------------------------------------ */

/* ------------------------------------------
  修正依頼指示画面(三井)
------------------------------------------ */
.instructionExplanation{
  width:96%;
  margin:25px auto 0;
}

.instructionExplanation .ieflexBox1{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap:150px;
}

.instructionExplanation .ieflexBox1 p:last-child{
  white-space: nowrap;
}

.instructionExplanation .ieflexBox2{
  display: flex;
  justify-content: space-between;
  gap:110px;
  margin-top:30px;
}

.instructionExplanation .ieflexBox2 .movie{
  width:330px;
}

.instructionExplanation .ieflexBox2 .movie .btnLayout2{
  padding-left:0;
  padding-right:0;
}

.instructionExplanation .ieflexBox3{
  display: flex;
  justify-content: space-between;
  margin-top:80px;
}

.instructionExplanation .ieflexBox3 .stampCard{
  width:410px;
  border-radius: 10px;
  padding:35px;
  border:2px solid #DDD;
  box-shadow: 3px 3px 6px 3px rgba(0,0,0,.2);
}

.instructionExplanation .ieflexBox3 .initialPosition{
  width:160px;
  height: 160px;
  border: 1px solid var(--inputBrd);
  box-shadow: 4px 4px 2px var(--inputBrdAlpha) inset;
  border-radius: 6px;
  box-sizing: border-box;
  position: relative;
  margin:0 auto;
}

.instructionExplanation .ieflexBox3 .stampCard dl{
  margin-top:30px;
}

.instructionExplanation .ieflexBox3 .stampCard label{
  font-size:20px;
  font-weight: bold;
}

.instructionExplanation .ieflexBox3 .stampCard dd{
  margin-top:10px;
}

.instructionExplanation .ieflexBox3 .stampCard textarea{
  width:100%;
  height: 140px;
}

.instructionExplanation .stamp{
  width:100px;
  height: 100px;
}

.instructionExplanation .ieflexBox3 .initialPosition .stamp{
  position: absolute;
  top:30px;
  left:30px;
  pointer-events: none;
  opacity: .5;
}

.instructionExplanation #imageContainerWrap{
  margin-top:20px;
  border:1px solid #707070;
  background: #F2F2F2;
  background-image: url(/images/icon_still3.svg?97db110acbd8027ed97012495d5f7920);
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  width:100%;
  aspect-ratio:4/3;
}

.instructionExplanation #imageContainerWrap.imgSet{
  height: auto;
  aspect-ratio:unset;
}

.instructionExplanation #imageContainer{
  position: relative;
}

.instructionExplanation #imageContainer img{
  width:100%;
  height: auto;
}

.instructionExplanation #imageContainer .stamp{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.instructionExplanation #imageContainer .stamp.draggable{
  opacity: 1;
  pointer-events: auto;
  cursor: grab;
  z-index:100;
}

.instructionExplanation #imageContainer .stamp:active {
  cursor: grabbing;
}

@media only screen and (max-width:1100px){

  .instructionExplanation .ieflexBox1{
    flex-wrap: wrap;
    grid-row-gap: 50px;
  }

  .instructionExplanation .ieflexBox1 p:last-child{
    width:100%;
  }

  .instructionExplanation .ieflexBox2{
    justify-content: center;
    gap:50px;
    flex-wrap: wrap;
    margin-top:150px
  }

  .instructionExplanation .inner{
    width:100% !important;
  }

  .instructionExplanation .ieflexBox3{
    flex-wrap: wrap;
    justify-content: center;
    grid-row-gap: 30px;
  }

  .instructionExplanation .ieflexBox3 .stampCard{
    width:100%;
    max-width: 600px;
  }

  .instructionExplanation .ieflexBox3 .initialPosition{
    border: none;
    box-shadow: none;
  }
}

/* ------------------------------------------
  修正依頼指示画面(三井)
------------------------------------------ */

/* ------------------------------------------
  修正依頼内容確認画面(三井)
------------------------------------------ */
.instructionExplanation.checkPage{
  width:96%;
}

.instructionExplanation.checkPage .ieflexBox1{
  justify-content: flex-end;
}

.instructionExplanation.checkPage #imageContainerWrap{
  height: auto;
}

.instructionExplanation.checkPage .ieflexBox3{
  flex-wrap: wrap;
  gap:30px;
}

.instructionExplanation.checkPage .ieflexBox3 .initialPosition{
  border: none;
  box-shadow: none;
}

@media only screen and (max-width:1100px){
  .instructionExplanation.checkPage .ieflexBox1{
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .instructionExplanation.checkPage .ieflexBox3 .stampCard{
    width: 100%;
  }
}
/* ------------------------------------------
  修正依頼内容確認画面(三井)
------------------------------------------ */

/* ------------------------------------------
  CR修正依頼一覧画面
------------------------------------------ */

.crRequestItem .stillIndex_nos,
.ttRequestItem .stillIndex_nos{
  width:100px;
}

.crRequestItem .stillIndex_fileName,
.ttRequestItem .stillIndex_fileName{
  width:280px;
}

.crRequestItem td.stillIndex_nos,
.ttRequestItem td.stillIndex_nos{
  font-size:20px;
  font-weight: bold;
}

.crRequestItem td.stillIndex_contents .stamp,
.ttRequestItem td.stillIndex_contents .stamp{
  display:flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap:25px;
}

.crRequestItem td.stillIndex_contents .stamp:not(:first-child),
.ttRequestItem td.stillIndex_contents .stamp:not(:first-child){
  margin-top:35px;
}

.crRequestItem td.stillIndex_contents .stamp .stampNum,
.ttRequestItem td.stillIndex_contents .stamp .stampNum{
  color:#F53240;
  font-weight: bold;
}

.crRequestItem td.stillIndex_contents .stamp .category,
.ttRequestItem td.stillIndex_contents .stamp .category{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap:35px;
}

.crRequestItem td.stillIndex_contents .stamp .category:not(:first-child),
.crRequestItem td.stillIndex_contents .stamp .other,
.ttRequestItem td.stillIndex_contents .stamp .category:not(:first-child),
.ttRequestItem td.stillIndex_contents .stamp .other{
  margin-top:15px;
}

.crRequestItem td.stillIndex_contents .stamp .category dt,
.ttRequestItem td.stillIndex_contents .stamp .category dt{
  white-space: nowrap;
  width:120px;
}
/* ------------------------------------------
  CR修正依頼一覧画面
------------------------------------------ */

.video {
	margin: 20px auto;
	display: flex;
	flex-direction: column;
}

.video .video-button {
	background-color: #a2a2a2;
  border: 1px solid #ddd;
  border-color: #f2f2f2;
	border: none;
	border-radius: 5px;
	display: inline-flex;
	align-items: center;
	font-size: 25px;
	font-weight: 500;
	line-height: 1.4;
	padding: 0 2rem;
	min-height: 80px;
	justify-content: center;
	cursor: pointer;
	color: #ffffff;
}

.video .video-button:hover {
	background: #dedede;
	box-shadow: inset 4px 4px 2px rgba(0, 0, 0, .125);
}

.video .video-button .icon {
	width: 36px;
  height: 36px;
  margin: auto;
  margin-right: 5px;
}

.video .duration {
	text-align: center;
	font-size: 14px;
	margin-top: 5px;
}

.video .modal {
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.4);
}

[data-modal="video-youtube"],
[data-modal-greyout="video-youtube"],
[data-loading-greyout] {
	display: none;
}

[data-modal="video-youtube"].active,
[data-modal-greyout="video-youtube"].active {
	display: block;
}

body:has([data-modal="video-youtube"].active),
body:has([data-modal-greyout="video-youtube"].active) {
	overflow: hidden;
}

[data-modal-greyout="video-youtube"],
[data-loading-greyout] {
	background-color: #00000054;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9998;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

[data-modal="video-youtube"] .modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 40px;
}

[data-modal="video-youtube"] .modal-content {
	background-color: #000 !important;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
  padding: 5px;
}

[data-modal="video-youtube"] .modal-header .video-title {
	color: #aaa;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	margin-left: 5px;
}

[data-modal="video-youtube"] .modal-header .video-button-close {
	color: #aaa;
	font-size: 28px;
	font-weight: bold;
	margin-right: 5px;
	line-height: 28px;
}

[data-modal="video-youtube"] .modal-header .video-button-close:hover,
[data-modal="video-youtube"] .modal-header .video-button-close:focus {
	text-decoration: none;
	cursor: pointer;
}

@media only screen and (max-width: 768px) {
	/* For mobile phones: */
	.video {
		max-width: 90%;
	}

  .button-sales-manual {
    flex-direction: column;
  }

  .button-sales-manual a:last-child {
    margin-top: 20px;
  }

  [data-modal="video-youtube"] .modal-header .video-title {
    color: #aaa;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    margin-left: 5px;
  }
}



/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }

    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	min-width: 120px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 11px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

@charset "utf-8";


.pageSectionTitle.noMb{
	margin-bottom:0;
}

h2 span.question img{
	vertical-align:middle;
	display: inline-block;
}

.separator.sepBase{
	margin-bottom:20px;
	min-height:0;
}
.label16{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	display: block;
	color: #000;
	position: relative;
}
.label20{
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	display: block;
	color: #000;
	position: relative;
}
.label25{
	font-size: 25px;
	font-weight: bold;
	text-align: left;
	display: block;
	color: #000;
	position: relative;
}
.label32{
	font-size: 32px;
	font-weight: bold;
	text-align: left;
	display: block;
	color: #000;
	position: relative;
}
.inlineLabel{
  display:inline !important;
}
.label16.mini{
	width: 170px; 
}

.oneBlockTitle{
	font-size:32px;
	font-weight:bold;
	text-align:left;	
	width:100%;
	margin-bottom:40px;
	display:block;
}
.oneBlockTitle > *{
	display:inline-block;
	vertical-align:top;
}

.oneBlockTitle .multipleRequests{
  padding:5px;
  border-radius: 10px;
  vertical-align: middle;
}

body[data-user="cameraman"] .oneBlockTitle .multipleRequests{background: var(--cameramanColor);}
body[data-user="vendor"] .oneBlockTitle .multipleRequests{background: var(--vendorColor);}
body[data-user="vietnam"] .oneBlockTitle .multipleRequests{background: var(--vietnamColor);}
body[data-user="admin"] .oneBlockTitle .multipleRequests{background: var(--adminColor);}
body[data-user="client"] .oneBlockTitle .multipleRequests{background: var(--clientSubColor);}
/* 						.labelBoxBase{	background-color:rgba(255,0,0,.25);}
						.inputBoxBase{	background-color:rgba(0,0,255,.25);} */
.separator.sepBase > div > .label32,
.separator.sepBase > div > .label25,
.separator.sepBase > div > .label20,
.separator.sepBase > div > .label16,
.separator.sepBase > div > .label{
	padding-left:50px;
}
.separator.sepBase > div > .label16.noPadd,
.separator.sepBase > div > .label.noPadd{
	padding-left:0px;
}
.labelForm{
	font-size:20px;
	font-weight:bold;
	text-align:left;	
}
.labelBoxBase{
	max-width:340px;
	width:100%;
}
.inputBoxBase{
	width:calc(100% - 340px);
}
.inputInfoTxt{
	font-size:16px;
	line-height:200%;
}
.inputInfoTxtBold{
	font-size:16px;
	line-height:200%;
	font-weight:bold;
}
.inputInfoTxtRed{
	font-size:15px;
	color:var(--requiredColor);
	line-height:160%;
	font-weight:500;
}
.inputInfoTxtGray{
	font-size:15px;
	color:#AFAFAF;
	line-height:160%;
	font-weight:500;
}

.verticalList{
	width:100%;
}
.verticalList > li{
	width:100%;
	margin-bottom:10px;
	display:flex;
	justify-content:flex-start;
}
.verticalList.noLast > li:last-child{
	margin-bottom:0px;
}
.verticalList li .vLOneRowInline,
.verticalList li .vLOneRowInline >*,
.verticalList li .vLOneRow >*,
.verticalList li > *{
	display:inline-block;
	margin-left:10px;
}
.verticalList li .vLOneRowFlex,
.verticalList li .vLOneRowCol,
.verticalList li .vLOneRow{
	display:flex;
	justify-content: flex-start;
	flex-direction: row;
}



@media only screen and (min-width:751px) and (max-width:1366px){
.verticalList li .vLOneRowCol,
.verticalList li .vLOneRow{
display: inline-block;
}
.verticalList li .vLOneRowFlex{
	align-items:center;
}
.baselineSp{
	align-self: self-start;
	margin-top: 1.0vw;
}
}

@media only screen and (max-width:1100px){
.separator.sepBase > div > .label32, 
.separator.sepBase > div > .label25, 
.separator.sepBase > div > .label20,
.separator.sepBase > div > .label16, 
.separator.sepBase > div > .label{
padding-left:0px;	
}

.inputBoxBase{
	width:100%;
}
}

@media only screen and (max-width:750px){
.baselineSp{
	align-self: self-start;
	margin-top: 2.7vw;
}
}
.verticalList li .vLOneColumn{
	display:flex;
	justify-content: flex-start;
	flex-direction: column;
	width: 100%;
}
.verticalList li .subContentLi{
	margin-left:30px;
	margin-top:10px;
}
.verticalList li p.inputInfoTxt{
	width:100% !important;
	margin-left:30px;
}
.verticalList li *:first-child{
	margin-left:0px;
}
.ghostBlock{
	display:none;
}
.ghostBlock.noGhost{
	display:block;
}
.textArea{	
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid var(--inputBrd);
	box-shadow: 4px 4px 2px var(--inputBrdAlpha) inset;
	height: 40px;
	width: 100%;
	max-width: 80%;
	min-height:100px;
	border-radius: 6px;
	padding: 0px 10px;
	font-size: 16px;
	background-color: #FAFBFF;
	outline: none;
}
.cancelBlock{
  display: flex;
  justify-content: flex-end;
  margin-top:-50px;
}
.cancelBlock li{
  float:none;
}
.cancelBlock .btnPageCont{
  height: auto;
}

@media only screen and (max-width:1366px){
.textArea{
	max-width: 100%;
}
.cancelBlock{
  justify-content: flex-start;
  margin-top:0;
}
}
@media only screen and (max-width:750px){
	
.label32{font-size:6.4vw; }
.label25{font-size:5.0vw; }
.label20{font-size:4.0vw; }
.label16{font-size:3.2vw; }

.separator.sepBase > div > .label32,
.separator.sepBase > div > .label25,
.separator.sepBase > div > .label20,
.separator.sepBase > div > .label16,
.separator.sepBase > div > .label{
	padding-left:0;
}
	
.verticalList li .vLOneRowCol{
	display:flex;
	justify-content: flex-start;
	flex-direction: column;
	width: 100%;
}
.labelBoxBase,
.inputBoxBase{
	width:100%;
	max-width:100%;
}
input{	
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.oneBlockTitle{	font-size:6.0vw; margin-bottom:6.0vw;}
.inputInfoTxt{		font-size:3.2vw;}
.inputInfoTxtRed,
.inputInfoTxtGray{		font-size:3.0vw;}
.separator.sepBase > div > .label,
.separator.sepBase .label{
	padding-left:0px;
}
.separator.sepBase > div > .label{
	margin-bottom:1.0vw;
}
.iconTitle{
	width:9vw;
}
.textArea{
	max-width: 100%;
}


.verticalList li{
flex-direction: column;
}

}
.flexCol{
	display:flex;
	flex-direction: column;
}
.flexRow{
	display:flex;
	flex-direction: row;
}
.itemCenter{
	display:flex;
	align-items:center;
}


input[type="text"].compactInp{
	max-width:150px;
}


.special1.verticalList li  input[type=text]{
	height: 30px;
}

.verticalList li .vLOneRow > .noMl{
	margin-left:0px !important;
}
.noPddL{
	padding-left:0px !important;
}
#ghostBlock02 .textArea{
max-width:840px;
width:94%;
}
@media only screen and (max-width:750px){
input[type="text"].compactInp{
	max-width:20vw;
}
.pcImp{
	display:none !important;
}
.vLOneRowCol .vLOneRow{
	margin-bottom:1.0vw;
}
.special1.verticalList >li > input[type=text]{
	height: auto;
}
#ghostBlock02 .textArea{
max-width:94%;
}
}


.fileUpLoadPreview{
	width:100%;
}
.fileUpLoadPreview li{
	width:100%;
	font-size:20px;
	margin-bottom:6px;
	border-bottom:1px solid transparent;
	cursor:pointer;
	font-weight:bold;
	display:flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}
.fileUpLoadPreview li p{
	display:inline-block;
	margin-right:10px;
}
.fileUpLoadPreview li a{
	color:#000;
}
.compact .fileUpLoadPreview li{
	font-size:16px;
	font-weight:500;
}
.compact .fileUpLoadPreview li img{
	max-width:70px;
}


input[type=file]{
	
	display: none;
}

.custom-file-upload {
	display:block;
}
.centerVert{
		display:flex;
	align-items: center;
}
@media only screen and (max-width:750px){
 #preview li p img{
	width:10vw;
}
#preview li{
	font-size:2.0vw;
}
}


#mapCont{
	width:100%;
}
#mapBtnList{
	max-width:800px;
	width:100%;
}
#mapBtnList li{
	display:flex;
	flex-direction: column;
	align-items:stretch;
	width:100%;
	max-width:500px;
}
/*
#mapBtnList li div > *{
	display:inline-block;
}*/
#mapLink{
	width:100%;
	margin-top:10px;
	color:#FFF;
	font-weight:bold;
	display:flex;
	flex-direction: row;
	background-color:var(--clientSubColor);
}
#mapLink span{
	text-align:center;
	font-size:25px;
	line-height:140%;
}

#pointerMovie{
	width:100%;
	max-width:500px;
}
#movieBtn{
	display:flex;
	flex-direction: row;
	align-items:center;
}


@media only screen and (max-width:750px){
.inputBoxBase .btnPage.btnLayout2 .txt{
	line-height:1.4;
}	
#mapLink,
#pointerMovie{
	font-size:3.0vw;
}
#mapLink span{
	text-align:center;
	font-size:4.0vw;
}

.confirm-map a{
	width:90%
}
 #pointerMovie .icon {
    width: 5vw;
  }
#mapLink .icon{
	width:4.0vw;
	margin-right:1.0vw;
}
#pointerMovie .icon img,
#mapLink .icon img{
	width:100%;
}




}

.totalBlock{
	display:flex;
	justify-content:flex-end;
	max-width:500px;
	width:100%;
	float:right;
	flex-direction: column;
}
.totalBlock >div{
	display:flex;
	justify-content:space-between;
	border-bottom:1px solid var( --clientSubColor);
	width:100%;
	margin-bottom:10px;
}
.totalBlock >div p{
	font-size:20px;
	font-weight:bold;
	padding-bottom:10px;
}



@media only screen and (max-width:750px){

.totalBlock >div p{	font-size:4.0vw;}
}






.oneRow.rowCheckInline,
.oneRow.rowCheck{
	display:block;
}
.oneRow.rowCheck > *{
	display:inline-block;
}
.oneRow.rowCheckInline > *{
	display:inline;
}
.oneRow.rowCheckInline >input,
.oneRow.rowCheck > input{
	width:auto !important;
}
.requiredCheck {
  content: "必須";
  position: relative;
  font-size: 14px;
  color: var(--requiredColor);
  display: inline-block;
  font-weight: bold;
  border: 2px solid var(--requiredColor);
  padding: 0px 10px;
  border-radius: 6px;
  line-height: 120%;
}
#preview li.inputResultLabel,
.inputResultLabel{
	font-size:16px !important;
	font-weight:500 !important;
	cursor:default;
}
#preview li.inputResult,
.inputResult{
	font-size:16px !important;
	font-weight:400 !important;
	cursor:default;
}
#preview li.inputResult a{
	
	text-decoration:underline;
	color:#0031FF;
}







.resultTable{
	border-collapse:collapse;
	border-spacing:0px;
	border-top: none;
	width: 100%;
	margin: 50px auto 20px;
}

.resultTable tr {
	margin-bottom:20px;
	display:flex;
	flex-direction:row;
	flex-flow:wrap;
	justify-content:flex-start;
	
}
.resultTable td {
	padding: 10px 10px;
	flex-basis: calc( 100% - 200px ); 
	font-size:16px;
}

.resultTable th,
.resultTable td{
	border:none;
	padding:0px;
	color:#000;
	font-weight: 500;
}

.resultTable td .txt,
.resultTable td .number{
	border:none;
	padding:0px;
	color:#000;
	font-weight: 400;
	font-size:16px;
}
.resultTable th{
	text-align: left;
	flex-basis: 200px; 
	display:block;
	width:100px;
	font-weight:bold;
	font-size:20px;
}
.stillFlowMenu.step5{
	width:100%;
	max-width: 600px;
}
#stillMenu2 .stillFlowMenu.step5{
	width:100%;
	max-width: 970px;
}
.stillFlowMenu.step5 .stillMenuBtn2{
	width:20%;
}
#stillMenu2 .stillMenuBtn2{
	width:25%;
}


.btnPageCont{
	border:1px solid  var(--adminColor);
	background-color: #FFF5EE;
	display: flex;
	justify-content: center;
	align-items: center;
	-moz-column-gap: 14px;
	     column-gap: 14px;
	color: #000;
	font-weight: 500;
	font-size: 25px;
	line-height: 140%;
	height: 100%;
	border-radius: 6px;
	width:90%;
	max-width:470px;
	padding: 1.1rem 3rem;
}
.btnPageCont:hover {
  background: #E3D1C5;
}
.btnPageCont.shadow{
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
}
.btnPageCont.shadow:hover {  background: #E3D1C5;
  box-shadow: 4px 4px 2px rgba(0,0,0,0.125) inset;
}
.statusCheckBtnBlock.btnPageContOpenClose{
	border:1px solid  var(--adminColor);
	background-color: #FFF5EE;
	display: flex;
	justify-content: space-between;
	align-items: center;
	-moz-column-gap: 14px;
	     column-gap: 14px;
	color: #000;
	font-weight: 500;
	font-size: 25px;
	line-height: 140%;
	height: 100%;
	border-radius: 6px;
	width:92%;
	padding: 1.1rem 3rem;
}
.statusCheckBtnBlock.btnPageContOpenClose:hover {
  background: #E3D1C5;
}
.arrowUpDown .icon img{
	transform:rotateX(0deg);
	transition:transform 1s;
}
.arrowUpDown.up .icon img{
	transform:rotateX(180deg);
}



.flexRowList{
	display:flex;
	flex-direction:row;
	align-items: center;
}
.flexColList{
	display:flex;
	flex-direction:column;
	align-items: center;
}
.txtCap{
	font-size:20px;
}


@media only screen and (max-width:1100px){
.resultTable th,
.resultTable td{
	width:100%;
	flex-basis:100%;
}
.labelBoxBase{
	max-width:100%;
}
}


@media only screen and (max-width:750px){
.btnPageCont{
	font-size: 4.2vw;
	line-height: 1.4;
	height: 100%;
	border-radius: 6px;
	width:-moz-max-content;
	width:max-content;
	width:auto;
	padding: 2.0vw 5.0vw;
	max-width:90%;
}
.btnPageCont .icon{
	width:6vw;
}
.btnPageCont .txt{
	text-align:center;
}
.btnPageCont .icon img{
	width:100%;
}
}


input[type="text"].zipSize{
	max-width:180px;

}

#ghostBlock05{
	background-color:#FFF5EE;
	padding:20px;
}

.titleCanc{
	display:flex;
	flex-direction:row;
	item-align:center;
	-moz-column-gap: 14px;
	     column-gap: 14px;
}
@media only screen and (max-width:750px){
  .titleCanc{
    display:block;
  }
}
.txtCanc{
	font-size:15px;
	font-weight:bold;
}
.capCanc{
	font-size:15px;
	font-weight:500;
}

#ghostBlock04{
	margin-left:20px;
	width:calc( 100% - 20px );
}
#choiseChangeBox{
	display:flex;
	flex-flow: wrap;
	flex-direction:column;	
	
}
#choiseChangeBox >li{
	margin-bottom:10px;
}
#choiseChangeBox >li > div{
	width:100%;
	display:flex;
	/* flex-flow: wrap; */
	flex-direction:row;	
	justify-content:flex-start;
	align-items:baseline;
	-moz-column-gap: 10px;
	     column-gap: 10px;
}
@media only screen and (max-width:750px){
  #choiseChangeBox >li{
    margin-bottom:20px;
  }
  
  #choiseChangeBox >li > div{
    flex-flow: wrap;
  }
  
  #choiseChangeBox >li > div .capCanc{
    width:100%;
  }
  
  #choiseChangeBox >li > div>label{
    width:calc(100% - 50px);
  }
}
#reasonBox{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
	-moz-column-gap: 20px;
	     column-gap: 20px;
	flex-flow: wrap;
}
#reasonBox input[type=radio]{
	margin-right:10px;
}
#textArea1{
	max-width:100%;
	margin-top:10px;
	width:100%;
	margin-bottom:20px;
}

.timeSize{
	width:60px;
}
.nameSize{
	width:100px;
}
#submitPhotoChange{
	margin-left:auto;
	margin-right:auto;
	display:block;
	position:relative;
	/*padding-top:1.5rem;*/
}


.lineeSeparetor{
	max-width:500px;
	width:100%;
	height:3px;
	background-color:#EBE1DB;
	margin-top:10px;
	margin-bottom:10px;
	
}
.stillMenuBase.still_indexMenu a{
	text-decoration:none !important;
}
.stillMenuBase .stillMenuBtn2{
	text-decoration:none !important;
}

.stillMenuBase.still_indexMenu .stillFlowMenu .stillMenuBtn2:first-child a.off{
	background: linear-gradient(to right, #E2E2E2 0%,#E2E2E2 75%,rgba(230,250,225,0) 76%,rgba(230,250,225,0) 100%);
}
.stillMenuBase .stillFlowMenu.step5 a.off::after,
.stillMenuBase .stillFlowMenu.step5 a.off::before{
	background: #E2E2E2 !important;
}
.stillMenuBase .cancel a.off .txt,
.stillMenuBase .cancel a.off .number,
.stillMenuBase .hold a.off .txt,
.stillMenuBase .hold a.off .number,
.stillMenuBase .stillFlowMenu.step5 a.off .txt,
.stillMenuBase .stillFlowMenu.step5 a.off .number{
	color:#B5B5B5;
}

.resultTable td .txt{
	line-height:200%;
}

.labCheck label.label16{
	width:80px;
}
@media only screen and (max-width:750px){
.labCheck label.label16{
	width:16.0vw;
}
}
.stillMenuBase .cancel a .txt,
.stillMenuBase .cancel a .number,
.stillMenuBase .hold a .txt,
.stillMenuBase .hold a .number,
.stillMenuBase .stillFlowMenu.step5 a .txt,
.stillMenuBase .stillFlowMenu.step5 a .number,
.stillMenuBase .noCompleted a .txt{
	color:#FFF;
}

.resultTable #stillMenu2  td .txt{
	line-height: 100%;
}

.greenTxt{
	color:#8BD376;
}

.mapResult{
	align-items:center;
}

.mapResult > img{
	margin-right:10px !important;
}

body .oneBlock[data-user="client"]{
	border-left-color: var(--clientSubColor) !important;
}
body .oneBlock[data-user="cameraman"]{
	border-left-color: var(--cameramanColor) !important;
}


.tableCellCenter{
	text-align: center;
}

.maxCont{
	width:-moz-max-content;
	width:max-content;
	padding-left:10px;
	padding-right:10px;
}


.tableList:not(.noBg) tr:nth-child(even){
	background: #F2F2F2 !important;
}
.tableList:not(.noBg)  tr:nth-child(even) td{
	background: none;
}

.displayStatusBlock{
	max-width:-moz-max-content;
	max-width:max-content;
}
.basicBtn{
	width:-moz-max-content;
	width:max-content;
	padding: 1rem 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	-moz-column-gap: 8px;
	     column-gap: 8px;
	color: #FFF;
	font-weight: 500;
	font-size: 25px;
	line-height: 1.4;
	height: 100%;
}

.inputResult{
	pointer-events:none;
}








/* カメラマン */
body[data-user="cameraman"] .totalBlock > div,
.oneBlock[data-user="cameraman"] .totalBlock > div{  border-color: var(--cameramanColor);}
body[data-user="cameraman"] .tabTitle{  border-color: var(--cameramanColor);}
body[data-user="cameraman"] .qAndA{  color: var(--cameramanColor);}
body[data-user="cameraman"] .still_indexSerch .serchBtn{  background-color: var(--cameramanColor);}

/* 顧客ベンダー */
body[data-user="vendor"] .totalBlock > div,
.oneBlock[data-user="vendor"] .totalBlock > div{  border-color: var(--vendorColor);}
body[data-user="vendor"] .tabTitle{  border-color: var(--vendorColor);}
body[data-user="vendor"] .qAndA{  color: var(--vendorColor);}
body[data-user="vendor"] .still_indexSerch .serchBtn{  background-color: var(--vendorColor);}
/* ベトナムスタッフ */
body[data-user="vietnam"] .totalBlock > div,
.oneBlock[data-user="vietnam"] .totalBlock > div{  border-color: var(--vietnamColor);}
body[data-user="vietnam"] .tabTitle{  border-color: var(--vietnamColor);}
body[data-user="vietnam"] .qAndA{  color: var(--vietnamColor);}
body[data-user="vietnam"] .still_indexSerch .serchBtn{  background-color: var(--vietnamColor);}
/* サービス管理者 */
body[data-user="admin"] .totalBlock > div,
.oneBlock[data-user="admin"] .totalBlock > div{  border-color: var(--adminColor);}
body[data-user="admin"] .tabTitle{  border-color: var(--adminColor);}
body[data-user="admin"] .qAndA{  color: var(--adminColor);}
body[data-user="admin"] .still_indexSerch .serchBtn{  background-color: var(--adminColor);}
/* 顧客メイン */
body[data-user="client"] .totalBlock > div,
.oneBlock[data-user="client"] .totalBlock > div{  border-color: var(--clientSubColor);}
body[data-user="client"] .tabTitle{  border-color: var(--clientSubColor);}
body[data-user="client"] .qAndA{  color: var(--clientSubColor);}
body[data-user="client"] .still_indexSerch .serchBtn{  background-color: var(--clientSubColor);}

.still_projectBase  .still_projectBox .stillTable_infoCM {
	width: 100%;
	max-width: 100%;
	border: none;
}
.still_projectBase  .still_projectBox{
	border-radius: 0px;
}

.still_projectBase  .still_projectBox .stillTable_infoCM th,
.still_projectBase  .still_projectBox .stillTable_infoCM td{
  min-width: inherit;
}


.bgRequiredColor{
	background-color:var(--requiredColor);
	border-color:var(--requiredColor);
}
.bgGrayColor{
	background-color:var(--oneBlockBrd);
	border-color:var(--oneBlockBrd);
}

.statusOff{
	background-color:#E2E2E2;
}
.statusOff td{
	opacity:0.5;
}

.cameraManStatus .inCell li{
	height:30px;
}

.cameraManStatus  .tableCellCenter img.selectIcon{
	display:inline-block;
	margin-right:10px;
	vertical-align:middle;
}


.still_index .cameraManStatus td{
	padding:0;
}
.still_index .cameraManStatus td ul.inCell li{
	border-top: none;
}
.still_index .cameraManStatus td ul.inCell li:not(:first-child){
	margin-top: 0px;
	padding-top: 0px;
	border-top: 2px dashed #C9C9C9;
}


.ancTitle{
	font-size:32px;
	font-weight:bold;
	margin-bottom:30px;
}
.ancTxt{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}
.inputBlock{
	width:100%;
	margin-bottom:30px;
}


.messagePage{
	font-size:25px;
	font-weight:bold;
}

.listRadio{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	-moz-column-gap: 20px;
	     column-gap: 20px;
	flex-flow: wrap;
}
.listRadio input[type="radio"] {
  margin-right: 10px;
}
@media only screen and (max-width:750px){
.lh76Sp{	line-height: 7.6vw;}
.lh60Sp{	line-height: 6.0vw;}

.inputBoxBase .verticalList,
.inputBoxBase select,
.inputBoxBase textarea,
.inputBoxBase input[type="text"]:not(.compactInp){/*border:10px solid #F00;*/
	margin-top: 1.5vw;
	margin-bottom: 1.5vw;
}
.indentSpaceSp{
	padding-left:5.0vw;
}
.ancTitle{	font-size:6.2vw;}
.ancTxt{	font-size:4.0vw;}
.messagePage{	font-size:5.0vw;}
.txtCanc{	font-size:3.0vw;}
.listRadio li{
	width:100%;
	margin-bottom:10px;
}
}


.qAndABoxBase{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:10px;
}
.qAndA{
	font-size:32px;
	font-weight:bold;
		width:5%;
	text-align:center;
}
.aBox{
	display:none;
	border-top:4px solid #DDD;
	margin-top:40px;
	padding-top:40px;
}
.qAndAText{
	font-size:16px;
	 width:90%;
}
.qAndABtn{
width:5%;
	display:flex;
	justify-content:center;
}
.qAndABtn img{
	transform: rotateX(0deg);
	transition: transform 0.5s;
	cursor:pointer;
}
.qAndABtn.open img{
	transform: rotateX(180deg);
}

.tabTitle{
	font-size:30px;
	font-weight:500;
	border-bottom:3px solid;	
	padding-bottom:20px;
	text-indent:70px;
}
#tabChange a.active{
	cursor:default;
}
#tabChange a{
	cursor:pointer;
}
.blockTab.visTab{
	display:block;
}
.blockTab{
	display:none;
}
.twoRowTxt{
	height:104px;
	padding-top:2rem;
}
@media only screen and (max-width:750px){
.qAndA{
	font-size:6.4vw;
	width:auto;
}
.tabTitle{
	font-size:6.0vw;
	text-indent:7.0vw;
}
.aBox{
	display:none
}
.qAndAText{
	font-size:3.2vw;
	width:auto;
}
.qAndABtn{
	width:auto;
}
}

.compactBtn{
	padding: 1rem 5rem;
	line-height:120%;
}


.statusCheckBtnBlock{
	width:initial;
	margin-left:auto;
	margin-right:auto;
}


.separetorBrdBox{
	border: 1px solid #FFF;
	box-shadow: 4px 4px 2px var(--inputBrdAlpha) inset;
	width:100%;
	height:6px;
	border-radius: 3px;
	margin:40px auto;
}


.progress{
	width:96%;
	margin:40px auto;
}
.progress.step3{
	max-width:450px;
}
.progress.step5{
	max-width:820px;
}
.progress li{
	width:90px;
	margin-right:90px;
	float:left;
	position:relative;
}
.progress.step3 li{
	width:20%;
	margin-right:20%;
	float:left;
	position:relative;
}
.progress.step5 li{
	width:11.1111%;
	margin-right:11.1111%;
	float:left;
	position:relative;
}
.progress li:before{
	content:"";
	position:absolute;
	left:100%;
	top:30px;
	width:100%;
	border-top:2px solid #B5B5B5;
}
.progress li.end:before{
	border-color:#1D417A;
}

.progress li:last-child{
	margin-right:0px;
}
.progress li:last-child:before{
	display:none;
}
.progress li .progrText{
	font-size:15px;
	color:#B5B5B5;
	text-align:center;
}
.progress li.current .progrText{
	color:#1D417A;
}

.progress li .progrIcon{
	width:40px;
	height:40px;
	margin:10px auto;
	background-color:#B5B5B5;
	border:10px solid #B5B5B5;
	text-align:center;
	border-radius: 20px;	
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.progress li.current .progrIcon{
	border-color:#1D417A;
	background-color:#FFF;
}
.progress li.end .progrIcon{
	border-color:#1D417A;
	background-color:#1D417A;
}


@media only screen and (max-width:750px){
.progress li .progrText{
	font-size:2.5vw;
}	
.progress li:before{
	left:105%;
	width:90%;
}	
}

.thanks{
	font-size:45px;
	font-weight:bold;
	text-align:center;
	line-height:160%;
	color:var( --clientSubColor );
}
@media only screen and (max-width:750px){

.thanks{
	font-size:8.8vw;
}
}

.tableSet1 li div{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
grid-gap: 10px 30px;
}
.tableSet1 li{
	float:none;
}
.timeSpace{	width:100px;}
.space2{	width:140px;}
@media only screen and (max-width:750px){
.tableSet1 li div{
	font-size:3.0vw;
}
.timeSpace{	width:23.0vw;}
.space2{	width:34.0vw;}
}


.boxContScroll{
	display:block;
	width:100%;
	overflow-x:auto;
}
.schedule1{
	width:100%;
	min-width:800px;
/* 	display:table; */
	font-size:20px;
	font-weight:bold;
}
.schedule1 tr{
	border-bottom:1px solid #F2F2F2;
	width:100%;
}
.schedule1 tr td{
	padding:10px;
}
.schedule1 tr td:nth-child(1){
	width:150px;
}
.schedule1 tr td:nth-child(1),
.schedule1 tr td:nth-child(3){
	text-align:right;
	width:150px;
}
.schedule1 .txt16{
	font-size:16px;
	font-weight:400;
}


.totalBlock16{
	display:flex;
	justify-content:flex-end;
	max-width:500px;
	width:100%;
	float:right;
	flex-direction: column;
	border-bottom:2px solid var( --clientSubColor);
}
.totalBlock16.noBrd{
	border-bottom:none;
}
.totalBlock16 >div{
	display:flex;
	justify-content:space-between;
	width:100%;
	margin-bottom:10px;
}
.totalBlock16 >div p{
	font-size:16px;
	font-weight:400;
	padding-bottom:10px;
}
.totalBlock16 >div p.label20{
	font-size:20px;
	font-weight:bold;
	padding-bottom:10px;
}


.tableSet2,
.tableSet2 li,
.tableSet2 li div{
	width:100%;

}
.tableSet2{
	width:90%;
	margin-left:auto;
	margin-right:auto;

}
.tableSet2 li div{
display: flex;
justify-content: flex-start;
 align-items: flex-start; 
flex-wrap: wrap;
grid-gap: 10px 30px;
}
.tableSet2 li{
	float:none;
	font-size:20px;
	font-weight:bold;
}



.tableSet2 li div span:nth-child(3) {
    margin-left:100px;
}



@media only screen and (max-width:750px){
.tableSet2 li div{
	font-size:3.0vw;
}
.tableSet2 li div span:nth-child(3) {
    margin-left:0px;
}
.tableSet2 li{
	margin-bottom:20px;
}

}


.still1Table{
	min-width:1290px;
	width:100%;
}
.still1Table * span{
	display:block;
	font-size:16px;
	text-align:center;
	width:100%;
}

.still1Table.still_index thead tr th{
	font-size:16px;
}
.still1Table.still_index tbody.col5SpecialSize tr td:nth-child(5){
	font-size:12px;
}
.still1Table * span.icon{
	width:24px;
}
.still1Table * span.icon img{
	max-width:100%;
}
.still1Table td{
	padding:0.5rem;
}
.still1Table .btnPage {
  padding: 0.5rem 1.5rem;
}
.still1Table .btnPage .txt{
	font-size:20px !important;
	width:-moz-max-content;
	width:max-content;
}

.multiElem span{
	display:inline-block;
	margin-right:20px;
}
.noMarg{
	margin:0px !important;
}


.simpleBox{
	width:calc( 100% - 50px );
	margin-left:50px;
	margin-bottom:20px;
}
.simpleTxt{
	font-size:16px;
	font-weight:400;
}
.gridStyle1,
.gridStyle1 div{
	width:100%;
}
.gridStyle1 th{
	padding-right:50px;
}
.gridStyle1 td{
	padding-right:10px;
}


.oneColGridStyle1{
	margin-bottom:20px;
}

.simpleBox a.linkTxt{
	text-decoration:underline;
	color:#0031FF;
}
a.linkTxtUnder{
	text-decoration:underline;
	color:#0031FF;
	display:inline-block;
}
.tinyBtn{
	width:-moz-max-content;
	width:max-content;
	padding:1rem 2.5rem;
}
.btnLayout4Green{
	background-color:#8FB130;
	color:#FFF;
}
.simpleTxtSeparetor{
	width:100%;
	position:relative;
}
.simpleTxtSeparetor span{
	display:inline-block;
	background-color:#FFF;
	/*padding-right:100px;*/
	width:250px;
	font-size:25px;
	font-weight:bold;
	z-index:2;
	position:relative;
}
.simpleTxtSeparetor:before{
	position:absolute;
	left:0px;
	top:50%;
	content:"";
	width:100%;
	border-top:2px solid;
	z-index:1;
}


body[data-user="cameraman"] .oneBlock  .simpleTxtSeparetor{
  color: var(--cameramanColor);
}
body[data-user="cameraman"] .oneBlock  .simpleTxtSeparetor:before{
  border-color: var(--cameramanColor);
}

.gridStyle1 th.btnCol{
	width:calc( 100% - 300px );
	padding-right:0px;
}
.twoBtn{
	width:-moz-max-content;
	width:max-content;
	float:right;
}
@media only screen and (max-width:1100px){
.gridStyle1 th.btnCol,
.gridStyle1{
	width:100%;
}
.gridStyle1 tr th{
	width:100%;
	display:block;
}
.twoBtn{
	width:100%;
	float:none;
}
}
@media only screen and (min-width:751px) and (max-width:1100px){
.submit.btnPage{
	line-height:3.2;
}
}

.separeteSpace.longSepa{
	max-width:100%;
	width:98%;
	margin-top:40px;
	margin-bottom:40px;
}

.labGreen{
	color:var(--cameramanColor);
	margin-bottom:20px;
}

.alertNoticeRed{
  width:100%;
  padding:25px 30px;
  border:3px solid #F53240;
  border-radius: 10px;
  display:flex;
 /* justify-content: space-between;*/
  align-items: center;
  gap:28px;
  background: rgba(245,50,64,.1);
  font-size: 25px;
  font-weight: bold;
  color: #F53240;
  box-sizing: border-box;
}
.simpleNoticeRed{
	width:-moz-max-content;
	width:max-content;
	padding:25px 30px;
	border:3px solid #F98B93;
	border-radius: 10px;
	display:flex;
	/* justify-content: space-between;*/
	align-items: center;
	gap:28px;
	background: #FFF;
	font-size: 20px;
	font-weight: bold;
	color: #F53240;
	box-sizing: border-box;
}
.gridStyle1 .btnCol div.simpleNoticeRed{
	width: -moz-max-content;
	width: max-content;
	float: right;
}

select.wAuto{
	width:auto !important;
}


select.miniSizeSelect{
	height:30px;
}

.nCondGreen{
	background-color:rgba(32,118,29,0.1);
}
.mini.unifi{
	padding-right:0px
}

.inputBox .mb10 {
    display: flex;
    align-items: center;
    gap: 8px;
}

label {
    cursor: pointer;
}

/*
    
VDWWD Google Maps Drag & Drop

https://www.vanderwaal.eu
https://jqueryui.com
https://developers.google.com/maps/documentation

*/

.map_container {
    max-width: 600px;
	width:100%;
    height: 500px;
	float:left;
	background-color: var(--btnBgColor);
	box-shadow: 4px 4px 2px rgba(0,0,0,0.125) inset;
	
border: 1px solid var(--inputBrd);
border-radius: 6px;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
overflow:hidden;
}

.map_dragdrop {
    width: 100%;
    height: 100%;
}

.map_icon_container {
    font-size: 12px;
    font-weight: bold;
    width: 500px;
	float:left;
	display:none;
}


.map_button {
    width: 150px;
}


@media (max-width: 750px) {
    .map_icon_container div {
        float: left;
        width: 20%;
    }
}


#map_results{
	width:300px;
	height:300px;
	border:1px solid #F00;
	display:none;
}
.baseFrame {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
}

.menuFrame {
  position: fixed;
  top: 0;
  /* 上下の固定位置を上から0pxにする */
  left: 0;
  /* 左右の固定位置を左から0pxにする */
  width: 100%;
  height: 75px;
  border: solid 0px;
  background-color: honeydew;
}

.mainFrame {
  width: 100%;
  margin: 0 1px;
  padding: 3px;
  padding-top: 80px;
  border: solid 0px;
  overflow: auto;
  background-color: snow;
}

.btnred-push {
  display: inline-block;
  max-width: 300px;
  text-align: left;
  background-color: #dc143c;
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 4px;
  border-bottom: 4px solid #dcdcdc;
}

.btnred-push:active {
  transform: translateY(4px);
  border-bottom: none;
}

.btngray-push {
  display: inline-block;
  max-width: 300px;
  text-align: left;
  background-color: #808080;
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 4px;
  border-bottom: 4px solid #dcdcdc;
}

.btngray-push:active {
  transform: translateY(4px);
  border-bottom: none;
}

.btnblue-push {
  display: inline-block;
  max-width: 300px;
  text-align: left;
  background-color: #0000cd;
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 4px;
  border-bottom: 4px solid #dcdcdc;
}

.btnblue-push:active {
  transform: translateY(4px);
  border-bottom: none;
}

.btnwhite-push {
  display: inline-block;
  max-width: 300px;
  text-align: left;
  background-color: #fffff0;
  font-size: 16px;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 4px;
  border-bottom: 4px solid #dcdcdc;
}

.btnwhite-push:active {
  transform: translateY(4px);
  border-bottom: none;
}

.table2 {
  border-collapse: collapse;
}

.table2 th,
.table2 td {
  border: 1px solid gray;
}


/* === ボタンを表示するエリア ============================== */
.switchArea {
  line-height: 52px;
  /* 1行の高さ          */
  letter-spacing: 0;
  /* 文字間             */
  text-align: center;
  /* 文字位置は中央     */
  font-size: 23px;
  /* 文字サイズ         */

  position: relative;
  /* 親要素が基点       */
  margin: auto;
  /* 中央寄せ           */
  width: 252px;
  /* ボタンの横幅       */
  background: #fff;
  /* デフォルト背景色   */
}

/* === チェックボックス ==================================== */
.switchArea input[type="checkbox"] {
  display: none;
  /* チェックボックス非表示 */
}

/* === チェックボックスのラベル（標準） ==================== */
.switchArea label {
  display: block;
  /* ボックス要素に変更 */
  box-sizing: border-box;
  /* 枠線を含んだサイズ */
  height: 52px;
  /* ボタンの高さ       */
  border: 2px solid #4da6ff;
  /* 未選択タブのの枠線 */
  border-radius: 26px;
  /* 角丸               */
}

/* === チェックボックスのラベル（ONのとき） ================ */
.switchArea input[type="checkbox"]:checked+label {
  border-color: #ff4d4d;
  /* 選択タブの枠線     */
}

/* === 表示する文字（標準） ================================ */
.switchArea label span:after {
  content: "OK";
  /* 表示する文字       */
  padding: 0 0 0 31px;
  /* 表示する位置       */
  color: #4da6ff;
  /* 文字色             */
}

/* === 表示する文字（ONのとき） ============================ */
.switchArea input[type="checkbox"]:checked+label span:after {
  content: "NG";
  /* 表示する文字       */
  padding: 0 31px 0 0;
  /* 表示する位置       */
  color: #ff4d4d;
  /* 文字色             */
}

/* === 丸部分のSTYLE（標準） =============================== */
.switchArea #swImg {
  position: absolute;
  /* 親要素からの相対位置*/
  width: 44px;
  /* 丸の横幅           */
  height: 44px;
  /* 丸の高さ           */
  background: #4da6ff;
  /* カーソルタブの背景 */
  top: 4px;
  /* 親要素からの位置   */
  left: 4px;
  /* 親要素からの位置   */
  border-radius: 22px;
  /* 角丸               */
  transition: .2s;
  /* 滑らか変化         */
}

/* === 丸部分のSTYLE（ONのとき） =========================== */
.switchArea input[type="checkbox"]:checked~#swImg {
  transform: translateX(200px);
  /* 丸も右へ移動       */
  background: #ff4d4d;
  /* カーソルタブの背景 */
}


/* form-nav */

.progressbar {
  display: flex;
  flex-wrap: wrap;
}

.progressbar .item {
  width: 9%;
  text-align: center;
  position: relative;
  align-items: center;
  justify-content: center;
  padding: 13px 0;
  line-height: 1.5;
  background: #F5F5F5;
  color: #999999;
}

.progressbar .item:not(:last-child)::before,
.progressbar .item:not(:last-child)::after {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 100%;
  content: '';
  border: 37px solid transparent;
  border-left: 20px solid #F5F5F5;
  margin: auto;
}

.progressbar .item:not(:last-child)::before {
  margin-left: 1px;
  border-left-color: #FFF;
}

@media screen and (max-width: 767px) {
  .progressbar .item {
    font-size: 11px;
    line-height: 1.4;
    padding: 10px 0;
  }

  .progressbar .item:not(:last-child)::before,
  .progressbar .item:not(:last-child)::after {
    border-width: 25px;
    border-left-width: 12px;
  }
}

/* active */

.progressbar .item.active {
  z-index: 1;
  background: #0070BD;
  color: #FFF;
}

.progressbar .item.active:not(:last-child)::after {
  border-left-color: #0070bd;
}

.progressbar .item.active:not(:last-child)::before {
  border-left: none;
}

/* 装飾 */

body {
  margin: 40px;
}

iframe.pview {
  width: 100vw;
  height: 100vh;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}

.pviewBtn1 {
  position: relative;
}

.pviewBtn1 a {
  position: absolute;

  left: 35%;
  transform: translate(-50%, -50%);
}

.pviewBtn2 {
  position: relative;
}

.pviewBtn2 a {
  position: absolute;

  left: 45%;
  transform: translate(-50%, -50%);
}

.pviewBtn3 {
  position: relative;
}

.pviewBtn3 a {
  position: absolute;

  left: 55%;
  transform: translate(-50%, -50%);
}

.pviewBtn4 {
  position: relative;
}

.pviewBtn4 a {
  position: absolute;

  left: 65%;
  transform: translate(-50%, -50%);
}

.tooltip5 {
  position: relative;
  cursor: pointer;
  display: inline-block;
}

.tooltip5 img {
  width: 20px;
}

.description5 {
  display: none;
  position: absolute;
  padding: 10px;
  font-size: 12px;
  line-height: 1.6em;
  color: #fff;
  border-radius: 5px;
  background: #000;
  width: 300px;
}

.description5:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border: 15px solid transparent;
  border-top: 15px solid #000;
  margin-left: -15px;
}

.tooltip5:hover .description5 {
  display: inline-block;
  top: -90px;
  left: -140px;
}

/* 点滅 */
.blinking {
  animation: blink 2s ease-in-out infinite alternate;
}

@keyframes blink {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* Position */
.popup {
  display: block;
}

.popup__content {
  display: none;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 5%;
  transform: translateX(-50%);
  width: 560px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  background-color: #fefefe;
  border-radius: 10px;
  padding: 10px;
}

.content__image-info::-webkit-scrollbar {
  width: 4px;
  background-color: #F5F5F5;
}

.content__image-info::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #555353;
}

.content__image-info::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.popup__content--show {
  display: block;
}


.popup__bg {
  position: fixed;
  display: none;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}

.popup__bg--show {
  display: block;
}

.content__image-position {
  position: relative;
  height: 60%;
  border: 2px dashed gray;
  border-radius: 5px;
  z-index: 3;
  cursor: pointer;
}

.content__image-info {
  padding: 10px 0;
}

.image-position__img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.image-position__btn {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  color: #2f3542;
  border-radius: 50%;
  border: 1px solid #2f3542;
  font-size: 24px;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease-in;
  cursor: pointer;
}
.image-position__btn:active,
.image-position__btn:hover {
  color: #ffffff;
  background-color: #2f3542;
}
.image-position__btn--prev {
  left: 2.5%;
}
.image-position__btn--next {
  right: 2.5%;
}
.info__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 5px 0;
  font-size: 12px;
}
.info__item--action {
  margin: 10px 0;
  justify-content: space-evenly;
}
.info__item--flex-start {
  justify-content: flex-start;
}
.info__item--content-center {
  justify-content: center;
}
.memo__btn {
  --bs-btn-color: #2f3542;
  --bs-btn-border-color: #2f3542;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2f3542;
  --bs-btn-hover-border-color: #2f3542;
  --bs-btn-focus-shadow-rgb: 203, 12, 159;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2f3542;
  --bs-btn-active-border-color: #2f3542;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #2f3542;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2f3542;
  --bs-gradient: none;
  display: inline-block;
  padding: 8px 12px;
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 1px solid var(--bs-btn-border-color);
  border-radius: 10px;
  background-color: #fff;
  transition: all 0.15s ease-in;
}
.memo__btn:hover,
.memo__btn:active {
  --bs-btn-bg-color: #2f3542;
  --bs-btn-hover-color: #fff;
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-bg-color);
}
.memo__btn--add {
  width: auto;
}
.memo__btn--submit {
  width: 48%;
  --bs-btn-bg-color: rgb(255, 153, 255);
  --bs-btn-hover-color: #fff;
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-bg-color);
  border-color: rgb(255, 153, 255);
}
.memo__btn--back {
  width: 48%;
  --bs-btn-bg-color: rgb(217, 217, 217);
  --bs-btn-hover-color: #fff;
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-bg-color);
  border-color: rgb(217, 217, 217);
}
.memo__btn--back:hover,
.memo__btn--back:active {
  --bs-btn-bg-color: rgb(183, 180, 180);
  --bs-btn-hover-color: #fff;
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-bg-color);
}
.memo__btn--submit:hover,
.memo__btn--submit:active {
  --bs-btn-bg-color: rgb(239, 42, 239);
  --bs-btn-hover-color: #fff;
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-bg-color);
}
.memo__number {
  font-size: 16px;
  background-color: #eccc68;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item__label {
  width: 25%;
  margin-top: 5px;
  font-weight: 400;
  white-space: pre-line;
}
.item__setting {
  width: calc(75% - 120px);
}
.item__setting--line {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 5px 0;
}
.item__setting--line input {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.item__setting--line textarea {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.item__setting--line select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.item__setting--line input,
.item__setting--line select:nth-child(2) {
  margin-left: 5px;
}
.item__intended-date {
  margin-top: 5px;
}
.item__image {
  width: 100px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  cursor: pointer;
  margin-left: 20px;
}
.item__image.hover {
  outline: 2px dashed gray;
}
.image--s48 {
  height: 40px;
  width: 40px;
  z-index: 4;
  transform-origin: center 15px;
}
.pointer-drap {
  display: none;
  z-index: 4;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 500px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  background-color: #fefefe;
  border-radius: 10px;
  padding: 10px;
}
.pointer-drap__area {
  border: 2px dashed gray;
  border-radius: 10px;
}
.pointer-drap__area--img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.pointer-drap__area--pointer {
  position: relative;
  width: 40px;
  height: 40px;
}
.pointer-drap--show {
  display: block;
}
.pointer-drap__bg {
  z-index: 3;
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.pointer-drap__bg--show {
  display: block;
}
.pointer-drap__action {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 10px;
}
.memo__btn--edit {
  width: 48%;
  --bs-btn-bg-color: rgb(255, 153, 255);
  --bs-btn-hover-color: #fff;
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-bg-color);
  border-color: rgb(255, 153, 255);
}
.memo__btn--save {
  width: 48%;
  --bs-btn-bg-color: rgb(217, 217, 217);
  --bs-btn-hover-color: #fff;
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-bg-color);
  border-color: rgb(217, 217, 217);
}
.memo__btn--save:hover,
.memo__btn--save:active {
  --bs-btn-bg-color: rgb(183, 180, 180);
  --bs-btn-hover-color: #fff;
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-bg-color);
}
.memo__btn--edit:hover,
.memo__btn--edit:active {
  --bs-btn-bg-color: rgb(239, 42, 239);
  --bs-btn-hover-color: #fff;
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-bg-color);
}



/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }

    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	min-width: 120px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 11px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

@charset "utf-8";

.calendarStyle{
	width:100%;
}
.calendarStyle th{
	background-color:#C9C9C9;
}
.calendarStyle th.evid{
	background-color:#AFAFAF;
	border-bottom:1px solid #FFF;
}
.calendarStyle tr td,
.calendarStyle tr td > *{
	text-align:center;
	float:none;
	margin-left:auto;
	margin-right:auto;
	font-size:25px;
}
.calendarStyle tr td span{
	color:#000;
	font-size:60%;
	margin-left:10px;
	font-weight:500;
}
.calendarStyle tr.sunday td:nth-child(1){
	background-color:#F5DCDE;
}
.calendarStyle tr.sunday td:nth-child(1) span{
	color:#F53240;
}
.calendarStyle tr td .inputNum{
	width:80px;
	font-size:20px;
}
.calendarStyle tr td .iconCale,
.calendarStyle tr td .inputNum{
	display:none;
}
.calendarStyle tr td .iconCale.vis,
.calendarStyle tr td .inputNum.vis{
	display:block;
}
input[type="number"].inputNum.readonly{
	border:none;
	box-shadow:none;
  -moz-appearance: textfield; /* Firefox */
}

input[type="number"].inputNum.readonly::-webkit-inner-spin-button,
input[type="number"].inputNum.readonly::-webkit-outer-spin-button {
  -webkit-appearance: none; /* WebKit */
  margin: 0; /* Aggiunto per alcuni browser */
}
.calenderMenu{
	display:flex;
	justify-content:space-between;
  align-items: center;
	width:100%;
	margin-bottom:60px;	
}
.calenderMenu li span{
	font-size:20px;
	color:#000;
	font-weight:bold;
}
.calenderMenu li .btnPage{
	padding:20px 50px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.currentDate{
	font-size:40px;
	font-weight:bold;
  text-align: center;
}
.currentDate span{
  display: inline-block;
}

.calenderMenu li:not(.currentDate){
  white-space: nowrap;
}

@media only screen and (max-width:750px){
.calenderMenu li .btnPage{
	padding:3.0vw 2.5vw;
}
.currentDate{
	font-size:5.0vw;
}
.calenderMenu li span{
	font-size:4.0vw;
}
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    transition: opacity .15s linear;
    background-color: #82878769;
}

.modal__dialog {
    position: relative;
    width: 90%;
    margin: 0.5rem;
    pointer-events: none;
    transition: transform .3s ease-out;
    transform: translate(0, -50px);
    margin: 1.75rem auto;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.modal.show .modal__dialog {
    transform: none;
}

.modal.modal__child.show .modal__dialog {
    max-width: unset;
    width: 860px;
}

.image-position__btn span {
    line-height: 10px;
    margin-bottom: 5px;
}

.modal__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 15px;
}

body:has(.modal.show) {
    overflow-y: hidden;
}

[x-cloak] {
    display: none !important;
}

.modal-image-drag {
    height: 800px !important;
    width: 100% !important;
}

.modal .modal__dialog .stamp:not(.active-pointer) {
    pointer-events: all !important;
    opacity: 1 !important;
}

.modal .modal__dialog .stamp.active-pointer {
    pointer-events: unset !important;
    opacity: 0.5 !important;
}

.modal .modal__dialog .item__image {
    pointer-events: none;
    opacity: .5;
}

.modal .modal__dialog .info__item {
    position: relative;
}

.modal .modal__dialog .item__image.sample.XY {
    position: absolute !important;
    right: 41px !important;
    top: 5px !important;
    display: block !important;
    margin: 0 !important;
}

.modal .modal__dialog .item__image.sample.ZZ {
    position: absolute !important;
    right: 0 !important;
    top: 5px !important;
    display: block !important;
    margin: 0 !important;
}

.modal .modal__dialog .item__image.sample.XY img {
    width: 100% !important;
    max-height: 60px !important;
    border: 1px solid black !important;
    padding: 5px 20px !important;
}

.modal .modal__dialog .item__image.sample.ZZ img {
    width: unset !important;
    max-height: 60px !important;
    border: 1px solid black !important;
    padding: 5px 20px !important;
}

.modal .modal__dialog button.memo__btn.modal__btn {
    min-height: 50px;
    width: 110px;
}

.modal .modal__dialog .modal__btn.disabled {
    color: #B5B5B5 !important;
    background: #E2E2E2 !important;
    pointer-events: none;
    cursor: not-allowed;
    border: none;
}

.modal .modal__dialog .info__item--align-center {
    align-items: center !important;
}

.modal .modal__dialog .info__item--align-center input[type="checkbox"] {
    width: 10px !important;
    height: 10px !important;
}

.modal .modal__dialog .touchsDrag {
    display: flex;
    justify-content: space-around;
}

.modal .modal__dialog .touchsDrag .stamp {
    width: auto !important;
    height: auto !important;
}

.modal .modal__dialog .touchsDrag .stamp img {
    width: 100%;
    height: 100%;
}

.modal .modal__dialog .touchsDrag .stamp.disabled-pointer {
    display: none;
    pointer-events: none;
}

.modal .modal__dialog .instructionExplanation .ieflexBox3 {
    justify-content: space-evenly !important;
}

.modal__dialog .upLoadFileList li {
    margin-bottom: 0 !important;
}

.modal__dialog .containerWrap {
    outline: 1px solid black;
    margin-top: 10px;
}

.modal--close {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (min-width: 768px) {
    .modal__dialog .pageSectionTitle.mbc20 {
        margin-bottom: 20px !important;
    }

    .modal__dialog .instructionExplanation .ieflexBox3 .stampCard dl {
        margin-top: 20px !important;
    }

    .modal__dialog .instructionExplanation .ieflexBox3 {
        margin-top: 30px !important;
    }

    .modal__dialog .modal-body {
        overflow-y: scroll;
        height: calc(100vh - 3.5rem - 40px);
    }
}

@media only screen and (max-width: 768px) {
    .modal__dialog.isMobile {
        width: 100% !important;
        max-width: unset !important;
        margin: 0 !important;
    }

    .modal__dialog.isMobile .modal-body {
        padding: 0 !important;
    }

    .modal .modal__dialog .pageSectionTitle {
        width: 90%;
        margin-top: 35px;
    }

    .modal.modal__child.show .modal__dialog {
        max-width: unset;
        width: 94%;
    }

    .modal .modal__dialog .upLoadFileLists li p.fileDelBtns,
    .modal .modal__dialog .upLoadFileLists li span {
        width: 50%;
    }

    .modal .modal__dialog .instructionExplanation.checkPage .ieflexBox1 {
        justify-content: space-between;
        flex-wrap: wrap;
        grid-row-gap: 50px !important;
    }

    .modal .modal__dialog .ieflexBox2.mt20 {
        margin-top: 20px !important;
    }

    .modal .modal__dialog span.txt.taCenter {
        line-height: 30px;
    }

    .modal__dialog .seen-mode {
        flex-direction: row-reverse;
        align-items: end;
    }
}

@media only screen and (max-width: 1100px) {
    .modal .modal__dialog .instructionExplanation .ieflexBox2 {
        margin-top: 0 !important;
    }
}

.modal_show_file .modal__dialog {
    width: auto;
}

.modal_show_file .modal-body {
    height: auto;
    overflow-y: none;
}

.modal_show_file .modal__dialog {
    box-shadow: none;
}

body {
	margin: 0px!important;
  }

.loading {
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	pointer-events: none;
}

.loading-content {
	position: absolute;
	border: 16px solid #f3f3f3;
	border-top: 16px solid #3498db;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	top: 40%;
	left: 47%;
	animation: spin 2s linear infinite;
}

.top-menu {
	margin-left: auto;
	margin-right: auto;
}

.top-menu tr td {
	text-align: center;
}

ul.alert-danger {
	max-width: 1520px;
	width: 90%;
	color: red;
	display: grid;
	margin: 35px auto 0;
}

ul.alert-danger li {
	width: 90%!important;
	color: red;
	display: grid;
}

ul.error-dup {
	width: 100%!important;
}

.custom-file-upload {
	width: 157px;
}

.emailFormItem {
	width: 365px;
}

.emailFormItem input {
	height: 60px;
	line-height: 60px;
	padding-left: 62px;
	width: 100%;
}

.emailFormItem input#eml_add {
	background-image: url(/images/icon_loginid.svg?cc2b7935e533815ce068ee9b8dc79e06);
	background-repeat: no-repeat;
	background-position: left 20px center;
}

.emailFormItem input#password {
	background-image: url(/images/icon_loginpw.svg?91e7f748a26e05978db0bb6a12207daa);
	background-repeat: no-repeat;
	background-position: left 20px center;
}

.emailFormItem input#password_confirmation {
	background-image: url(/images/icon_loginpw.svg?91e7f748a26e05978db0bb6a12207daa);
	background-repeat: no-repeat;
	background-position: left 20px center;
}

.formErrorContent.inactive {
	display: none;
}

.formErrorArrow.inactive {
	display: none;
}

.charge_cutoff_dt {
	font-size: 20px !important;
}

.charge_tgt {
	font-size: 20px !important;
}

#charge_cutoff_dt {
	max-width: 200px !important;
	width: 90% !important;
}

#charge_tgt {
	max-width: 200px !important;
	width: 98% !important;
}

.content-normal {
  justify-content: normal;
}

.display-flex {
  display: flex;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* Input number day off */
input[data="number-day-off"] {
	border: 1px solid var(--inputBrd);
	box-shadow: 4px 4px 2px var(--inputBrdAlpha) inset;
	height: 40px;
	border-radius: 6px;
	padding: 0px 10px;
	font-size: 14px;
	background-color: #FAFBFF;
	outline: none;
}

input[data="number-day-off"].inputNum.readonly {
	border: none;
	box-shadow: none;
	-moz-appearance: textfield;
	/* Firefox */
}

input[data="number-day-off"].inputNum.readonly::-webkit-inner-spin-button,
input[data="number-day-off"].inputNum.readonly::-webkit-outer-spin-button {
	-webkit-appearance: none;
	/* WebKit */
	margin: 0;
	/* Aggiunto per alcuni browser */
}

p.label.nguser {
	font-size: 18px;
}

p.label.invoice {
	font-size: 16.2px;
}

input[data="pjt_rwrd"] {
	border: 1px solid var(--inputBrd);
	box-shadow: 4px 4px 2px var(--inputBrdAlpha) inset;
	height: 40px;
	border-radius: 6px;
	padding: 0px 10px;
	font-size: 14px;
	background-color: #FAFBFF;
	outline: none;
	width: 110px;
}

/* Tooltip container */
.tooltip {
	position: relative;
}

/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;

	/* Position the tooltip text */
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;

	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

/* Seen flg popup */
.seen-mode {
	display: flex;
	justify-content: space-between;
	max-width: 1520px;
    margin: 0 auto;
}

.seen-mode .ieflexBox1 {
	justify-content: flex-start !important;
	align-items: center !important;
	gap: 10px !important;
	font-size: large !important;
	font-weight: 600 !important;
}

.seen-mode .ieflexBox1 img {
	width: 30px;
}

.error-page .content {
	width: 80%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

input[type="file"].invisibleFileInputCustom {
	display: block !important;
	visibility: hidden !important;
	height: 0;
}

/* Pagination */
.pagination-bar {
	width: 100%;
	display: flex;
	justify-content: center;
}

.pagination-info {
	font-weight: 500;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.pagination-container {
	display: flex;
	list-style-type: none;
}

.pagination-container .pagination-item {
	padding: 0 12px;
	height: 32px;
	text-align: center;
	margin: auto 4px;
	display: flex;
	box-sizing: border-box;
	align-items: center;
	letter-spacing: 0.01071em;
	line-height: 1.43;
	color: #b5b5b5;
	font-size: 20px;
	min-width: 32px;
}

.pagination-container .pagination-item.selected {
	color: rgba(0, 0, 0, 0.87);
	border-bottom: 2px solid #a50d05;
}

.pagination-container .pagination-item.arrow {
	align-items: center;
	border: 2px solid #ddd;
	border-radius: 10px;
	display: flex;
	height: 45px;
	justify-content: center;
	width: 45px;
	cursor: pointer;
}

.pagination-container .pagination-item.arrow.next img {
	transform: rotate(180deg);
}

.pagination-container .pagination-item.arrow:hover {
	background-color: var(--btnBgColor);
	box-shadow: inset 4px 4px 2px rgba(0, 0, 0, .125);
}

.pagination-container .pagination-item.arrow.disabled {
	pointer-events: none;
}

.pagination-container .pagination-item:not(.dots, .arrow):hover {
	color: rgba(0, 0, 0, 0.87);
	border-bottom: 2px solid #a50d05;
	cursor: pointer;
}

.pagination-container .pagination-item.dots:hover {
	color: #b5b5b5;
	cursor: default;
}

.pagination-mobile {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.pagination-mobile ul:first-child,
.pagination-mobile ul:last-child {
	display: flex;
	gap: 15px;
}

.mw250 {
	max-width: 250px !important;
}

.question p {
    font-size: 16px !important;
    white-space: normal !important;
}
.hidden-el {
	display: none;
}

.instructionExplanation .ieflexBox3 .stampCard textarea {
	padding: 5px !important;
}

.account_Container .search_Division li a{
	color:#fff;
	padding: 13px 0;
}

.account_Container .search_Division li{
	padding: 0px!important;
}

.form_Division li:hover, .form_Division li.active {
    opacity: 1!important;
}

.form_Division li:hover, .form_Division li.active a {
    opacity: 1!important;
}

.btnPage {
    line-height: 1.4!important;
}

.mb-2 {
	margin-bottom: 20px !important;
}

.mb-4 {
	margin-bottom: 40px !important;
}

.justify-content-start {
	justify-content: start !important;
}

.justify-content-end {
	justify-content: end !important;
}

.div-zipcode-address .main-btn-meeting {
	display: flex;
	align-items: center;
}

.div-zipcode-address button {
	min-height: 40px;
	margin-left: 20px !important;
	font-size: 12px;
	padding: 10px;
}

@media only screen and (max-width:480px){
	.error-page .content{
		width: 80%;
		position: absolute;
		left: 50%;
		top: 70%;
		transform: translate(-50%, -50%);
		text-align: center;
	}

	.images-top {
		height: 150px;
	}

	.main-zipcode .oneRow select {
		max-width: 100%!important;
	}

	.mr-0-mobile {
		margin: 0px !important;
	}

	.pd-0-mobile {
		padding: 0px !important;
	}

	.d-flex-mobile {
		display: flex !important;
	}

	.map-btn-odr-set li {
		width: 100% !important;
	}

	.map-btn-odr-set .txt {
		font-size: 16px !important;
	}

	.vertical-list-atndnc .div-ky-prc,
	.vertical-list-atndnc .div-ky-pswrd,
	.vertical-list-atndnc .div-agnt-mbl-num,
	.vertical-list-atndnc .div-agnt-nm,
	.align-items-mobile {
		align-items: center !important;
	}

	.timeBox div select,
	.vertical-list-atndnc .div-agnt-nm input {
		max-width: 31vw !important;
	}

	.vertical-list-atndnc .div-ky-prc input,
	.vertical-list-atndnc .div-agnt-mbl-num input {
		max-width: 42vw !important;
	}

	.vertical-list-atndnc .div-ky-pswrd input {
		max-width: 26vw !important;
	}

	.vertical-list-atndnc .div-ky-prc {
		display: flex !important;
	}

	.vertical-list-atndnc .div-ky-prc input::-webkit-input-placeholder {
		font-size: 9px !important;
	}

	.div-zipcode-address .main-btn-meeting {
		display: block;
	}

	.div-zipcode-address button {
		margin-left: 0px !important;
		margin-bottom: 10px;
	}

	#pointerMovie span img {
		width: 25px !important;
	}

	#movieBtn {
		align-items: flex-start !important;
	}

	div.subtitle p {
		font-size: 40px;
	}

	select#pref01{
		width: 260px !important;
	}

	ul.form_Division,
	ul.search_Division {
		display: table-cell!important;
	}

	ul.form_Division li,
	ul.search_Division li {
		display: inline-block!important;
		margin: 1px 1px 5px 1px!important;
	}

	.menuBtnWrap {
		margin-bottom: 5px!important;
	}

	.sendmail .separeteSpace,
	.regist-user-bulk .separeteSpace {
		width: 94%!important;
	}

	.fileUpLoadPreview{
		display: flex!important;
		margin-bottom: 30px!important;
	}

	.container-bulk {
		width: 90%!important;
	}
	.font-sm-24 {
		font-size: 24px !important;
	}
}

@media only screen and (max-width:1100px){
	.opacityBtn button{
		opacity: 0.5!important;
	}
	.mb-16-mb {
		margin-bottom: 16px;
	}
}
@media only screen and (max-width:1000px){
	.boxMenuBtn1 {
		width: 50% !important;
		max-width: 49% !important;
	}
}

@media only screen and (max-width:820px){
    .account.smToggle.add-border {
        border-bottom: 1px solid #fff!important;
    }

    header .headerInner .headerRight.del-border > div:not(:first-child){
        border-top:0px!important;
    }

	td.ng_flg {
		width: 350px!important;
	}
}

@media (hover: none) {
    .btnLayout1:hover {
        background-color: #FFF5EE !important;
    }

    .btnLayout2:hover {
        background-color: var(--oneBlockBrd) !important;
    }

    .btnLayout3:hover {
        background-color: var(--adminColor) !important;
    }

    .btnLayout4:hover{
        background-color:var(--cameramanColor) !important;
    }

    .btnLayout5:hover {
        background-color: var(--clientSubColor) !important;
    }

    .btnLayout6:hover {
        background-color: #F53240 !important;
    }

    .btnLayout7:hover {
        background-color: #0031FF !important;
    }

    .btnLayout8:hover {
        background-color: var(--vietnamColor) !important;
    }

    .btnLayout9:hover {
        background-color: var(--vendorColor) !important;
    }

    .btnLayout10:hover {
        background-color: #A2A2A2 !important;
    }

    .submit:hover {
        background-color: var(--adminColor)!important;
    }

    .submit, .btnLayout1, .btnLayout2, .btnLayout3, .btnLayout4, .btnLayout5, .btnLayout6, .btnLayout7, .btnLayout8, .btnLayout9, .btnLayout10:hover {
        box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2) !important;
    }

	.question:hover p {
		display: none;
	}

	.question.hover p {
		display: block;
	}
}

#pagetop {
    margin: 75px 25px 0 auto!important;
}

span.time_top {
    font-size: 16px;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
}

.images-top {
	width:100%;
	height: auto;
}

.sendmail .sendmail_btn{
	width:500px!important;
}

.sendmail .destination {
    grid-gap: 0px!important;
}

.sendmail .destination input {
    max-width: 500px!important;
}

.mailuserformError.parentFormfrmMailuser {
	left: auto!important;;
}

.btnSearchData.nonActive{
	opacity: 0.3 !important;
	pointer-events: none !important;
}

.account_Container .account_tableWrap .account_table td {
	position: static !important;
}

/* .account_Container .account_tableWrap .account_table th:first-child, */
.account_Container .account_tableWrap .account_table tr:not(:last-child) td,
.def_tableStyle tr:not(:last-child) td,
.still_index tr:not(:last-child) td,
#tbl-list-send tr:not(:last-child) td,
#tbl-list-receive tr:not(:last-child) td{
  border-bottom: 1px solid #bcbcbc!important;
}

.account_Container .account_tableWrap .account_table,
.def_tableStyle,
.still_index,
#tbl-list-receive,
#tbl-list-send {
  border-collapse: separate!important;
}

span.inputInfoFileUpl {
    font-size: 11px;
    display: block;
	font-weight: normal;
}

a.submit.btnPage.btn-import-file {
    margin-top: 40px;
}

.fileUpLoadPreview{
	width:100%;
	font-size:20px;
	margin-bottom:6px;
	border-bottom:1px solid transparent;
	cursor:pointer;
	font-weight:bold;
	display:contents;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}

span#name_file_csv {
    transform: translate(0%, 85%);
    position: absolute;
	margin: 50px 10px 20px;
}

.regist-user-bulk{
	display:none;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-top:35px;
	grid-gap: 30px;
	position: relative;
	padding-top:35px;
  }

  .regist-user-bulk.active{
	display:flex;
  }

  .regist-user-bulk .separeteSpace {
	height: 6px;
	max-width: inherit;
	margin-top: 0;
	margin-bottom: 0;
	position: absolute;
	top:0;
	left:0;
  }

.container-bulk {
    width: 40%;
}

.regist-bulk {
    width: 180px;
}

.error-info {
	width: 100%!important;
}

.regist-bulk.nonActive a {
    opacity: 0.5;
    pointer-events: none;
}

.button-sales-manual {
    display: flex;
    justify-content: center;
}

.button-sales-manual a {
    padding-left: 50px;
    padding-right: 50px;
}

body[data-user="admin"] .btnAcNoneUse,
body[data-user="admin"] .back,
body[data-user="admin"] .boxAcNoneUse {
	display: none !important;
}

body[data-user="admin"] .inputAcNoneUse input[type="checkbox"],
body[data-user="admin"] .inputAcNoneUse label.lbAcNoneUse {
	pointer-events: none !important;
	opacity: 0.3 !important;
}

body[data-user="admin"] .oneBlock .simpleTxtSeparetor {
    color: var(--cameramanColor);
}

.iconNew {
    background: red;
    font-size: 22px;
    padding: 0px 10px;
    border-radius: 5px;
	color: white;
	max-height: 40px;
}

.iconNewWithBtn {
    position: absolute;
    left: -70px;
}

body[data-user="client"] .iconNewWithBtn {
    position: absolute;
    left: -10px;
    top: -10px;
}

@media only screen and (max-width:1366px){
	.iconNewWithBtn{
		left: 0px;
		top: -35px;
	}
}

.d-none {
	display: none;
}

.d-block {
	display: block;
}

.d-block-important {
	display: block !important;
}

.deliveryLateBlock {
	display: flex;
    justify-content: flex-end;
	margin-top: -100px;
    margin-bottom: 70px;
}

span.warning {
	font-size: 20px;
	color:#F53240;
	padding-left: 20px;
    font-weight: bold;
	max-width: 700px;
}

@media only screen and (max-width:1366px){
	.deliveryLateBlock{
		justify-content: flex-start !important;
		margin-top:0 !important;
		margin-bottom: 20px !important;
		margin-left:0 !important;
	}

	span.warning {
		max-width: none;
	}
}

.iconUrgent {
    position: absolute;
    left: -70px;
    background: red;
    font-size: 22px;
    padding: 0px 10px;
    border-radius: 5px;
	color: white;
}

.wrongDeliveryBlock {
	display: flex;
    justify-content: flex-end;
	margin-top: -100px;
    margin-bottom: 70px;
}

#showIcon {
    position: absolute;
    left: -70px;
    display: grid;
    grid-row-gap: 10px;
}

#showIcon .iconUrgent,
#showIcon .iconNew {
    position: unset;
    left: 0px;
}

#showIcon2 {
    position: absolute;
    left: -70px;
    display: grid;
    grid-row-gap: 10px;
}

#showIcon2 .iconUrgent,
#showIcon2 .iconNew {
    position: unset;
    left: 0px;
}

@media only screen and (max-width:1366px){
	#showIcon {
		left: 0px;
		top: -35px;
		display: flex;
	}

	#showIcon span {
		margin-right: 10px;
	}

  #showIcon2 {
		left: 0px;
		top: -35px;
		display: flex;
	}

	#showIcon2 span {
		margin-right: 10px;
	}

	.iconUrgent{
		left: 0px;
		top: -35px;
	}

	.wrongDeliveryBlock{
		justify-content: flex-start !important;
		margin-top:0 !important;
		margin-bottom: 20px !important;
		margin-left:0 !important;
	}
}

.still_indexMenuRemand {
	border-color: #C9C9C9 !important;
	border: none;
}

.still_indexMenuRemand .menuDetail{
	position: absolute;
	margin-top: -10px;
	background-color: white;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
}

.still_indexMenuRemand .still_indexMenu {
	margin-top: 0px;
	margin-bottom: 20px;
	display: none;
}

.still_indexMenuRemand .still_indexMenu .stillFlowMenu {
	display: flex;
	justify-content: center;
}

.still_indexMenuRemand .menuDetail .icon {
	transform: rotate(90deg);
	margin-left: 5px;
}

.still_indexMenuRemand .menuDetail .statementToggle{
	display: flex;
}

.still_indexMenuRemand .menuDetail+#statementToggle{
	visibility: hidden;
	height:0;
}

.still_indexMenuRemand .menuDetail+#statementToggle+.still_indexMenu{
	display:none;
}

.still_indexMenuRemand .menuDetail+#statementToggle:checked+.still_indexMenu{
	display:block;
}

.still_indexMenuRemand .menuDetail .statementToggle2{
	display: flex;
}

.still_indexMenuRemand .menuDetail+#statementToggle2{
	visibility: hidden;
	height:0;
}

.still_indexMenuRemand .menuDetail+#statementToggle2+.still_indexMenu{
	display:none;
}

.still_indexMenuRemand .menuDetail+#statementToggle2:checked+.still_indexMenu{
	display:block;
}

.still_indexMenuRemand .still_indexMenu .stillFlowMenu .stillMenuBtn2.endMenu a{
  background: linear-gradient(to right,  rgba(226,226,226,0) 0%,rgba(226,226,226,0) 25%,rgba(230,250,225,1) 26%,rgba(230,250,225,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00E2E2E2', endColorstr='#E2E2E2',GradientType=1 );
}

.still_indexMenuRemand .still_indexMenu .stillFlowMenu .stillMenuBtn2.endMenu a::before,
.still_indexMenuRemand .still_indexMenu .stillFlowMenu .stillMenuBtn2.endMenu a::after{
  background: #E6FAE1;
}

.still_indexMenuRemand .still_indexMenu .stillFlowMenu .stillMenuBtn2.endMenu.active a,
.still_indexMenuRemand .still_indexMenu .stillFlowMenu .stillMenuBtn2.endMenu:hover a{
  background: linear-gradient(to right,  rgba(5,48,165,0) 0%,rgba(5,48,165,0) 25%,rgba(0,126,10,1) 26%,rgba(0,126,10,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000530a5', endColorstr='#0530a5',GradientType=1 );
}

.still_indexMenuRemand .still_indexMenu .stillFlowMenu .stillMenuBtn2.active a::before,
.still_indexMenuRemand .still_indexMenu .stillFlowMenu .stillMenuBtn2.active a::after,
.still_indexMenuRemand .still_indexMenu .stillFlowMenu .stillMenuBtn2:hover a::before,
.still_indexMenuRemand .still_indexMenu .stillFlowMenu .stillMenuBtn2:hover a::after{
  background: #007E0A;
}

.still_indexMenuRemand .ob_statusMenu .obFlowMenu {
	display: flex;
	justify-content: center;
}

.still_indexMenuRemand .still_indexMenu {
	margin-top: 0px;
	margin-bottom: 20px;
	display: none;
}

.still_indexMenuRemand .ob_statusMenu .obStatusBtn2 {
	width: 14.5%;
}

.still_indexMenuRemand .ob_statusMenu .obStatusBtn2.endMenu .obStatusFlex::before,
.still_indexMenuRemand .ob_statusMenu .obStatusBtn2.endMenu .obStatusFlex::after {
  	background: #E6FAE1;
}

.still_indexMenuRemand .ob_statusMenu .obStatusBtn2:last-child .obStatusFlex{
	background: linear-gradient(to right, rgba(226,226,226,0) 0%,rgba(226,226,226,0) 25%,rgba(230,250,225,1) 26%,rgba(230,250,225,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00E2E2E2', endColorstr='#E2E2E2',GradientType=1 );
}

.still_indexMenuRemand[data-status="cmReDelivery"] .ob_statusMenu [data-btnlabel="cmReDelivery"] .obStatusFlex::before,
.still_indexMenuRemand[data-status="cmReDelivery"] .ob_statusMenu [data-btnlabel="cmReDelivery"] .obStatusFlex::after,
.still_indexMenuRemand[data-status="crReDelivery"] .ob_statusMenu [data-btnlabel="crReDelivery"] .obStatusFlex::before,
.still_indexMenuRemand[data-status="crReDelivery"] .ob_statusMenu [data-btnlabel="crReDelivery"] .obStatusFlex::after,
.still_indexMenuRemand[data-status="remandInvestigation"] .ob_statusMenu [data-btnlabel="remandInvestigation"] .obStatusFlex::before,
.still_indexMenuRemand[data-status="remandInvestigation"] .ob_statusMenu [data-btnlabel="remandInvestigation"] .obStatusFlex::after
{
  	background: #007E0A;
}

.still_indexMenuRemand[data-status="remandInvestigation"] .ob_statusMenu [data-btnlabel="remandInvestigation"] .obStatusFlex{
	background: linear-gradient(to right, rgba(5,48,165,0) 0%,rgba(5,48,165,0) 25%,rgba(0,126,10,1) 26%,rgba(0,126,10,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000530a5', endColorstr='#0530a5',GradientType=1 );
}

.still_indexMenuRemand[data-status="cmReDelivery"] .ob_statusMenu [data-btnlabel="cmReDelivery"] .obStatusFlex{
	background: linear-gradient(to right, rgba(0,126,10,1) 0%,rgba(0,126,10,1) 75%,rgba(0,126,10,0) 76%,rgba(0,126,10,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000530a5', endColorstr='#0530a5',GradientType=1 );
}

.still_indexMenuRemand[data-status="cmReDelivery"] [data-btnlabel="cmReDelivery"] .obStatusFlex .txt,
.still_indexMenuRemand[data-status="crReDelivery"] [data-btnlabel="crReDelivery"] .obStatusFlex .txt,
.still_indexMenuRemand[data-status="remandInvestigation"] [data-btnlabel="remandInvestigation"] .obStatusFlex .txt
{
  color: #FFF !important;
}


input#sf_id {
    width: 250px !important;
}

/* Verify OTP */
.verify-otp__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24.2px;
	text-align: center;
}

.verify-otp__form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.verify-otp__form .form__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.78px;
	margin: 20px 0;
}

.verify-otp__form input {
    max-width: unset;
	height: 65px;
}

.verify-otp .btn {
	border: 1px solid var(--inputBrd);
    padding: 0 2rem;
    border-radius: 6px;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.4;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 80px;
    cursor: pointer;
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
}

.verify-otp .btn--verify {
    background-color: #FF9A24;
    color: #000000;
    opacity: .7;
    width: 100%;
}

.verify-otp .resend-code {
    text-align: center;
	margin-top: 40px;
}

.verify-otp .btn--disabled {
    background-color: #A8A8A8;
    color: #000000;
    width: 100%;
    cursor: none;
    pointer-events: none;
}

.verify-otp .btn--verify:hover,
.verify-otp .btn--verify:focus,
.verify-otp .btn--verify:focus-visible {
	opacity: 1;
}

/* お値引き額 */
.discount {
    color: #000;
    margin-bottom: 40px;
}

.discount__form {
    position: relative;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 30px 60px;
    width: 100%;
    margin-top: 50px;
}

.discount .form__title {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
	margin-bottom: 40px;
}

.discount .form__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 15px 0;
}

.discount .form__item .item-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
	flex-wrap: wrap;
}

.discount .form__item .item-row > div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
	width: 12rem;
	margin: 10px 0;
}

.discount-container .form__item .item-row > div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
	width: auto;
	margin: 10px 0;
}

.discount-container .form__item .item-row > div:not(:first-child) {
	margin-left: 40px;
}

.discount .form__item .item-row > div > label,
.discount .form__item .item-row > div > input {
    cursor: pointer;
	font-size: 20px;
    line-height: 20px;
    font-weight: bold;
}

.discount .form__item .label-text,
.discount .form__item span.txt-type {
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    width: 20%;
	font-weight: bold;
}

.discount-container .form__item span.label-icon {
    display: block;
    width: 20px;
    height: 20px;
    background-color: var(--adminColor);
    border-radius: 50%;
}

.discount-container .form__item .item-row {
	width: 85%;
}

.discount-container .form__item .label-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
	width: 15%;
}

.discount-container .form__item > div:not(.item-row) {
	width: 50%;
	display: flex;
    align-items: center;
    justify-content: flex-start;
}

.discount-container .form__item > div .label-text {
    width: auto;
	white-space: nowrap;
}

.discount-container .form__item input[type="date"] {
    margin: 0 10px;
}

.discount-container .form__item div.select-start {
    display: flex;
    margin-left: 15px;
	align-items: center;
}

.discount-container .form__item div.select-start img {
    cursor: pointer;
}

.discount-container .form__item div.select-start img.disabled {
    pointer-events: none;
}

span.strt_tm_lbl, span.end_tm_lbl {
    margin-left: 10px;
}

.discount .item--flex-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 5px 0;
}

.discount .item--flex-col {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 15px 0;
    flex-direction: column;
    margin-bottom: 0;
}

.discount .action {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.discount .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 10px;
    color: #000;
    height: 100%;
    border: 1px solid var(--inputBrd);
    border-radius: 6px;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.discount .btn.btn--search {
    border-color: var(--clientSubColor);
    background-color: var(--clientSubColor);
    color: #ffffff;
    justify-content: space-around;
    width: 100px;
    padding: 15px 20px;
    height: 60px;
}

.discount .btn.btn--edit {
    border-color: #BCCFFF;
    background-color: #BCCFFF;
    color: #000000;
    width: calc(100% - 20px);
    margin: 10px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
}

.discount .btn.btn--delete {
    border-color: #960909;
    background-color: #960909;
    color: #ffffff;
    width: calc(100% - 20px);
    margin: 10px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
}

.discount .btn.btn--add {
    border-color: #BCCFFF;
    background-color: #BCCFFF;
    color: #000000;
    font-size: 32px;
    line-height: 24.2px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.discount .btn.btn--popup {
    border-color: #1D7A26;
    background-color: #1D7A26;
    color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 19.36px;
}

.discount .btn.btn--add span {
    margin: 0;
    width: 100px;
}

.discount .discount__store {
    display: flex;
    justify-content: center;
    align-items: center;
}

.discount .discount__popup {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.discount .btn.disabled {
    pointer-events: none;
    opacity: .5;
}

.discount__title {
    font-size: 45px;
    font-weight: 400;
}

.discount__form--blue {
    background: #e4edf4;
}

.discount__form--red {
    background: rgba(29, 62, 118, .1);
}

.discount__form--ac {
    background-color: #f6e6e6;
}

.discount .discount__table {
    margin: 40px 0;
    overflow: auto;
    max-height: calc(34rem + 33px);
    border: 1px solid #C9C9C9;
}

.discount__table .table--fixed {
    border-collapse: separate;
    width: 100%;
    border: 1px solid #C9C9C9;
    box-sizing: border-box;
    font-size: 15px;
}

.discount .discount__table th:not(:first-child) {
    border-left: 1px solid #FFF;
}

.discount .discount__table thead tr {
    font-size: 16px;
    font-weight: bold;
    background: #C9C9C9;
    text-align: center;
    padding: 5px 10px;
    box-sizing: border-box;
    height: 2rem;
    position: sticky;
    top: 0;
    z-index: 5;
}

.discount .discount__table thead tr th {
    text-align: center;
	font-weight: bold;
}

.discount .discount__table tr:not(:last-child) td {
    border-bottom: 1px solid #bcbcbc;
}

.discount .discount__table tr td:not(.action) {
    position: relative;
}

.discount .discount__table td:not(:first-child) {
    border-left: 1px solid #BCBCBC;
}

.discount .discount__table tbody tr:not(:first-child) {
    border-top: 1px solid #BCBCBC;
}

.discount .discount__table tbody tr {
    display: table-row;
	height: 3rem;
}

.discount .discount__table thead tr th.acction-head {
    right: 0;
    min-width: 12rem;
    height: 100%;
	padding: 0;
}

.discount .acction-head > div {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0;
    height: 100%;
}

.discount .acction-head > div span {
    width: 50%;
    height: 100%;
	padding: 5px 10px;
}

.discount .acction-head > div span:last-child {
    border-left: 1px solid #FFFFFF;
}

.discount .discount__table tbody tr td.action {
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    min-width: 12rem;
    z-index: 4;
    right: 0;
    background-color: #ffffff !important;
}

.discount .discount__table thead tr th.acction-head {
    right: 0;
    position: sticky;
    z-index: 6;
    background-color: #C9C9C9;
}

.discount .discount__table .formError {
    z-index: 1 !important;
}

.discount .discount__table .formError .formErrorContent {
    width: calc(100% - 24px) !important;
}

.discount .discount__table tbody tr.even-row td {
    background-color: #F2F2F2;
}

.discount .discount__table tbody tr td > input[type="text"],
.discount .discount__table tbody tr td > input[type="date"],
.discount .discount__table tbody tr td > select {
    height: 2.5rem;
    width: calc(100% - 10px);
    margin: 0 5px;
}

.discount .discount__table tbody tr td > input[type="date"] {
	min-width: 140px;
    padding: 0;
    margin: 5px;
    padding-left: 5px;
    width: calc(100% - 17px);
}

.discount .discount__table tbody tr td > input.amount {
    width: calc(100% - 30px);
}

.discount .discount__table tbody tr td span.amount {
	font-size: 20px;
    position: absolute;
    top: calc(50% - 15px);
    font-weight: 500;
    line-height: 30px;
    right: 2px;
}

.discount .discount__table tbody tr td.text--center > input[type="text"],
.discount .discount__table tbody tr td.text--center {
    text-align: center;
}

.discount .discount__table tbody tr.readonly {
    background-color: #e7e4e3;
    pointer-events: none;
    cursor: not-allowed;
}

.discount .discount__table tbody tr.readonly td > input,
.discount .discount__table tbody tr.readonly td > select {
    background-color: #e7e4e3;
    pointer-events: none;
    cursor: not-allowed;
}

.discount .discount__table tbody tr.readonly td > button {
    opacity: .5;
    pointer-events: none;
    cursor: not-allowed;
}

.discount .discount__table tbody tr td.text--right > input[type="text"] {
    text-align: right;
}

.discount .discount__table tbody tr td.text--left > input[type="text"] {
    text-align: left;
}

.discount .discount__table tbody tr.active td.active input {
    background-color: #BCCFFF;
}

.discount__content .item--flex-row {
    margin: 30px 0;
	font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    line-height: 25.36px;
    text-align: left;
}

.discount__content .item--flex-row h2 {
    width: 31%;
    font-weight: 700;
}

.discount__content .action--disabled > button {
    display: none;
}

.discount__content  .action.action--disabled {
    height: 3rem;
    width: 100%;
}

.discount .discount__table tbody tr.line-last {
    position: sticky;
    bottom: 0;
    z-index: 4;
	background-color: #ffffff;
}

.discount-container .discount__table thead tr th {
    text-align: center;
    height: 3rem;
    font-weight: bold;
}

.discount-container .discount__table tr td:not(.action) {
    position: relative;
    height: 3rem;
}

.discount-container .discount__table tr td:not(.text--center) {
    padding-left: 10px;
}

.discount-container .discount__table {
    max-height: calc(33rem + 10px);
}

.discount-container .discount__item {
    display: flex;
    align-items: center;
	justify-content: flex-end;
}

.discount__item > span:last-child {
    text-align: right;
    width: 100px;
    font-size: 16px;
    font-weight: 500;
}

.discount__item > span:first-child {
    width: 130px;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
}

.discount .m-h50 {
    min-height: 50px;
}

.discount .item-flex-title {
    display: flex;
	align-items: center;
	justify-content: flex-start;
}

.modal_discount .modal__dialog .modal-body {
    overflow-y: auto;
	max-height: calc(100vh - 3.5rem - 40px);
    height: auto;
}

.modal_discount .modal__dialog .discount-container .discount__item {
    justify-content: space-between;
}

.modal_discount .modal__dialog .discount-container .discount__item > p {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
}

.modal_discount .modal__dialog .discount-container .discount__item > div > span:first-child {
    width: 130px;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
	margin-right: 10px;
}

.modal_discount .modal__dialog {
    box-shadow: none;
}

.modal_discount .discount-container .discount__table {
    margin: 0;
    max-height: calc(18rem + 6px);
}

.modal_discount .modal__inner {
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
}

.discount .discount__table tbody tr td > input,
.discount .discount__table tbody tr td > select {
	border-radius: 4px;
    background-color: #ffffff;
	border-color: #BCBCBC !important;
    box-shadow: none;
}

.discount .discount__table tbody tr td > .select2-container {
    width: calc(100% - 10px) !important;
}

.discount .discount__table tbody tr td > .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #e7e4e3 !important;
}

.discount input.disabled {
    background-color: #e7e4e3 !important;
}

li:has(.add_new_item) {
    cursor: pointer;
}

.add_new_item {
    cursor: pointer;
    color: #0f4be2;
    text-align: center;
    font-weight: 600;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .discount .form__item {
        display: flex;
        align-items: start;
        justify-content: center;
        margin: 15px 0;
        flex-direction: column;
        margin-bottom: 20px;
    }

	.discount__form {
		position: relative;
		border-radius: 10px;
		box-sizing: border-box;
		padding: 15px 20px;
		width: 100%;
		margin-top: 50px;
	}

    .discount .form__item .label-text {
        font-size: 20px;
        line-height: 20px;
        font-weight: bold;
        width: 100%;
        margin-bottom: 10px;
    }

    .discount .discount__table thead th {
        min-width: 150px;
    }

    .discount__content .item--flex-row {
        margin: 0;
        margin-top: 20px;
    }

    .discount__content .item--flex-row h2 {
        width: 85%;
    }

    .discount .discount__table tbody tr td > input[type="date"] {
        width: 100%;
    }

    .discount-container .form__item .item-row > div:not(:first-child) {
        margin-left: 10px;
    }

    .discount-container .form__item .item-row > div {
        margin-left: 10px;
    }

    .discount-container .form__item > div:not(.item-row) {
        width: 100%;
        display: flex;
        align-items: start;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .discount-container .form__item > div .label-text {
        width: 100%;
    }

    .discount-container .form__item > div input[type="date"] {
        width: 100%;
    }

    .emailFormItem {
        width: 100%!important;
    }

	.discount .item-flex-title {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.discount .item-flex-title > a {
		margin-left: 0;
	}

	header .headerInner .headerRight>div.faq a,
	header .headerInner .headerRight>div.top a {
		font-size: 18px !important;
	}

	[data-popup] .modal {
		width: 80% !important;
	}

	[data-popup] .action button {
		width: calc(50% - 10px);
	}
}
.mr-20 {
	margin-right: 20px !important;
}

.text-change-schedule {
	font-weight: 500 !important;
}

.btn-change-schedule {
	cursor: default;
}
.rotateX-180 {
	transform:rotateX(180deg);
	transition:transform 1s;
}
.main-form-trouble {
	background-color: #FFF5EE;
	padding: 20px;
	margin-top: 10px;
	border-radius: 10px;
    /* border: 0.25px solid var(--adminColor); */
}
@media only screen and (min-width:1180px){
	.main-trouble .btnPageCont {
		height: 50% !important;
	}
	.main-trouble .box-btn-trouble {
		display: flex;
		justify-content: right;
	}
}
@media only screen and (max-width:840px) {
	.w-100-mobile {
		width: 100% !important;
	}
	.btn-trouble-mobile {
		display: flex !important;
		justify-content: space-between;
	}
	.main-trouble .w-100-mobile p span {
		font-size: 18px !important;
	}
}
.btn-disable {
	opacity: 0.3;
	pointer-events: none;
}
.main-trouble .edit-server-error {
	margin: 0px 0px 20px 20px !important;
    font-size: 14px;
    font-weight: 500;
}

/* CM */
.time__cm .inputElem,
.time__cm .inputElem .noti,
.time__cm .inputElem .noti-time,
.h-time_cm {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.time__cm .inputElem .noti,
.h-time_cm .labelTime1 {
	width: 180px;
}

.time__cm .inputElem .noti-time,
.h-time_cm .labelTime2 {
	width: 180px;
}

.time__cm .inputElem .noti-text {
	  font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
}

.time__cm > div > div > * {
    display: inline-block;
    margin-right: 20px;
}

.time__cm > div > div > select {
    width: 60px;
    margin-right: 4px;
}

.line-checkbox span.title {
	white-space: pre-line;
    font-size: 16px;
	font-weight: bold;
	margin-left: 20px;
}

.line-checkbox > select {
	width: 100px;
	margin-left: 20px;
}

@media (max-width: 450px) {
  .time__cm .inputElem .noti-text {
	  font-size: 10px;
  }
  .time__cm > div > div > * {
    margin-right: 10px;
  }
  .time__cm > div > div > select {
    width: 55px !important;
    font-size: 10px !important;
  }
  .line-checkbox span.title {
    font-size: 10px;
    white-space: nowrap;
  }
  .line-checkbox > select {
    width: 90px;
    margin-left: 30px;
  }
  #lowerBtn{
    width: 50px;
  }
}


.time__cm > div > div > .time-text {
    margin-right: 4px;
}

.h-time_cm > div:first-child {
	width: 60px;
}

.timeBox.clearBox.h-time_cm {
	margin-top: 0;
}

.h-time_cm > div {
	margin: 0;
	text-align: center;
}

.line-checkbox {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.line-checkbox > div {
	display: flex;
    /* width: 15%; */
    align-items: center;
    justify-content: space-between;
}

.line-checkbox > div > input {
	margin-left: 10px;
}


.line-checkbox > label.title {
	white-space: pre-line;
    font-size: 16px;
}

.h-max-content {
	height: -moz-max-content;
	height: max-content;
}
.box-editor .ql-editor {
	width: 100%;
}
.box-pblc-prd {
	justify-content: right !important;
	align-items: center !important;
}
.box-pblc-prd .rightBox {
	width: -moz-fit-content !important;
	width: fit-content !important;
}

.inputElem.elemMini .rightBox ul li input,
.inputElem.elemMini .rightBox ul li input,
.inputElem.elemMini .rightBox ul li label {
	cursor: pointer;
}

.readonly .select2-container--default .select2-selection--single {
	background-color: #bcbcbc !important;
}
.box-sts {
	width: 100%;
	flex-basis: auto !important;
}

.mt-2 {
	margin-top: 20px !important;
}

.mw-800 {
	max-width: 800px !important;
}

.bg-default {
	background: #F5DCDE !important;
}

.grip-gap-10 {
	grid-gap: 5px;
}

.preview-product .preview-product__inner {
    max-width: 1520px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.preview-product .preview-product__inner .preview-product__header {
    font-size: 45px;
    color: #000;
    font-weight: 400;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    margin-bottom: 70px;
}

.preview-product .preview-product__inner .preview-product__content {
    width: 100%;
    height: 70vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid black;
}

.preview-product .preview-product__content .main__image {
	width: 100%;
    height: calc(100% - 90px);
    position: relative;
    padding: 10px 0;
	overflow: hidden;
}

#zoom > div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 24px;
    height: 100%;
}

#zoom {
	width: 100%;
	height: 100%;
	transform-origin: 0px 0px;
	transform: scale(1) translate(0px, 0px);
	cursor: grab;
}

div#zoom>img {
	width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.preview-product .preview-product__content .main__image .zoom-btn {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: flex;
    flex-direction: column;
}

.preview-product .preview-product__content .main__action {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    width: 100%;
    background-color: #E3F0FF;
    border-top: 1px solid black;
}

.preview-product .preview-product__content .main__action .btn--fix {
	position: absolute;
    max-height: 50px;
    min-height: unset;
    right: 15px;
}

.preview-product .preview-product__inner .preview-product__action .content__sidebar {
    width: 20%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.preview-product .preview-product__inner .preview-product__action {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
	height: 360px;
	border: 1px solid black;
}

.preview-product .preview-product__content .btn-icon {
	width: 55px;
    height: 55px;
    cursor: pointer;
	background-color: transparent;
}

.preview-product .preview-product__content .btn-icon > img {
	width: 55px;
    height: 55px;
    cursor: pointer;
    transition: 0.2s ease-out;
}

.preview-product .preview-product__content .btn-icon:not(.disabled) > img:hover {
	scale: 1.1;
}

.preview-product .preview-product__content .zoom-btn .btn-icon:first-child {
	margin-bottom: 20px;
}

.preview-product .preview-product__content .main__action .btn-icon:first-child {
	margin-right: 20px;
}

.preview-product .sidebar__title,
.preview-product .slide__title {
	height: 60px;
    border-bottom: 1px solid;
    border-top: none;
    background-color: #E3F0FF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #000;
    font-weight: 400;
	position: relative;
}

.preview-product .preview-content__sidebar {
    display: flex;
    flex-direction: column;
	width: 20%;
	height: 100%;
}

.preview-product .preview-product__slide {
    display: flex;
    flex-direction: column;
	width: 80%;
	border-left: 1px solid black;
}

.preview-product .preview-product__slide .slide__content {
    display: flex;
    flex-wrap: wrap;
    border-top: unset;
	overflow-y: scroll;
    height: 300px;
}

.preview-product .preview-product__slide .slide__content > div {
    width: 12.2857142857%;
    height: 120px;
    margin: 15px 1%;
    cursor: pointer;
    border-radius: 4px;
    transition: 0.5s ease-out;
	position: relative;
}

.preview-product .preview-product__slide .slide__content > div > img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.preview-product .preview-product__slide .slide__content > div:hover,
.preview-product .preview-product__slide .slide__content > div.active {
    box-shadow: rgb(17 12 11 / 24%) 0px 3px 8px;
    scale: 1.095;
}

.preview-product .preview-product__slide .slide__content > div.active {
	outline: 2px solid red;
}

.preview-product .preview-product__slide .slide__content > div.image--has-selected span {
    position: absolute;
    bottom: 2px;
    right: 2px;
    color: #ffffff;
    background-color: #2c2e3080;
    padding: 0 2px;
    font-size: 12px;
	font-weight: 700;
}

.preview-product .slide__title > span {
    position: absolute;
    right: 14px;
    font-size: 16px;
    font-weight: 400;
}

.preview-product .preview-product__submit {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.preview-product .preview-product__submit .txt {
    white-space: pre-line;
}

.preview-product .preview-product__submit > div {
	display: flex;
    align-items: center;
    justify-content: center;
}

.preview-product button.disabled {
	pointer-events: none;
}

.preview-product .preview-product__submit button.disabled.btnPage:hover {
	box-shadow: unset;
}

.preview-product .main__action:not(.main__action--mobile) .btn--fix {
	display: block;
}

.preview-product .main__action.main__action--mobile {
	display: none;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
	.preview-product .preview-product__inner {
		width: 96%;
	}

	.main__action.main__action--mobile {
		display: block;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.preview-product .main__action:not(.main__action--mobile) .btn--fix {
		display: none;
	}

	.preview-product .preview-product__content .main__action .btn--fix {
		position: unset;
		margin: 0;
		width: auto;
	}

	.preview-product .preview-product__inner .preview-product__action {
		flex-direction: column-reverse;
		height: auto;
	}

	.preview-product .preview-product__slide {
		width: 100%;
	}

	.preview-product .preview-product__slide .slide__content > div {
		width: 23%;
        height: 80px;
        margin: 15px 1%;
        cursor: pointer;
        border-radius: 4px;
        transition: 0.5s ease-out;
	}

	.preview-product .preview-product__slide .slide__content {
		display: flex;
		flex-wrap: wrap;
		border-top: unset;
		overflow-y: scroll;
		height:220px;
	}

	.preview-product .preview-product__slide .slide__content > div:hover,
	.preview-product .preview-product__slide .slide__content > div.active {
		box-shadow: rgb(17 12 11 / 24%) 0px 3px 8px;
		scale: 1.06;
	}

	.preview-product .preview-product__slide {
		border-left:unset;
		border-bottom: 1px solid;
	}

	.preview-product .preview-content__sidebar {
		width: 100%;
	}

	.preview-product .preview-product__inner .preview-product__content {
		height: auto;
	}

	.preview-product .preview-product__content .main__image {
		height: 500px;
	}

	.preview-product .preview-product__submit {
		display: flex;
		align-items: center;
		margin-top: 20px;
		flex-direction: column;
		gap: 20px;
	}

	.preview-product .preview-product__submit > div {
		width: 100% !important;
	}

	.preview-product .main__action.main__action--mobile {
        display: flex;
        align-items: center;
        justify-content: center;
	}

	.preview-product .size80 .txt {
		white-space: nowrap;
	}

	.instructionExplanation .d-flex {
		max-width: 1520px;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		align-items: flex-start !important;
		flex-direction: column;
		gap: 10px;
	}

	.instructionExplanation .d-flex .w-20 {
		width: auto !important;
	}

	.instructionExplanation .d-flex .w-80 p:first-child {
		display: none;
	}
}

.preview-product .total_setup-point{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.instructionExplanation.checkPage .ieflexBox1 {
	align-items: center;
}

.instructionExplanation .inner.d-flex {
	max-width: 1520px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.max-content {
	width: -moz-max-content;
	width: max-content;
	white-space: nowrap;
}

.btn.disabled {
	color: #B5B5B5 !important;
	background: #E2E2E2 !important;
	pointer-events: none;
	cursor: not-allowed;
	border: none;
}

.line-checkbox.modal-setup {
	justify-content: center;
    margin: 20px 0;
}

.instructionExplanation .d-flex {
	max-width: 1520px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
}

.instructionExplanation .d-flex .w-80{
	width: 80%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.instructionExplanation .d-flex .w-80 p:first-child {
	width: 60%;
}

.instructionExplanation .d-flex .w-20{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 20%;
}

.tree {
    position: relative;
    background: white;
    padding: 5px;
    font-size: 0.85rem;
    font-weight: 500;
    line-height: 1.5;
    color: #212529;
}

.tree ul {
    padding-left: 5px;
    list-style: none;
}

.tree ul li {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    box-sizing: border-box;
}

.tree ul li:before {
    position: absolute;
    top: 15px;
    left: 0;
    width: 10px;
    height: 1px;
    margin: auto;
    content: "";
    background-color: #666;
}

.tree .fa-folder-open, .tree .fa-folder {
    color: #007bff;
}

.tree ul li:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 100%;
    content: "";
    background-color: #666;
}

.tree ul li:last-child:after {
    height: 15px;
}

.ieflexBox3 .disabled-area {
	pointer-events: none;
}

.btn--preview-product {
	background-color: #007B14;
	border-color: #007B14;
}

.btn--preview-product:hover {
	background-color: #007B14;
	border-color: #007B14;
}

li.dir {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
}

li.dir > input[type="checkbox"] {
    transform: scale(1) !important;
}

.pointer-none {
	pointer-events: none !important;
}

.card-info {
	margin-top: 20px;
	font-size: 18px;
}
.card-info .row {
	display: grid;
	grid-template-columns: 3fr 9fr;
	height: 60px;
}
.card-info .row .text-lbl {
	font-weight: bold;
}
.card-info .row .text-right {
	display: flex;
	align-items: center;
	justify-content: end;
	padding-right: 20px;
}
.card-info .row .text-left {
	display: flex;
	align-items: center;
	justify-content: start;
	padding-left: 20px;
}
.card-info .row .text-left > div {
    display: flex;
    align-items: center;
    justify-content: stretch;
}
.card-info .row .text-left > div label:last-child,
.card-info .row .text-left > div > span {
    margin-left: 20px;
}

@media only screen and (max-width:750px) {
	.card-info .text-lbl {
        font-size: 4vw;
    }

	.card-info .row {
		grid-template-columns: unset;
		height: unset;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 10px;
	}

	.card-info .row input[type=text] {
        max-width: 100% !important;
        width: 100% !important;
    }

	.card-info .row .text-left {
		padding-left: unset;
		width: 100%;
	}

	.card-info .row .text-left > div {
		margin-top: 10px;
	}
}

.circle {
	align-items: center;
    background-color: #2979ff;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    left: -16px;
    position: absolute;
    top: -16px;
    width: 32px;
}

.text-red {
	color: rgb(255, 0, 0);
}

.settlement-label {
    font-size: 20px !important;
    width: 260px !important;
}

.settlement-radio {
    font-size: 14px !important;
    font-weight: bold;
    margin-right: 10px;
}

#ccRecipientContainer {
    margin-bottom: 10px;
    width: 100%;
    max-width: 600px;
    display: block;
}

.ccRecipientBlock {
    border: 1px solid #ccc;
    padding: 8px 8px 18px 8px;
    margin-bottom: 10px;
    border-radius: 5px;
    position: relative;
}

.addButtonBlock {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    max-width: 600px;
}

.ccRecipientBlock .settlement-label {
    width: 255px !important;
    font-weight: bold;
    font-size: 18px !important;
}

#addRecipientBtn,
.removeRecipientBtn {
    background-color: #28a745;
    position: absolute;
    color: #fff;
    border: none;
    font-size: 16px;
    cursor: pointer;
    border-radius: 3px;
    transition: background-color 0.3s;
    height: 25px;
    width: 25px;
    justify-content: center;
    align-items: center;
}

#addRecipientBtn:hover,
.removeRecipientBtn:hover {
    background-color: #218838;
}

.removeRecipientBtn {
    top: 50%;
    right: -35px;
    transform: translateY(-50%);
    display: flex;
    position: absolute;
}
.termsContainer {
    padding: 10px;
    margin-bottom: 20px;
}

.termsContent {
    margin-bottom: 15px;
}

.terms-textarea {
    width: 80%;
    height: 150px;
    resize: none;
    padding: 5px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
}

.termsAgree {
    display: flex;
    align-items: center;
    justify-content: center;
}

.termsAgree label {
    display: flex;
    align-items: center;
}

.termsAgree .requiredCheck {
    margin-left: 10px;
}

.termsAgree input[type="checkbox"] {
    margin-right: 5px;
}

.signatureArea {
    margin-top: 20px;
    text-align: center;
}

.signatureArea p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    margin-right: 10px;
    display: inline-block;
}

.signatureLink {
    color: #0066cc;
    text-decoration: underline;
}

.ql-editor ol li {
    float: unset !important;
}

.account_Container .account_tableWrap {
	max-height: unset !important;
   	overflow: unset !important;
    width: 100%;
}

.account_Container .account_tableWrap .account_table thead th {
	position: relative !important;
}

#pagetop {
	position: fixed !important;
}

#topCntainer .topMenu {
	margin-bottom: 40px;
}

/* Popup cummon */

[data-popup] .modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    background-color: white;
    padding: 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    z-index: 999;
    max-width: 90%;
    width: 100%;
    height: auto !important;
    max-width: 600px;
}

[data-popup] .modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 998;
    cursor: pointer;
}

[data-popup] .fixed {
    position: fixed;
}

[data-popup] .inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

[data-popup] .overflow-y-auto {
    overflow-y: auto;
}

[data-popup] .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

[data-popup] .py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

[data-popup] .sm\\:px-0 {
    padding-left: 0;
    padding-right: 0;
}

[data-popup] .z-50 {
    z-index: 50;
}

[data-popup] .transform {
    transform: translate(0, 0);
}

[data-popup] .transition-all {
    transition: all 0.3s ease;
}

[data-popup] .opacity-0 {
    opacity: 0;
}

[data-popup] .opacity-100 {
    opacity: 1;
}

[data-popup] .translate-y-4 {
    transform: translateY(1rem); /* Dịch chuyển 4 * 0.25rem */
}

[data-popup] .translate-y-0 {
    transform: translateY(0);
}

[data-popup] .bg-white {
    background-color: #fff;
}

[data-popup] .bg-gray-500 {
    background-color: #6b7280; /* Màu xám */
}

[data-popup] .dark\\:bg-gray-900 {
    background-color: #111827; /* Màu nền xám đậm cho dark mode */
}

[data-popup] .rounded-lg {
    border-radius: 0.5rem;
}

[data-popup] .overflow-hidden {
    overflow: hidden;
}

[data-popup] .shadow-xl {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

/* Responsive classes */
[data-popup] .sm\\:max-w-sm {
    max-width: 24rem; /* 384px */
}

[data-popup] .sm\\:max-w-md {
    max-width: 28rem; /* 448px */
}

[data-popup] .sm\\:max-w-lg {
    max-width: 32rem; /* 512px */
}

[data-popup] .sm\\:max-w-xl {
    max-width: 36rem; /* 576px */
}

[data-popup] .sm\\:max-w-2xl {
    max-width: 42rem; /* 672px */
}

/* Transition timing */
[data-popup] .ease-out {
    transition-timing-function: ease-out;
}

[data-popup] .ease-in {
    transition-timing-function: ease-in;
}

[data-popup] .duration-300 {
    transition-duration: 300ms;
}

[data-popup] .duration-200 {
    transition-duration: 200ms;
}

[data-popup] .title {
	font-size: xx-large !important;
    text-align: center !important;
    margin: 0 !important;
    margin-bottom: 20px !important;
}

[data-popup] .content .input-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
	margin-bottom: 20px;
}

[data-popup] .content .input-group input {
    margin-top: 10px;
	max-width: unset;
	height: 50px;
}

[data-popup] .content .input-group .input-radio {
    display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 40px;
}

[data-popup] .content .input-group .input-radio>*:not(:first-child) {
    margin-left: 15px;
}

[data-popup] .content .input-group label, [data-popup] .content .input-group span {
    font-size: 16px;
}

[data-popup] .content .input-group .input-radio input {
    margin-right: 0;
    margin-top: 0;
}

[data-popup] .action {
    display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 20px;
}

[data-popup] .action button:first-child {
    margin-right: 20px;
}

.export-action {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
}

.export-action .btn--export {
    align-items: center;
    border: 1px solid var(--inputBrd);
    border-radius: 50px;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: 25px;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    line-height: 1.4;
    min-height: 80px;
    padding: 0 2.5rem;
    color: #000000;
    background-color: #ffffff;
}

.export-action .btn--export.disabled {
    background-color: #d2d2d2;
    color: gray;
    pointer-events: none;
}
.btnShowHideProductMenu .txt {
    display: flex;
    justify-content: center;
    align-items: center;
}

.topAcArrowUpDown img {
    transform: rotateX(0deg);
    transition: transform 1s;
}

.topAcArrowUpDown.up img {
    transform: rotateX(180deg);
    transition: transform 1s;
}

.display_none {
    display: none;
}

#equipment_table {
    margin: 40px 0;
    overflow: auto;
    max-height: calc(34rem + 33px);
    border: 1px solid #C9C9C9;
}


#equipment_table .table--fixed {
    border-collapse: separate;
    width: 100%;
    min-width: 715px;
    border: 1px solid #C9C9C9;
    box-sizing: border-box;
    font-size: 15px;
}

#equipment_table th:not(:first-child) {
    border-left: 1px solid #FFF;
}

#equipment_table thead tr {
    font-size: 13px;
    font-weight: bold;
    background: #C9C9C9;
    text-align: center;
    padding: 5px 10px;
    box-sizing: border-box;
    height: 2rem;
    position: sticky;
    top: 0;
    z-index: 5;
}

#equipment_table thead tr th {
    text-align: center;
	font-weight: bold;
}

#equipment_table tr:not(:last-child) td {
    border-bottom: 1px solid #bcbcbc;
}

#equipment_table tr td:not(.action) {
    position: relative;
}

#equipment_table td:not(:first-child) {
    border-left: 1px solid #BCBCBC;
}

#equipment_table tbody tr:not(:first-child) {
    border-top: 1px solid #BCBCBC;
}

#equipment_table tbody tr {
    display: table-row;
	height: 3rem;
}

#equipment_table thead tr th.acction-head {
    right: 0;
    min-width: 12rem;
    height: 100%;
	padding: 0;
}

#equipment_table .td-center {
    justify-content: center;
    align-items: center;
    text-align: center;
    vertical-align: middle;
}
#equipment_table .pd10-5 {
    padding: 5px 5px;
}

#equipment_table .btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 8px 10px;
    color: #000;
    height: 100%;
    border: 1px solid var(--inputBrd);
    border-radius: 6px;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

#equipment_table .btn.btn--edit {
    border-color: #19c619;
    background-color: #19c619;
}

#equipment_table .btn.btn--copy {
    border-color: #dde800;
    background-color: #dde800;
}

#equipment_table .btn.btn--delete {
    border-color: #960909;
    background-color: #960909;
}

#equipment_table .eq-name {
    min-width: 140px;
}
#equipment_table .eq-list {
    min-width: 300px;
}
#equipment_table .eq-status {
    min-width: 130px;
}

table.dataTable thead>tr>th.sorting.sort_id:before {
    content: none !important; /* content を非表示 */
}
table.dataTable thead>tr>th.sorting.sort_id:after {
    content: none !important; /* content を非表示 */
}


#equipment_table .btn.btn--edit,
#equipment_table .btn.btn--copy,
#equipment_table .btn.btn--delete{
    width: 70px;
    margin: 10px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: #ffffff;
    align-items: center;
    vertical-align: middle;
}

.equipment_add_btn_area {
    height: 90px;
}

.equipment_input_area {
    width: 400px;
}

.equipment_list_area {
    width: 400px;
    height: 150px;
}

.equipment_label {
    display: inline-block;
    width: 180px;
}

.equipment_text_area {
    width: 100%;
    height: 100%;
    background-color: #FAFBFF;
    box-shadow: 4px 4px 2px var(--inputBrdAlpha) inset;
    border: 1px solid var(--inputBrd);
    border-radius: 6px;
    padding: 10px 10px;
    outline: none;
    box-sizing: border-box;
}

.textAreaBox {
    margin-top: 10px;
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.textAreaBox .label{
    font-size: 16px;
    width: 300px;
}

.equipmentOneRow{
    margin-top: 10px;
    display: flex;
    justify-content: flex-start;
    /* width: 100%; */
}

.equipmentOneRow label{
    font-size: 16px;
    width: 300px;
    height: 40px;
}

.form_status {
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}

.label_status {
    margin-right: 210px;
}

.sorting {
    cursor: pointer;
    position: relative;
}

.sorting_asc::after {
    content: '▲';
    position: absolute;
    right: 10px;
}

.sorting_desc::after {
    content: '▼';
    position: absolute;
    right: 10px;
}

/* 750px～1100px */
@media only screen and (min-width: 751px) and (max-width: 1100px) {
    /* 750px～1100pxに適用するスタイル */
    .equipmentOneRow {
        flex-direction: column;
        align-items: flex-start;
    }
    .equipmentOneRow label {
        font-size: 3.0vw;
        width: 100%;
        margin-bottom: 10px;
    }
    .equipment_input_area {
        width: 100%;
    }
    .textAreaBox {
        flex-direction: column;
        align-items: flex-start;
    }
    .textAreaBox .label {
        font-size: 3.0vw;
        width: 100%;
        margin-bottom: 10px;
    }
    .equipment_list_area {
        width: 100%;
        max-width: 400px;
    }
    .equipment_text_area {
        width: 100%;
    }
    .equipment_label {
        display: inline-block;
        width: 100%;
    }
    .form_status {
        flex-direction: column;
        align-items: flex-start;
    }
    .label_status {
        margin-bottom: 20px;
    }
}

/* 750px以下 */
@media only screen and (max-width: 750px) {
    /* 750px以下に適用するスタイル */
    .equipmentOneRow {
        flex-direction: column;
        align-items: center;
    }
    .equipmentOneRow label {
        font-size: 4.0vw; /* さらに小さな画面向けにフォントを拡大 */
        width: 100%;
        margin-bottom: 15px;
    }
    .equipment_input_area {
        width: 100%;
    }
    .textAreaBox {
        flex-direction: column;
        align-items: center;
    }
    .textAreaBox .label {
        font-size: 4.0vw;
        width: 100%;
        margin-bottom: 15px;
    }
    .equipment_list_area {
        width: 100%;
    }
    .equipment_text_area {
        width: 100%;
    }
    .equipment_label {
        display: inline-block;
        width: 100%;
    }
    .label_status {
        margin-bottom: 20px;
    }
    .form_status {
        flex-direction: column;
        align-items: flex-start;
    }
    .dataShowUpdate {
        align-items: flex-start;
    }
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
         user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      background-color: transparent;
      border: none;
      font-size: 1em; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
         user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline;
      list-style: none;
      padding: 0; }
    .select2-container .select2-selection--multiple .select2-selection__clear {
      background-color: transparent;
      border: none;
      font-size: 1em; }
  .select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all; }
    .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

.select2-results__option--selectable {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative; }
  .select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
      background-color: #f1f1f1;
      color: #333;
      outline: none; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--group {
  padding: 0; }

.select2-container--default .select2-results__option--disabled {
  color: #999; }

.select2-container--default .select2-results__option--selected {
  background-color: #ddd; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555;
      outline: none; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option--group {
  padding: 0; }

.select2-container--classic .select2-results__option--disabled {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

.select2-container--default .select2-results>.select2-results__options {
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
}

.select2-results__option {
    width: 100%;
    font-size: 14px;
    padding: 6px;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 40px;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
    height: 40px;
}
.popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    outline: 0;
}

.popup__dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.popup .popup-body {
    position: relative;
    flex: 1 1 auto;
    padding: 25px 50px;
    background-color: #fff;
}

.popup .close-button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap
}

.topright {
    position: absolute;
    right: 0;
    top: 0
}

.popup .text-bold{
    font-weight: bold;
}

.btnClose {
    min-height: 40px!important;
}

@media only screen and (max-width: 768px) {
    .popup__dialog {
        width: 90% !important;
        max-width: unset !important;
        margin: 0 !important;
    }
}

.popup_caution .popup__dialog .popup-body{
	border-radius: 15px;
}

.popup_caution .popup__dialog{
	border-radius: 15px;
    position: fixed;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
}

.popup_caution button{
	min-height: 40px !important;
}

.popup_caution .header{
	font-size: 20px;
}

.popup_caution .btnConfirm{
    opacity: 1;
    pointer-events: auto;
}

.popup_caution .btnConfirm.noneActive{
    opacity: 0.3;
    pointer-events: none;
}

.online {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 250px;
}

.popup_show_file {
    background-color: #82878769;
}

.popup_show_file[data-pdf="true"] img#showFile {
    display: none;
}

.popup_show_file[data-pdf="true"] #pdf-container {
    display: block;
}

.popup_show_file[data-pdf="false"] img#showFile {
    display: block;
}

.popup_show_file[data-pdf="false"] #pdf-container {
    display: none;
}

.popup_show_file img#showFile {
    border: none;
    padding: none;
    border-radius: 4px 4px;
    height: auto;
    max-width: 100%;
}

.popup_show_file .popup-body {
    padding: 1px 1px;
}

.popup_show_file .close-button {
    padding: 0px 0px;
}

.popup_show_file[data-pdf="true"] .popup__dialog {
    width: 60%;
}
.popup_upload {
	background-color: rgba(0, 0, 0, 0.4);
}

.popup_upload .popup_body {
    position: absolute;
    width: 50%;
    height: 300px;
    background-color: white;
    top: 30%;
    left: 25%;
}

.popup_upload .progress-container {
	position: absolute;
	width: 70%;
	margin: 20px auto;
	top: 25%;
	left: 15%;
}

.popup_upload .progress-bar {
	width: 100%;
	height: 20px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: #f5f5f5;
}

.popup_upload .progress-bar::-webkit-progress-value {
	background-color: #3498db;
}

.popup_upload .progress-value {
	position: absolute;
    width: 100%;
	left: 0;
    text-align: center;
}

.popup_upload .btnClose.active {
	pointer-events: auto;
	opacity: 1;
}

.popup_upload .progress-message {
    text-align: center;
    font-size: large;
}

@media only screen and (max-width: 768px) {
    .popup_upload .popup_body {
        position: absolute;
        width: 90%;
        left: 5%;
    }

    .popup_upload .progress-container {
        top: 10%;
    }
}

@charset "utf-8";

#topCntainer{
  width:100%;
  max-width: 1290px;
  margin:70px auto 0;
}

#topCntainer .topMenu{
  display:flex;
  justify-content: center;
  flex-wrap: wrap;
  grid-row-gap:30px;
}

#topCntainer .topMenu .topMenuWrap{
  width:50%;
}

#topCntainer .topMenu .topMenuWrap:nth-child(even) .question p{
  position: absolute;
  left: calc( 100% - 260px );
  top: 50%;
}

#topCntainer .topMenu .pageBtnNav {
  grid-row-gap:30px;
}

#topCntainer .topMenu .pageBtnNav li{
  width:85.5%;
  max-width: 551px;
  box-sizing: border-box;
}

#topCntainer .topMenu .btnPage{
  width:100%;
  padding:0 30px;
  justify-content: space-between;
}

#topCntainer .topMenu .btnPage .icon{
  width:50px;
}

#topCntainer .topMenu .btnPage .txt{
  width:100%;
  text-align: center;
}

#topCntainer .top_orderWrap{
  width:100%;
  overflow: auto;
}

#topCntainer .top_orderWrap .topOrder{
  width: 100%;
  min-width: 1100px;
  box-sizing: border-box;
  border: 1px solid #C9C9C9;
}

#topCntainer .top_orderWrap .topOrder th,
#topCntainer .top_orderWrap .topOrder td{
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}

#topCntainer .top_orderWrap .topOrder thead{
  position: sticky;
  top: -1px;
}

#topCntainer .top_orderWrap .topOrder th{
  box-sizing: border-box;
  padding:10px;
  background: #AFAFAF;
}

#topCntainer .top_orderWrap .topOrder th:not(.topOrder_controlNumber){
  border-left:1px solid #FFF;
}

#topCntainer .top_orderWrap .topOrder tbody tr{
  border-top: 1px solid #C9C9C9;
}

#topCntainer .top_orderWrap .topOrder td{
  padding:20px;
}

#topCntainer .top_orderWrap .topOrder td:not(.topOrder_controlNumber){
  border-left:1px solid #C9C9C9;
}

#topCntainer .top_orderWrap .topOrder tbody tr:nth-child(even){
  background: #F2F2F2;
}

#topCntainer .top_orderWrap .topOrder td.topOrder_projectTitle{
  font-weight: 500;
  text-align: left;
}

#topCntainer .top_orderWrap .topOrder .topOrder_controlNumber{width:15.5%;min-width: 200px;}
#topCntainer .top_orderWrap .topOrder .topOrder_serviceName{width:16.8%;}
#topCntainer .top_orderWrap .topOrder .topOrder_projectTitle{width:48.3%;}
#topCntainer .top_orderWrap .topOrder .topOrder_clientID{width:19.4%;min-width: 250px;}

@media only screen and (max-width:1100px){
  #topCntainer{
    width:90%;
  }
  
  #topCntainer .topMenu .topMenuWrap{
    width:100%;
  }
  
  #topCntainer .topMenu .topMenuWrap .question p{
    position: absolute;
    left: calc( 100% - 260px );
    top: 50%;
  }
  
  #topCntainer .topMenu .pageBtnNav{
    width:100% !important;
  }
  
  #topCntainer .topMenu .pageBtnNav li{
    width:100%;
    max-width: inherit;
  }
}


@media only screen and (max-width:750px){

}