@charset "utf-8";

/*
 * Normalization
 */
body { user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
 
audio:not([controls]) {
	display: none; /* Chrome 44-, iOS 8+, Safari 9+ */
}

button {
	overflow: visible; /* Internet Explorer 11- */
	-webkit-appearance: button; /* iOS 8+ */
}

details {
	display: block; /* Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */
}

html {
	-ms-overflow-style: -ms-autohiding-scrollbar; /* Edge 12+, Internet Explorer 11- */
	overflow-y: scroll; /* All browsers without overlaying scrollbars */
	-webkit-text-size-adjust: 100%; /* iOS 8+ */
}

input {
	-webkit-border-radius: 0 /* iOS 8+ */
}

input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;/* iOS 8+ */
}

input[type="number"] {
	width: auto;/* Firefox 36+ */
}

input[type="search"] {
	-webkit-appearance: textfield;/* Chrome 45+, Safari 9+ */
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;/* Chrome 45+, Safari 9+ */
}

main {
	display: block; /* Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+ */
}

pre {
	overflow: auto; /* Internet Explorer 11- */
}

progress {
	display: inline-block; /* Internet Explorer 11-, Windows Phone 8.1+ */
}

small {
	font-size: 75%; /* All browsers */
}

summary {
	display: block; /* Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */
}

svg:not(:root) {
	overflow: hidden; /* Internet Explorer 11- */
}

template {
	display: none; /* Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+ */
}

textarea {
	overflow: auto; /* Edge 12+, Internet Explorer 11- */
	resize: none;
	overflow-y: scroll;
}

[hidden] {
	display: none; /* Internet Explorer 10- */
}

/*
 * Universal inheritance
 */

*,
:before,
:after {
	box-sizing: inherit;
}

* {
	font-size: inherit;
	line-height: inherit;
}

:before,
:after {
	text-decoration: inherit;
	vertical-align: inherit;
}



/*
 * Opinionated defaults
 */

/* specify the border style and width of all elements */

*,
:before,
:after {
	border-style: solid;
	border-width: 0;
}

/* specify the core styles of all elements */

* {
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

/* specify the root styles of the document */

:root {
	background-color: #ffffff;
	box-sizing: border-box;
	color: #000000;
	cursor: default;
	font: 100%/1.5 sans-serif;
	text-rendering: optimizeLegibility;
}

/* specify the text decoration of anchors */

a {
	text-decoration: none;
	color: #fb4556;
}

/* specify the alignment of media elements */

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

/* specify the background color of form elements */

button,
input,
select,
textarea {
	background-color: transparent;
}

/* specify the inherited color and font of form elements */

button,
input,
select,
textarea {
	color: inherit;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/* specify the minimum height of form elements */

button,
[type="button"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="reset"],
[type="search"],
[type="submit"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
	min-height: 1.3em;
}

/* specify the font family of code elements */

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
}

/* specify the list style of nav lists */

nav ol,
nav ul {
	list-style: none;
}

/* specify the standard appearance of selects */

select {
	-moz-appearance: none;    /* Firefox 40+ */
	-webkit-appearance: none /* Chrome 45+ */
}

select::-ms-expand {
	display: none;/* Edge 12+, Internet Explorer 11- */
}

select::-ms-value {
	color: currentColor;/* Edge 12+, Internet Explorer 11- */
}

/* specify the border styling of tables */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* specify the resizability of textareas */

textarea {
	resize: vertical;
}

/* specify the background color, font color, and drop shadow of text selections */

::-moz-selection {
	background-color: #b3d4fc; /* required when declaring ::selection */
	color: #4c2b03;
	text-shadow: none;
}

::selection {
	background-color: #b3d4fc; /* required when declaring ::selection */
	color: #4c2b03;
	text-shadow: none;
}

/* specify the progress cursor of updating elements */

[aria-busy="true"] {
	cursor: progress;
}

/* specify the pointer cursor of trigger elements */

[aria-controls] {
	cursor: pointer;
}

/* specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */

[aria-disabled] {
	cursor: default;
}

/* specify the style of visually hidden yet accessible elements */

[hidden][aria-hidden="false"] {
	clip: rect(0 0 0 0);
	display: inherit;
	position: absolute
}

[hidden][aria-hidden="false"]:focus {
	clip: auto;
}

/*float clear*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    min-height:1%;  /* for IE 7*/
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
body { line-height:1 }
body	 { font-family:"メイリオ","ＭＳ Ｐゴシック","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,verdana,arial,clean,sans-serif; margin: 0; padding: 0; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block }
nav,ul,li { list-style-type: none; }
blockquote,q { quotes:none }
blockquote:before,blockquote:after,q:before,q:after { content:none }
a { margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent }
ins { background-color:#ff9;color:#000;text-decoration:none }
mark { background-color:#ff9;color:#000;font-style:italic;font-weight:bold }
del { text-decoration:line-through }
abbr[title],dfn[title] { border-bottom:1px dotted;cursor:help }
table { border-collapse:collapse;border-spacing:0 }
hr { display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0 }
input,select { vertical-align:middle }
img { vertical-align: bottom; }
* { box-sizing: border-box; }

/* common */
body{
  color: #333;
  font-family: Helvetica,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","Osaka",sans-serif;
  font-size: 11px;
  line-height: 1.6;
}

.select_entry_box {
	width: 100%;
}

.select_entry_box_line {
	width: 100%;
}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; width: 90%; margin: 0 auto; }

.video-container iframe  { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/***********************************************************************************************************************************************************************/
/*SPver.*/
a,
a:link,
a:visited,
a:hover,
a:active{
  color: #fb4556;
  text-decoration: none;
}

.head-wrap {
	background: rgba(0,0,0,0.82);
	position: fixed;
	top: 0;
	width: 100%;
	height: 30px;
	left: 0;
	z-index: 10000;
}
.wrap980 {}



h1 {
position: absolute;
top: 30px;
text-align: center;
font-size:12px;
color: #fff;
font-weight: normal;
padding: 2px 0;
width: 100%;
background: rgba(0,0,0,0.6);
}
.sns_btn {
width: 60%;
position: absolute;
top: 0;
left: 0;
}
.sns_btn li {
float: left;
width: 30%;
margin-right: 2px;
}
.sns_btn li a {
display: block;
height: 30px;
background: #f00;
text-align: center;
padding-top: 5px;
}
.sns_btn li.sns-tw a { background: #55acee; }
.sns_btn li.sns-fb a { background: #3B5998; }
.sns_btn li.sns-line a { background: #1dcd00; }
.sns_btn li a img {
height: 20px;
}
.oubo-btn {
position: absolute;
top: 0;
right: 0;
width: 40%;
}
.oubo-btn a {
display: block;
width: 100%;
font-size: 14px;
font-weight: bold;
background: #fb4556;
color: #fff;
text-align: center;
line-height: 30px;
transition: 0.2s linear;
}

.select_line_at
{
	margin-bottom: 30px;
	cursor: pointer;
	float: left;
	right: 0;
	display: block;
	width: 100%;
	height: 36px;
	font-size: 18px;
	font-weight: bold;
	background: #5AE628;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	transition: 0.2s linear;
}

.select_type a, .select_entry a{
	margin-bottom: 30px;
	margin-left: 30px;
	margin-top: 20px;
	cursor: pointer;
	float: left;
	right: 0;
	display: block;
	width: 35%;
	height: 34px;
	font-size: 16px;
	font-weight: bold;
	background: #4387e9;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	line-height: 35px;
	transition: 0.2s linear;
}
.select_type a:hover, .select_entry a:hover {
	background: #ffe50e;
	transition: 0.3s linear;
}

.logo-img { text-align: center; margin: 80px 20px 20px 20px; }
.logo-img img { width: 90%; }
.main-photo {}
.main-photo img { width: 100%; }

.main-copy {
	margin: 20px 10px 0 10px;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.4;
}
.plof-box {}
.plof-box h3 {
	background: #333;
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	margin: 20px 10px 0 10px;
	font-size: 14px;
	font-weight: bold;
}
.plof-box p {
	font-size: 14px;
	line-height: 1.6;
	margin: 0 10px;
	padding: 10px 0 0 0;
}
.staff-wrap { margin: 40px 10px 0 10px; }
.staff-h3, .company-wrap h3 {
	background: #333;
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	margin: 0 0 20px 0;
	font-size: 14px;
	font-weight: bold;
}
.staff-box {
	background: #eee url(/images/hrr_staff_bg.gif) repeat-x 0 0;
	margin-bottom: 40px;
}
.hrr_staff_image { text-align: center; line-height: 1.4; }
.hrr_staff_image img { width: 120px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.hrr_staff_name { font-size: 20px; font-weight: normal; text-align: center; margin: 20px 0 0 0; }
.hrr_staff_shoku { font-size: 13px; color: #999; text-align: center; margin: 0; }
.hrr_staff_msg { font-size: 15px; margin: 10px; }
.hrr_staff_sns { margin: 0 10px; padding-bottom: 20px; }
.hrr_staff_sns li { float: left; margin: 0 10% 0 0; width: 17.5%; }
.hrr_staff_sns li:last-child { margin-right: 0; }
.hrr_staff_sns li img { width: 100%; }
.title01 {
	font-size: 18px;
	margin: 40px 10px 10px 10px;
	border-bottom: 1px solid #eee;
	padding: 0 0 5px 0;
}

.g-box { margin: 16px 0 0 5%; }

.g-box  img {
	width: 70px;
	height :auto;
	float: left;
	margin: 5px 5px 5px 5px;
}

.p-box01 { margin: 10px; }
.p-box01 img { width: 100%; margin-bottom: 15px; }
.p-box01 p { font-size: 14px; line-height: 1.6; }

.company-wrap { margin: 60px 10px 0 10px; }
.company-wrap h3 { margin: 0; }
.company-wrap dl { margin: 0 0 0 0; }
.company-wrap dl dt {
	display: inline-block;
	background: #eee;
	color: #999;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 10px;
	margin: 20px 0 0 0;
}
.company-wrap dl dd {
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
	border-top: 2px #eee solid;
	padding: 15px 0 0 0;
}

footer {
	background: #333;
	padding: 20px 0;
	text-align: center;
}
footer div {
	color: #fff;
}
footer div a {
	color: #fff !important;
	text-decoration: underline;
}

.slideMenu{
    position: fixed;
    top: 0;
    right: -250px;
    z-index: 10000;
    width: 250px;
    height: 100%;
    background-color: #fff9f4;
    text-align: center;
    overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.shade{
    position: fixed;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: #333;
    background-color: rgba(0,0,0,.7);
}
.btnMenu {
	position: fixed;
	bottom: 40px;
	right: 0;
	z-index: 5000;
}
.btnMenu img {
	width: 60px;
}

.news-box {
	padding: 20px 10px 20px 10px;
	text-align: left;
	border-bottom: 1px solid #333;
}
.news-photo { margin-bottom: 20px; }
.news-photo img { width: 100%; }
.news-p {
	font-size: 14px;
	line-height: 1.6;
}
.news-date {
	background: #dcd7d3;
	padding: 2px 5px;
	color: #999;
	text-align: right;
	margin: 0 0 10px 0;
	font-size: 12px;
}
.btnClose-box { margin: 40px 0 0 0; padding: 0 0 20px 0; }
.btnClose-box a {
	display: inline-block;
	padding: 10px 30px;
	background: #333;
	color: #fff;
	border-radius: 5px;
}
.hrr_data_btn {
	cursor: pointer;
	background: #ccc;
	padding: 20px 0;
	color: #666;
	font-size: 12px;
}

.g-table td
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.g-table img
{
	border-radius:50%;
}

/***********************************************************************************************************************************************************************/
/* PC ver. */
@media screen and (min-width: 736px){

.head-wrap {
	background: rgba(0,0,0,0.82);
	position: fixed;
	top: 0;
	width: 100%;
	height: 50px;
	left: 0;
	z-index: 10000;
}
.wrap980 { width: 980px; margin: 0 auto; position: relative; }
h1 {
position: absolute;
top: 0;
left: 0;
background: none;
text-align: left;
font-size:18px;
color: #fff;
font-weight: normal;
line-height: 50px;
padding: 0;
}
.sns_btn {
width: auto;
position: absolute;
top: 7px;
left: 606px;
}
.sns_btn li {
float: left;
width: 80px;
margin-right: 5px;
}
.sns_btn li a {
display: block;
height: 36px;
background: #f00;
text-align: center;
padding-top: 6px;
border-radius: 5px;
}
.sns_btn li.sns-tw a { background: #55acee; }
.sns_btn li.sns-fb a { background: #3B5998; }
.sns_btn li.sns-line a { background: #1dcd00; }
.sns_btn li a img {
height: 24px;
}

.sns_btn li.sns-line { display: none; }

.oubo-btn {
position: absolute;
top: 7px;
right: 0;
width: auto;
}

.oubo-btn a {
display: block;
width: 200px;
height: 36px;
font-size: 18px;
font-weight: bold;
background: #fb4556;
border-radius: 5px;
color: #fff;
text-align: center;
line-height: 40px;
transition: 0.2s linear;
}

.oubo-btn a:hover {
	background: #ffe50e;
	transition: 0.3s linear;
}

.select_line_at
{
	margin-bottom: 30px;
	cursor: pointer;
	float: left;
	right: 0;
	display: block;
	width: 100%;
	height: 36px;
	font-size: 18px;
	font-weight: bold;
	background: #5AE628;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	transition: 0.2s linear;
}

.select_type a, .select_entry a{
	margin-bottom: 30px;
	margin-left: 40px;
	cursor: pointer;
	float: left;
	right: 0;
	display: block;
	width: 240px;
	height: 36px;
	font-size: 18px;
	font-weight: bold;
	background: #4387e9;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	transition: 0.2s linear;
}
.select_type a:hover, .select_entry a:hover {
	background: #ffe50e;
	transition: 0.3s linear;
}

.logo-img { text-align: center; margin: 70px 20px 20px 20px; }
.logo-img img { width: auto; }
.main-photo { text-align: center; }
.main-photo img { width: 100%; }

.main-copy {
	margin: 60px auto 0 auto;
	font-size: 30px;
	font-weight: normal;
	line-height: 1.4;
	text-align: center;
	width: 980px;
}
.plof-box {
	margin: 60px auto 0 auto;
	width: 980px;
	position: relative;
}
.plof-box h3 {
	background: #333;
	padding: 5px 20px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
}
.plof-box p {
	font-size: 16px;
	line-height: 1.8;
	margin: 20px 0 0 0;
	border-top: none;
	padding: 0 0 0 280px;
	float: right;
}
.title02 {
	background: #333;
	padding: 5px 10px;
	color: #fff;
	margin: 0;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
}
.staff-wrap { margin: 0; width: 100%; padding: 0 0 0 5%; }
.staff-box {
	background: #eee url( /images/hrr_staff_bg.gif ) repeat-x 0 0;
	margin: 0 5% 0 0;
	float: left;
	width: 30%;
	height: 380px;
}
.staff-box:last-child { margin: 0; }
.hrr_staff_image { text-align: center; line-height: 1.4; }
.hrr_staff_image img { width: 120px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.hrr_staff_name { font-size: 22px; font-weight: normal; text-align: center; margin: 20px 0 0 0; }
.hrr_staff_shoku { font-size: 14px; color: #999; text-align: center; margin: 0; }
.hrr_staff_msg { font-size: 14px; margin: 10px 20px;}
.hrr_staff_sns { margin: 0 20px; padding-bottom: 20px; }
.hrr_staff_sns li { float: left; margin: 0 6% 0 0; width: 20.5%; }
.hrr_staff_sns li:last-child { margin-right: 0; }
.hrr_staff_sns li img { width: 100%; }
.wrap01 {
	margin: 80px 0 0 0;
	
	/*margin: 80px auto 0 auto;
	width: 980px;*/
}
.title01 {
	font-size: 22px;
	margin: 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	padding: 0 0 5px 40px;
	background: url( /images/hrr_pict01.png ) no-repeat 8px 5px;
	background-size: 28px;
	color: #555;
}

.g-box { margin: 16px 0 0 5%; }

.g-box  img {
	width: 120px;
	height :auto;
	float: left;
	margin: 16px 16px 16px 16px;
}

.p-box01 { margin: 20px 0 0 5%; }
.p-box01 img {
	width: 400px;
	float: right;
	margin: 0 0 20px 40px;
}
.p-box01 p { font-size: 16px; line-height: 1.8; }

.company-wrap h3 {
	background: #333;
	display: inline-block;
	padding: 5px 20px;
	color: #fff;
	margin: 0 0 20px 0;
	font-size: 20px;
	font-weight: bold;
}
.company-wrap { margin: 80px 0 0 0; }
.company-wrap h3 { margin: 0; }
.company-wrap dl {
	margin: 20px 0 0 5%;
}
.company-wrap dl dt {
	display: inline-block;
	background: #eee;
	color: #999;
	font-size: 16px;
	font-weight: bold;
	padding: 2px 10px;
	margin: 0 0 0 0;
}
.company-wrap dl dd {
	font-size: 16px;
	line-height: 1.8;
	margin: 0;
	border-top: 2px #eee solid;
	padding: 15px 0 40px 0;
}

footer {
	background: #333;
	padding: 20px 0;
	text-align: center;
}
footer div {
	color: #fff;
}
footer div a {
	color: #fff !important;
	text-decoration: underline;
}


/*　ニュース追加部分　*/

.main-wrap { box-sizing: border-box; margin: 60px 0 0 0; }
.main-wrap a{ transition: linear 0.2s;}
.main-wrap a:hover { background: #ffdee9; }
.main-wrap-right {
	float: right;
	width: 28%;
}
.main-wrap-left {
	float: left;
	width: 72%;
	padding-right: 5%;
	border-right: 2px solid #eee;
}

.slideMenu{
    position: relative;
    top: 0;
    right: 0;
    z-index: 1;
	width: 100%;
    height: 100%;
    background: #fff url( /images/hrr_news_title.png ) no-repeat center 0;
    text-align: center;
    overflow: auto;
	padding-top: 100px;
}
.shade{ display: none; }
.btnMenu { display: none; }
.btnMenu img {
	width: 60px;
}

.news-box {
	padding: 20px;
	text-align: left;
	border-top: 2px solid #eee;
	border-bottom: none;
}
.news-photo { margin-bottom: 20px; text-align: center; }
.news-photo img { width: auto; max-width: 200px; }
.news-p {
	font-size: 14px;
	line-height: 1.6;
}
.news-date {
	background: #eee;
	padding: 2px 10px;
	color: #bbb;
	text-align: right;
	margin: 0 0 10px 0;
	font-size: 14px;
}
.btnClose-box { display: none; }
.hrr_data_btn {
	cursor: pointer;
	background: #ccc;
	padding: 10px 0;
	color: #666;
	font-size: 12px;
}


}

/*************************************************************************************************************************/
/*GUDELINES*/
.gudelines_wrap {
  width: 90%;
  max-width: 800px;
  margin: 4em auto;
}

.guide_title01 {
	font-size: 20px;
	margin: 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	padding: 0 0 10px 0;
}

.gudelines_wrap h3 {
	background: #333333;
	display: inline-block;
	padding: 5px 10px;
	color: #FFFFFF;
	margin: 20px 10px 10px 0px;
	font-size: 13px;
	font-weight: bold;
}

.gudelines_wrap p {
	font-size: 13px;
	line-height: 1.6;
	margin: 0 10px;
	padding: 10px 0px 10px 0px;
}

.gude_right_mag{
	margin-left: 15px;
	margin-bottom: 10px;
	padding: 10px;
}

.gude_right_mag p { font-size: 11px; }
.guide_last_text { margin: 60px 0px 20px 0px; }
.guide_top_link_mag{ width: 100%; height: 10px; margin-top: 60px; }

/*************************************************************************************************************************/

/*FORM*/
#hrr_form_div_wrap
{
  background-color: #F5F5F5;
  width: 100%;
  margin: 100px 0px 5px 0px;
  padding: 20px 0px 0px 0px;
  border-top: 1px dotted #000000;
  border-bottom: 1px dotted #000000;
}

#select_pattern_box
{
	margin-top: 80px;
}

#hrr_entry_data_prep
{
	width: 100%;
	text-align: center;
}

/*************************************************************************************************************************/
/*FORM_LIBS_CSS*/
.cd-form {
  width: 90%;
  max-width: 600px;
  margin: 4em auto;
}
.cd-form::after {
  clear: both;
  content: "";
  display: table;
}
.cd-form fieldset {
  width: 100%;
  margin: 5px 0;
  padding-bottom: 40px;
  z-index: 999;
}
.cd-form legend {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 15px;
  margin-bottom: 0;
  font-size: 24px;
  border-bottom: 1px solid #DDDDDD;
  text-align: center;
}
.cd-form div {
  /* form element wrapper */
  position: relative;
  margin: 20px 0;
}
.cd-form h4, .cd-form .cd-label {
  font-size: 14px;
  color: #ccc;
  margin-bottom: 10px;
}
.cd-form .cd-label {
  display: block;
}
.cd-form input, .cd-form textarea, .cd-form select, .cd-form label {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #2b3e51;
}
.cd-form input[type="text"],
.cd-form input[type="email"],
.cd-form textarea,
.cd-form select,
.cd-form legend {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-form input[type="text"],
.cd-form input[type="email"],
.cd-form textarea,
.cd-form select {
  /* general style for input elements */
  padding: 5px;
  border: 1px solid #cfd9db;
  background-color: #ffffff;
  border-radius: .25em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.cd-form input[type="text"]:focus,
.cd-form input[type="email"]:focus,
.cd-form textarea:focus,
.cd-form select:focus {
  outline: none;
  border-color: #2c97de;
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.2);
}
.cd-form .cd-select {
  /* select element wapper */
  position: relative;
}
.cd-form .cd-select::after {
  /* arrow icon for select element */
  content: '';
  position: absolute;
  z-index: 1;
  right: 16px;
  top: 50%;
  margin-top: -8px;
  display: block;
  width: 16px;
  height: 16px;
  pointer-events: none;
}
.cd-form select {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  background: url( /images/svg/cd-icon-arrow.svg ) no-repeat right 5px center;
  background-size: 12px;
}
.cd-form select::-ms-expand {
  display: none;
}
.cd-form .cd-form-list {
  margin-top: 16px;
}
.cd-form .cd-form-list::after {
  clear: both;
  content: "";
  display: table;
}
.cd-form .cd-form-list li {
  /* wrapper for radio and checkbox input types */
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 26px 16px 0;
  float: left;
}
.cd-form input[type=radio],
.cd-form input[type=checkbox] {
  /* hide original check and radio buttons */
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 2;
}
.cd-form input[type="radio"] + label,
.cd-form input[type="checkbox"] + label {
  padding-left: 24px;
}
.cd-form input[type="radio"] + label::before,
.cd-form input[type="radio"] + label::after,
.cd-form input[type="checkbox"] + label::before,
.cd-form input[type="checkbox"] + label::after {
  /* custom radio and check boxes */
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
}
.cd-form input[type="radio"] + label::before,
.cd-form input[type="checkbox"] + label::before {
  border: 1px solid #cfd9db;
  background: #ffffff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.cd-form input[type="radio"] + label::before,
.cd-form input[type="radio"] + label::after {
  border-radius: 50%;
}
.cd-form input[type="checkbox"] + label::before,
.cd-form input[type="checkbox"] + label::after {
  border-radius: .25em;
}
.cd-form input[type="radio"] + label::after,
.cd-form input[type="checkbox"] + label::after {
  background-color: #2c97de;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.4);
  display: none;
}
.cd-form input[type="radio"] + label::after {
  /* custom image for radio button */
  background-image: url( /images/svg/cd-icon-radio.svg );
}
.cd-form input[type="checkbox"] + label::after {
  /* custom image for checkbox */
  background-image: url( /images/svg/cd-icon-check.svg );
}
.cd-form input[type="radio"]:focus + label::before,
.cd-form input[type="checkbox"]:focus + label::before {
  /* add focus effect for radio and check buttons */
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.6);
}
.cd-form input[type="radio"]:checked + label::after,
.cd-form input[type="checkbox"]:checked + label::after {
  display: block;
}
.cd-form input[type="radio"]:checked + label::before,
.cd-form input[type="radio"]:checked + label::after,
.cd-form input[type="checkbox"]:checked + label::before,
.cd-form input[type="checkbox"]:checked + label::after {
  -webkit-animation: cd-bounce 0.3s;
  -moz-animation: cd-bounce 0.3s;
  animation: cd-bounce 0.3s;
}
.cd-form textarea {
  min-height: 100px;
  overflow: auto;
  resize: none;
  overflow-y: scroll;
}

/*2c97de*/
#hrr_entry_data_submit {
  /* button style */
  border: none;
  background: #DDDDDD;
  border-radius: .25em;
  padding: 16px 20px;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  width:100%;
  margin-top: 5px;
}

.no-touch .cd-form input[type="button"]:hover {
  background: #42a2e1;
}
.cd-form input[type="button"]:focus {
  outline: none;
  background: #2b3e51;
}
.cd-form input[type="button"]:active {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.cd-form [required] {
  background: url( /images/svg/cd-required.svg ) no-repeat top right;
}
.cd-form .error-message p {
  background: #e94b35;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: .25em;
  padding: 8px;
}
.cd-form .error {
  border-color: #e94b35 !important;
  border-width: 2px !important;
}

.cd-form .form-year, .cd-form .form-mounth, .cd-form .form-day , .cd-form .form-lic {
	display: inline-block;
}

.cd-form .form-lic  {
	width: 110px;
}

.cd-form .form-year {
	width: 110px;
}
.cd-form .form-mounth, .cd-form .form-day {
	width: 60px;
}
div.form-title {
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: bold;
	color: #999 !important;
}

.submit-div { text-align:center;
height: 45px;
}

#submit-chk { text-align:center;
padding-top: 40px;
font-weight: bold;
}

#loading-chk { text-align:center;
width: 100%;
margin: 0 auto;
}
#loading-chk img { text-align:center;
margin: 0 auto;
}


@media only screen and (min-width: 600px) {
  .cd-form div {
    /* form element wrapper */
    margin: 16px 0;
  }
  .cd-form legend + div {
    /* reduce margin-top for first form element after the legend */
    margin-top: 20px;
  }
  .cd-form h4, .cd-form .cd-label {
    font-size: 1.2rem;
    margin-bottom: 5px;
  }
  .cd-form input[type="text"],
  .cd-form input[type="email"],
  .cd-form textarea,
  .cd-form select {
    padding: 5px;
  }
}

@-webkit-keyframes cd-bounce {
  0%, 100% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes cd-bounce {
  0%, 100% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(0.8);
  }
}
@keyframes cd-bounce {
  0%, 100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}