@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";

ul.alert-danger {
  max-width: 1520px;
  width: 98%;
  color: red;
  display: grid;
  margin: 10px 0px !important;
}

ul.alert-danger li {
  width: 98%;
  color: red;
  display: grid;
}

#loginPage{
  width:100%;
  height: 100vh;
  height: 100dvh;
  min-height:700px;
  position: relative;
}

#loginPage .loginInner{
  width:100%;
  height: 100%;
  max-width: 1920px;
  display:flex;
  justify-content: center;
  flex-wrap: wrap;
}

#loginPage .loginInner .pageItem{
  width:50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#loginPage .centerItem{
  width:90%;
  max-height:calc(100% - 200px);
  display: flex;
  flex-direction: column;
}

#loginPage #formSide .centerItem{
  max-width: 490px;
}

#loginPage .actlogo{
  width:250px;
  margin:0 auto;
}

#loginPage .actlogo img{
  max-width: 100%;
  height: auto;
}

#loginPage .siteTitle{
  font-size:36px;
  font-weight: bold;
  text-align: center;
  color:#FFF;
  margin-top:60px;
}

#loginPage .siteTitle .ib{
  display:inline-block;
}

#loginPage .siteTitle .small{
  font-size:25px;
  display: block;
}

#loginPage .noteBlock{
  width:100%;
  max-width:490px;
  margin:64px auto 0;
  flex-grow: 1;
  overflow-y: auto;
  scrollbar-color: rebeccapurple green;
}

#loginPage .noteBlock::-webkit-scrollbar {
  width: 15px;
}

#loginPage .noteBlock .noteTitle{
  font-size:20px;
  font-weight: bold;
  text-align: center;
  color:#FFF;
}

#loginPage .noteBlock .noteArea{
  margin-top:18px;
}

#loginPage .noteBlock .noteItem:not(:first-child){
  margin-top:18px;
}

#loginPage .noteBlock .noteItem *{
  font-size:14px;
  font-weight: bold;
  color:#FFF;
}

#loginPage .noteBlock .noteItem a{
  text-decoration: underline;
}

#loginPage .noteBlock .noteItem a:hover{
  text-decoration: none;
}

#loginPage .noteBlock .noteItem * a{
  display:inline;
}

#loginPage .loginTitle{
  font-size:30px;
  font-weight: bold;
  text-align: center;
}

#loginPage #mainForm,
#loginPage .loginFormItem:not(:first-child){
  margin-top:18px;
}

#loginPage .loginFormItem input{
  width:100%;
  max-width: inherit;
  margin-top:10px;
}

#loginPage .loginLabel{
  font-size:20px;
  font-weight: bold;
}

#loginPage .pageBtnNav{
  margin-top: 60px;
}

#loginPage .forgetAccount{
  text-align: center;
  margin-top:25px;
}

#loginPage .forgetAccount .textLink{
  display: inline-block;
  font-size:15px;
  font-weight: bold;
  white-space: pre-line;
}

#loginPage .loginFormItem input{
  background-image:url(/images/icon_loginid.svg?cc2b7935e533815ce068ee9b8dc79e06);
  background-repeat:no-repeat;
  background-position: left 20px center;
  height: 60px;
  line-height: 60px;
  padding-left:62px;
}

#loginPage .loginFormItem input#login_pw{
  background-image:url(/images/icon_loginpw.svg?91e7f748a26e05978db0bb6a12207daa);
}

#loginPage .loginFormItem input::-moz-placeholder{
  color: #CACACA;
  font-size:20px;
  font-weight: bold;
  line-height: 60px;
  position: relative;
  top:5px;
}

#loginPage .loginFormItem input::placeholder{
  color: #CACACA;
  font-size:20px;
  font-weight: bold;
  line-height: 60px;
  position: relative;
  top:5px;
}

#loginPage .loginFormItem input:focus::-moz-placeholder {
	color: transparent;
}

#loginPage .loginFormItem input:focus::placeholder {
	color: transparent;
}

#loginPage footer{
  position: absolute;
  width:50%;
  left:0;
  bottom:0;
  background: none;
}

#loginPage footer .footerLogoBlock{
  background: none;
}

#loginPage footer .footerLogoBlock .copyright{
  margin-top:0;
}

[data-user="admin"] #loginPage{
  background: linear-gradient(90deg, var(--adminColor) 0%, var(--adminColor) 50%, #FFF 50%, #FFF 100%);
}

[data-user="admin"] #loginPage .noteBlock::-webkit-scrollbar-track {
  background-color: #CC9390;
}

[data-user="admin"] #loginPage .noteBlock::-webkit-scrollbar-thumb {
  background-color: var(--adminColor);
  border:1px solid #CC9390;
}

[data-user="cameraman"] #loginPage{
  background: linear-gradient(90deg, var(--cameramanColor) 0%, var(--cameramanColor) 50%, #FFF 50%, #FFF 100%);
}

[data-user="cameraman"] #loginPage .noteBlock::-webkit-scrollbar-track {
  background-color: #CAD9A0;
}

[data-user="cameraman"] #loginPage .noteBlock::-webkit-scrollbar-thumb {
  background-color: var(--cameramanColor);
  border:1px solid #CAD9A0;
}

[data-user="vietnam"] #loginPage{
  background: linear-gradient(90deg, var(--vietnamColor) 0%, var(--vietnamColor) 50%, #FFF 50%, #FFF 100%);
}

[data-user="vietnam"] #loginPage .noteBlock::-webkit-scrollbar-track {
  background-color: #F8DAA9;
}

[data-user="vietnam"] #loginPage .noteBlock::-webkit-scrollbar-thumb {
  background-color: var(--vietnamColor);
  border:1px solid #F8DAA9;
}

[data-user="client"] #loginPage{
  background: linear-gradient(90deg, var(--clientColor) 0%, var(--clientColor) 50%, #FFF 50%, #FFF 100%);
}

[data-user="client"] #loginPage .noteBlock::-webkit-scrollbar-track {
  background-color: #9FB4D6;
}

[data-user="client"] #loginPage .noteBlock::-webkit-scrollbar-thumb {
  background-color: var(--clientSubColor);
  border:1px solid #9FB4D6;
}

[data-user="vendor"] #loginPage{
  background: linear-gradient(90deg, var(--vendorColor) 0%, var(--vendorColor) 50%, #FFF 50%, #FFF 100%);
}

[data-user="vendor"] #loginPage .noteBlock::-webkit-scrollbar-track {
  background-color: #9FD3EF;
}

[data-user="vendor"] #loginPage .noteBlock::-webkit-scrollbar-thumb {
  background-color: var(--vendorColor);
  border:1px solid #9FD3EF;
}


@media only screen and (max-width:1000px){
  #loginPage{
    width:100%;
    height: auto;
    min-height: 100vh;
    min-height:100dvh;
    background: none !important;
  }

  #loginPage .loginInner .pageItem{
    width:100%;
    padding:20px 0;
    display:block;
  }

  #loginPage .loginInner .pageItem:first-child{
    padding:70px 0 50px;
  }

  #loginPage .centerItem{
    display: block;
    width:90%;
    max-width: 490px;
    margin:0 auto;
  }

  #loginPage .noteBlock{
    max-height: 50vh;
  }

  #loginPage footer{
    position: static;
    width:100%;
  }

  #loginPage footer .footerLogoBlock .copyright{
    color: #000;
  }

  [data-user="admin"] #loginPage .pageItem:first-child{
    background:var(--adminColor);
  }

  [data-user="cameraman"] #loginPage .pageItem:first-child{
    background:var(--cameramanColor);
  }

  [data-user="vietnam"] #loginPage .pageItem:first-child{
    background:var(--vietnamColor);
  }

  [data-user="client"] #loginPage .pageItem:first-child{
    background:var(--clientColor);
  }

  [data-user="vendor"] #loginPage .pageItem:first-child{
    background:var(--vendorColor);
  }
}