*{margin:0 auto;padding:0;outline:none;}
body{background-color:#bababa;}
.main{width:calc(100% - 56px);max-width:940px;height:auto;padding:28px;background-color:#fff;}
.main .mainBox{width:96%;background-color:#799900;border-radius:10px;padding:1% 2%;margin-bottom:23px;float:left;}
.main .mainBox .title{color:#c3d500;font-size:33px;line-height:40px;width:100%;font-family:'HelveticaT', Arial, sans-serif;}
.main .mainBox .text{color:#ffffff;font-size:24px;line-height:29px;width:100%;font-family:'HelveticaT', Arial, sans-serif;}
.main .contentBox{width:92%;background-color:#d8d1c9;border-radius:10px;padding:1% 6% 1% 2%;float:left;margin-bottom:18px;}
.main .contentBox .head{width:100%;clear:both;height:36px;}
.main .contentBox .head .title{float:left;font-size:25px;font-family:'HelveticaT', Arial, sans-serif;color:#706258;line-height:26px;margin:0 0 15px 5%;width:95%;}
.main .contentBox .head .description{float:right;font-size:19px;font-family:'Titillium Web', Arial, sans-serif;color:#706258;line-height:26px;margin:-40px 0 10px 0;}
.main .contentBox .selectBox{border:solid 1px #706258;border-radius:6px;background-color:#fff;width:100%;float:left;}
.main .contentBox .selectBox .line{border-bottom:solid 1px #706258;width:96%;padding:2%;font-family:'Titillium Web', Arial, sans-serif;color:#706258;font-size:19px;line-height:26px;float:left;}
.main .contentBox .selectBox .line:last-child{border:none;}
.main .contentBox .selectBox .line .theSelection{float:right;width:170px;margin-top:-10px;}
.main .contentBox .selectBox .line .theSelection .theNumbers{width:100%;float:left;}
.main .contentBox .selectBox .line .theSelection .theNumbers span{display:inline-block;width:15px;font-size:13px;line-height:19px;font-family:'Titillium Web', Arial, sans-serif;text-align:center;color:#706258;float:left;margin:0 1px;}
.main .contentBox .selectBox .line .theSelection .theRadios {width:100%;float:left;}
.main .contentBox .selectBox .line .theSelection .theRadios span{display:inline-block;width:15px;line-height:19px;text-align:center;float:left;margin:0 1px;}
.main .contentBox .selectBox .line .theSelection .theRadios span.Pair{width:40px;}

.main .contentBox .termination{width:97%;font-size:19px;line-height:32px;color:#706258;font-family:'Titillium Web', Arial, sans-serif;float:left;padding:0 0 0 3%;}
.main .contentBox .termination input{float:right;line-height:26px;font-size:19px;width:92%;border-radius:6px;border:solid 1px #706258;color:#706258;padding:0.2% 1%;font-family:'Titillium Web', Arial, sans-serif;-webkit-box-shadow:inset 1px 1px 2px #000;-moz-box-shadow:inset 1px 1px 2px #000;box-shadow:inset 1px 1px 2px #000;}

.main .contentBox .termination textarea{float:right;line-height:26px;font-size:19px;width:92%;height:80px;border-radius:6px;border:solid 1px #706258;color:#706258;padding:0.2% 1%;font-family:'Titillium Web', Arial, sans-serif;-webkit-box-shadow:inset 1px 1px 2px #000;-moz-box-shadow:inset 1px 1px 2px #000;box-shadow:inset 1px 1px 2px #000;}

.main .contentBox .selectBox .line .title{font-family:'HelveticaT', Arial, sans-serif;font-size:24px;line-height:26px;width:calc(97% - 170px);float:left;margin-left:2%;}
.main .contentBox .selectBox .line .subtitle{width:calc(97% - 180px);float:left;margin-left:3%;}
::before{margin:0 0% 0 -3%;}
.a::before{content:"A. ";}
.b::before{content:"B. ";}
.c::before{content:"C. ";}
.d::before{content:"D. ";}
.e::before{content:"E. ";}
.f::before{content:"F. ";}
.g::before{content:"G. ";}
.h::before{content:"H. ";}
.i::before{content:"I. ";}
.j::before{content:"J. ";}
.k::before{content:"K. ";}
.l::before{content:"L. ";}
.m::before{content:"M. ";}
.n::before{content:"N. ";}
.num1::before{content:"1. ";}
.num2::before{content:"2. ";}
.num3::before{content:"3. ";}
.num4::before{content:"4. ";}
.num5::before{content:"5. ";}
.num6::before{content:"6. ";}
.num7::before{content:"7. ";}
.num8::before{content:"8. ";}
.num9::before{content:"9. ";}
.num10::before{content:"10. ";}

.main .contentBox.green{background-color:#799900;color:#fff;padding:1% 2%;width:96%;}
.main .contentBox.green .first{float:left;width:46%;padding:2% 0;}
.main .contentBox.green .first .title{float:left;font-family:'HelveticaT', Arial, sans-serif;font-size:25px;line-height:42px;width:30%;line-height:31px;}
.main .contentBox.green .first .termination{float:left;width:60%;}
.main .contentBox.green .first .clear{height:10px;}
.main .contentBox.green .second{float:left;width:29%;border-left:solid 1px #fff;border-right:solid 1px #fff;font-family:'HelveticaT', Arial, sans-serif;font-size:19px;line-height:23px;padding:1% 2%;margin:1% 2%;}
.main .contentBox.green .third{float:left;width:16%;text-align:center;padding:2% 0;}
.Submit{width:100%;text-align:right;}
.Submit input{cursor:pointer;background:url(../images/Submit.png) no-repeat center center;width:191px;height:62px;border:none;}
.clear{clear:both;}
.alert{font-family:'Titillium Web', Arial, sans-serif;color:red;text-align:center;font-size:20px;width:calc(100% - 10px);padding:10px 0;border:double 5px red;clear:both;margin:0 0 10px 0;border-radius:14px;display:none;}
input.error{background-color:red;color:#fff !important;}
.processing{width:100%;height:100%;position:fixed;z-index:10;background:url(../images/Tama_Logo.png) no-repeat center center rgba(0,0,0,.5);top:0;left:0;display:none;}
.res{width:calc(90% - 20px);height:auto;padding:4% 5%;border:solid 10px #799000;font-size:2vw;color:#799000;text-align:center;font-family:'HelveticaT', Arial, sans-serif;}
.checked {float:none !important;}
.checked:before{content:"";background:rgba(255,255,255,1.00);width:10px;height:10px;display:block;border-radius:50%;margin:2px;}
input[type=radio]{display:none;}
input[type=radio] + .checked{border-radius:50%;width:14px !important;height:14px;border:solid 1px rgba(112,98,89,1.00);cursor:pointer;}
.error input[type=radio] + .checked{border:solid 1px rgba(255,0,0,1.00);}
input[type=radio]:checked + .checked{border:solid 1px rgba(121,153,0,1.00);}
input[type=radio]:checked + .checked:before{background:rgba(121,153,0,1.00);}

.checked {float:none !important;}
.checked:before{content:"";background:rgba(255,255,255,1.00);width:10px;height:10px;display:block;border-radius:50%;margin:2px;}
input[type=checkbox]{display:none;}
input[type=checkbox] + .checked{border-radius:0;width:14px !important;height:14px;border:solid 1px rgba(112,98,89,1.00);cursor:pointer;}

.error input[type=checkbox] + .checked{border:solid 1px rgba(255,0,0,1.00);}
input[type=checkbox]:checked + .checked{border:solid 1px rgba(121,153,0,1.00);}
input[type=checkbox]:checked + .checked:before{background:rgba(121,153,0,1.00);border-radius:0;}

textarea.error{background-color:red;color:#fff !important;}
.description.error{color:red !important;}
.error input {background-color:red;color:#fff !important;}
.valid{color: #799000 !important;}
@media(max-width:800px){
	.main .contentBox .head .description{margin:-10px 0 6px 2%;float:left;}
	.main .contentBox .selectBox .line .theSelection {float:left;margin-top:7px;width:100%;}
	.main .contentBox .selectBox .line .title {width:97%;}
	.main .contentBox.green .first {width:100%;}
	.main .contentBox.green .first .termination{width:97%;}
	.main .contentBox.green .second{width:93%;border-top:solid 1px #fff;border-bottom:solid 1px #fff;border-left:solid 0px #fff;border-right:solid 0px #fff;}
	.main .contentBox.green .third{width:100%;}
	.main .contentBox .termination{line-height:normal;margin:10px 0;}
	.main .contentBox .head .title,.main .contentBox .selectBox .line .title,.main .contentBox .selectBox .line .subtitle{margin:0 0 15px 24px;width:calc(100% - 20px);}
	.main .contentBox .selectBox .line .theSelection .theNumbers span,.main .contentBox .selectBox .line .theSelection .theRadios span{width:10%;margin:0;}
	::before {margin:0 0% 0 -24px;}
}