@charset "UTF-8";

:root{
	--MAINCOLOR:rgb(16,54,86);
	--MAINCOLOR2:rgba(16,54,86, 0.6);
	--SUBCOLOR:rgb(0,102,51);
	--COLOR1:rgb(51,102,204);
	--COLOR2:rgb(186,200,198);
	--WHITE:rgb(253,253,253);
	--FONT:rgb(21,12,21);
	--SMALLER:0.95rem;
	--PCWIDTH:16%;
}

body{text-align:center;color:var(--FONT);background:var(--WHITE);line-height:1.05rem;font-size:var(--SMALLER);}
input, select,textarea{color:rgb(100,100,100);}
input.pass{font-family:"mask"!important;}
input[type=text],input[type=number]{border-radius:0;border-bottom:0.15rem solid var(--MAINCOLOR);height:1.8rem;background:transparent;}
select{background:transparent;border-radius:0 ;border-bottom:0.15rem solid var(--MAINCOLOR);}
textarea{border-radius:0.5rem;border:0.15rem solid var(--MAINCOLOR);}
input:focus, select:focus,textarea:focus{color:var(--FONT);background:var(--WHITE);}
select:focus{border-radius:0;border-right:0;}
textarea{height:15rem;}
button{cursor:pointer;height:1.8rem;width:100%;background:var(--MAINCOLOR);color:var(--WHITE);/*box-shadow:0 0.35rem 0.25rem rgb(230,230,230);*/}
button:hover{border:0.15rem solid var(--MAINCOLOR);background:rgba(51,102,204,0.2);color:var(--FONT);}
::selection{background:var(--MAINCOLOR);color:var(--WHITE);}
::-moz-selection{background:var(--MAINCOLOR);color:var(--WHITE);}
sup{font-size:0.75rem;}
i{margin-right:0.25rem;}
div.filter{z-index:9000;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:100%;}
div.filter div.pagenavi{position:fixed;top:10%;right:0;left:0;text-align:center;}
div.cover{display:none;padding-top:1rem;padding-bottom:1rem;}
div.clock.pc{width:10rem;position:fixed;top:5.5rem;right:1rem;padding:0.25rem;background:transparent;text-align:center;line-height:100%;font-size:0.9rem;color:var(--SUBCOLOR);border-radius:0.25rem;border:0.1rem solid var(--SUBCOLOR);}
div.layout.pc{width:82%;margin-left:1rem;padding-top:0;}
div.layout.sp{width:95%;font-size:95%;padding-top:5rem;}
div.layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:100%;background-color:rgba(0,100,0,0.4);}

div.boxlayout{width:100%;text-align:center;margin-bottom:1rem;}
div.boxlayout div{display:inline-block;text-align:left;vertical-align:top;}
div.boxlayout.pc div.outer{margin:0 0.5rem 0 0.5rem;width:48%;}
div.boxlayout.pc div.outer.charge, div.boxlayout.pc div.outer.exampletitle{margin:0 0.5rem 0 0.5rem;width:29%;}
div.boxlayout.pc div.outer.exp{margin:0 0.5rem 0 0.5rem;width:66%;}
div.boxlayout.pc div.outer.q{width:35%;}
div.boxlayout.pc div.outer.a{width:60%;}
div.boxlayout.sp div.outer{margin:0.2rem;width:98%;}
div.boxlayout div div{display:block;width:100%;}

div.flowlayout{display:flex;width:100%;overflow-x:scroll!important;padding:0.5rem 0 1rem 0;}
div.flowlayout div{flex-shrink:0;margin:0.25rem;padding:0.25rem;text-align:center;cursor:pointer;}
div.flowlayout div.skin{padding:0.5rem;margin:0.25rem;border-radius:0.5rem;}
div.flowlayout div.skin:hover{border:0.15rem solid rgba(228,243,245,0.6);background:rgba(228,243,245,0.6);}
div.flowlayout.pc div.skin{width:45%;}
div.flowlayout.sp div.skin{width:80%;}
div.flowlayout div div{display:block;width:100%;}
div.flowlayout div div.content{width:98%!important;overflow-x:hidden;overflow-y:hidden;margin-bottom:1rem;}
div.flowlayout.pc div div.content{height:20em!important;}
div.flowlayout.sp div div.content{height:14em!important;}
div.flowlayout div div.content iframe{width:1920px;height:1080px;pointer-events:none;transform:scale(0.4);transform-origin:0 0;}
div.flowlayout.sp div div.content iframe{width:1440px;height:960px;}

div.menubutton{cursor:pointer;position:fixed;top:0;right:0;z-index:5600;padding:0.7rem;border-radius:0 0 0 0.5rem / 0 0 0 0.5rem;background:var(--MAINCOLOR);color:var(--WHITE);}
div.sitemenu{position:fixed;z-index:5500;}
div.sitemenu.pc{width:var(--PCWIDTH);top:10rem;right:0;background:var(--WHITE);text-align:right;}
div.sitemenu.sp{width:100%;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding-top:3rem;padding-right:1rem;background:var(--WHITE);text-align:right;}
div.sitemenu div.head{text-align:right;width:60%;padding:0.5rem;margin-bottom:2rem;margin-left:0!important;border-bottom:0.2rem solid var(--MAINCOLOR);color:var(--MAINCOLOR);}
div.sitemenu div.menubody div{display:inline-block;text-align:center;cursor:pointer;padding:0.6em;margin:0.1rem;color:var(--COLOR2);}
div.sitemenu.pc div.menubody div{color:var(--MAINCOLOR);text-align:left;width:95%;margin:0.3rem  0 0.3em 0;padding:0.3em;border-top:0.1rem solid var(--MAINCOLOR);}
div.sitemenu.sp div.menubody div{text-align:left;width:70%;color:var(--COLOR2);border-bottom:0.15rem solid var(--COLOR2);}
div.sitemenu.pc div.menubody div.now{width:100%;font-weight:bolder;border-top:0.2rem solid var(--MAINCOLOR);}
div.sitemenu.sp div.menubody div.now{border-bottom:0.2rem solid var(--MAINCOLOR);color:var(--MAINCOLOR);}
div.sitemenu div.menubody div.now:hover{cursor:default;}
div.sitemenu.pc div.menubody div:hover{width:100%;font-weight:bolder;color:var(--COLOR2);}
div.sitemenu.pc div.menubody div.now:hover{width:100%;color:var(--MAINCOLOR);font-weight:bolder;border-top:0.2rem solid var(--MAINCOLOR);}

div.header{position:fixed;text-align:left;z-index:5000;padding:0.4em 0.3em 0.4em 0.3em;font-size:1.15rem;border-top:0.2rem solid var(--MAINCOLOR);border-bottom:0.05rem solid var(--MAINCOLOR);color:var(--MAINCOLOR);background:var(--WHITE);}
div.header.pc{top:0;right:0;border-bottom:0;text-align:left;line-height:1.05rem;width:var(--PCWIDTH);}
div.header.sp{top:0;right:0;left:0;width:100%;font-size:1.35rem;}

div.textswrapper{padding:1rem!important;background:transparent;padding:0.5rem 0 0.5rem 0;margin-bottom:2rem;}
div.textswrapper:before,div.textswrapper:after{content:"";position:absolute;display:inline-block;width:100%;height:1.2rem;}
div.textswrapper:before{top:0;left:0;border:0.15rem solid var(--COLOR2);border-bottom:0;}
div.textswrapper:after{bottom:0;right:0;border-radius:0 0 0.75rem 0.75rem/0 0 0.75rem 0.75rem;border:0.15rem solid var(--COLOR2);border-top:0;}
div.textswrapper.none:before,div.textswrapper.none:after{content:"";width:0;height:0;border:0;}
div.texts{text-align:left;padding:0 0.5rem 0 0.5rem;margin-bottom:1rem;}
div.frame{height:10rem;overflow-y:auto;margin-bottom:1rem;}
div.frame.pc{height:20rem;}
div.frame.sp{height:12rem;}
div.frame.pc.exp{height:35rem;}
div.frame.pc.short{height:12rem;}
div.frame.pc.narrow{height:15rem;}
.pinned.pc{position:fixed;top:7rem;left:0.25rem;width:14%;}

/*div.devide{font-size:1.15rem;text-align:left;margin-bottom:1rem;padding:0 0.25rem 0.25rem 0.25rem;border-radius:0 0 0.5rem 0/0 0 0.5rem 0;border:0.15rem solid var(--MAINCOLOR);border-top:0;border-left:0;color:var(--MAINCOLOR);}
div.devide:before{content:"";position:absolute;top:100%;left:0;border-right:1rem solid var(--MAINCOLOR);border-bottom:0.75rem solid transparent;}
div.devide div.heading{line-height:1rem;font-size:0.75rem;margin-bottom:0.2rem;color:rgb(242,98,132);}
div.devide div.heading:before{content:"▶";display:inline-block;padding-right:0.15rem;font-size:inherit;}*/
div.devide{font-size:1.1rem;text-align:left;margin-bottom:1rem;padding:0.2rem;border-left:1.2rem solid var(--MAINCOLOR);color:var(--MAINCOLOR);}
div.devide2{margin-bottom:1rem;text-align:left;}
div.devide2 span{display:inline-block;vertical-align:middle;}
div.devide2 span.cover{font-size:1.05rem;padding:0.1rem;border-bottom:0.1rem solid var(--FONT);color:var(--FONT);}
div.underline{text-align:left;font-size:1.1rem;padding:0.2rem;margin-bottom:1rem;border-bottom:0.15rem solid var(--MAINCOLOR);color:var(--MAINCOLOR);}
div.mark{margin-bottom:0.6rem;}
div.mark spam{display:inline-block;vertical-align:middle;}
span.label{padding:0.1rem 0.5rem 0.1rem 0.5rem;border-radius:0.25rem;background:var(--MAINCOLOR);color:var(--WHITE);}

div.triangle{margin-top:1rem;width: 0!important;height: 0!important;border-top:1.5rem solid var(--MAINCOLOR);border-right:1.5rem solid transparent;border-bottom:1.5rem solid transparent;border-left: 1.5rem solid transparent;}

div.formbutton{width:50%!important;text-align:center;}
div.formbutton buton{width:100%;}
div.formbutton.back{width:50%!important;text-align:center;padding:0.5rem;border:0.1rem solid var(--COLOR2);border-radius:0.5rem;box-shadow:0 0.25rem 0.25rem var(--COLOR2);}
div.formbutton.back:hover{opacity:0.7;}

div.telno input{width:20%;}
div.zipcode input{width:22%;}
div.mails input{width:40%;}
div.dates input{width:23%;text-align:center;}
input.sbc_field{ime-mode:disabled;}

div.rowset{margin-bottom:1rem;}
div.rowset div{width:inherit;display:block;}
div.rowset div.title{margin-bottom:0.5rem;}
div.rowset div.content{padding:0 0.5rem 0 0.5rem;margin-bottom:1rem;}
div.rowset div.title span{display:inline-block;border-left:1rem solid var(--SUBCOLOR);padding:0.25rem;color:var(--SUBCOLOR);}

div.message{z-index:9000;font-size:0.9rem;text-align:left;position:fixed;border-radius:0.5rem;padding:1rem 0.5rem 1rem 0.5rem;background:rgba(255,255,252,0.9);border:0.1rem solid var(--MAINCOLOR);color:var(--MAINCOLOR);line-height:1.03rem;}
div.message.pc{width:var(--PCWIDTH);bottom:1rem;right:0;border-radius:0.5rem 0 0 0.5rem/0.5rem 0 0 0.5rem;border-right:none!important;}
div.message.sp{width:90%;right:1rem;bottom:1rem;left:1rem;}
div.message div.messageheader{padding:0.1rem;margin-bottom:0.6em;font-size:1.05rem;}
div.message div.messagebody{padding:0 1rem 0 1rem;}
div.message.pc div.messagebody{padding:0 1rem 0 1rem;}
div.message.go{border:0.1rem solid rgb(57,101,199);color:rgb(57,101,199);}
div.message.go div.messageheader{border-left:1rem solid rgb(57,101,199);}
div.message.stop{border:0.1rem solid rgb(165,2,83);color:rgb(165,2,83);}
div.message.stop div.messageheader{border-left:1rem solid rgb(165,2,83);}
div.message.check{border:0.1rem solid rgb(0,147,112);color:rgb(0,147,112);}
div.message.check div.messageheader{border-left:1rem solid rgb(0,147,112);}

span.tellink:hover, span.maillink:hover{text-decoration:underline;cursor:pointer;}
span.pagelink{text-decoration:underline;cursor:pointer;color:rgb(253,115,74);}
.links{color:rgb(0,147,112);cursor:pointer;}
.links:hover{color:rgb(253,115,74);text-decoration:underline;}

span.selectset{width:95%;font-size:0.95rem;}
span.selectset input[type=text], span.selectset select, span.selectset button{display:inline-block;vertical-align:baseline;margin:0.2rem;}
span.selectset input[type=text], span.selectset select{width:65%;}
span.selectset button{width:20%;font-size:inherit;padding:0.1rem;}
span.selectset.dates input[type=text], span.selectset.dates select{width:30%;height:1.75rem;text-align:center;}

div.changefield{margin-bottom:2rem;transform:scale(0.85);}

div.gotop{display:none;z-index:4900;position:fixed;right:0.5rem;bottom:3em;}
div.gotop i{display:block;font-size:1.6rem;border-radius:0.5rem;padding:0.35rem;background:var(--MAINCOLOR2);color:var(--WHITE);border:0.05rem solid var(--WHITE);cursor:pointer;}

div.loginset{width:80%;}
div.loginset div{display:inline-block;vertical-align:baseline;}
div.loginset div div{display:block;}
div.loginset div.formparts{width:73%;}
div.loginset div.buttons{width:20%;}

table.accumulation{width:100%;}
table.accumulation tr td{padding:0.15rem 0.25rem 0.75rem 0.25rem!important;vertical-align:top;}
table.accumulation tr td.left{width:30%;border-top:0.1rem solid var(--MAINCOLOR);color:var(--MAINCOLOR);}
table.accumulation tr td.right{width:70%;}

ul.result{margin:0 1rem 0 1rem;}
ul.result li{list-style:disc;margin-bottom:0.25rem;padding-left:-0;}

table.jobdirection.pc{width:70%;}
table.jobdirection.sp{width:100%;}
table.jobdirection tr td{padding:0.15rem 0.25rem 0.15rem 0.25rem!important;vertical-align:middle;border:0.1rem solid var(--WHITE);border-top:0.1rem solid var(--MAINCOLOR);border-bottom:0.1rem solid var(--MAINCOLOR);}
table.jobdirection tr.head td{text-align:center;background:var(--MAINCOLOR);color:var(--WHITE);}
table.jobdirection tr td.q{width:50%;}
table.jobdirection tr td.a{width:25%;text-align:right;}