@charset "utf-8";

@import url("//hello.myfonts.net/count/3783e3");
@font-face {font-family: 'HelveticaNeueLTPro-BdCn';src: url('/fonts/3783E3_2_0.eot');src: url('/fonts/3783E3_2_0.eot?#iefix') format('embedded-opentype'),url('/fonts/3783E3_2_0.woff2') format('woff2'),url('/fonts/3783E3_2_0.woff') format('woff'),url('/fonts/3783E3_2_0.ttf') format('truetype');}




/* # =================================================================
	 # color
	 # ================================================================= */
/*
NITTSU RED
#ED1C24
rgb(237, 28, 36)

NITTSU BLUE
#003D79
rgb(0, 61, 121);

NITTSU ORANGE
#ED6C00
rgb(237, 108, 0);

*/



/* # =================================================================
	 # media query setting
	 # ================================================================= */
/*
@media screen and (max-width: 480px) {

}
@media screen and (max-width: 600px) {

}
@media screen and (max-width: 960px) {

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

}
*/



/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */

/* # =================================================================
	 # Global selectors
	 # ================================================================= */

html {
	box-sizing: border-box;
	overflow-y: scroll; /* All browsers without overlaying scrollbars */
	-webkit-text-size-adjust: 100%; /* iOS 8+ */
}

/**,
::before,
::after {
	background-repeat: no-repeat;
	box-sizing: inherit;
}*/

* {
	/*background-repeat: no-repeat;*/
	box-sizing: inherit;
}

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

* {
	padding: 0; /* Reset `padding` and `margin` of all elements */
	margin: 0;
}

/* # =================================================================
	 # General elements
	 # ================================================================= */

/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
	display: none;
	height: 0;
}

hr {
	overflow: visible; /* Show the overflow in Edge and IE */
	margin-bottom: 40px;
	border-top: 1px solid #DDD;
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

summary {
	display: list-item; /* Add the correct display in all browsers */
}

small {
	font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
	display: none; /* Add the correct display in IE */
}

abbr[title] {
	border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
	text-decoration: none; /* Remove text decoration in Firefox 40+ */
}

a {
	background-color: transparent; /* Remove the gray background on active links in IE 10 */
	-webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
	outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace; /* Specify the font family of code elements */
}

b,
strong {
	font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
	font-style: italic; /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
	background-color: #ff0;
	color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* # =================================================================
	 # Forms
	 # ================================================================= */

input {
	border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
	cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
	cursor: default;
}

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

[type="search"] {
	-webkit-appearance: textfield; /* Safari 8+ */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none; /* Safari 8 */
}

textarea {
	overflow: auto; /* Internet Explorer 11+ */
	resize: vertical; /* Specify textarea resizability */
}

button {
	overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: 0;
	padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	outline: 1px dotted ButtonText;
}

button,
html [type="button"], /* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */
[type="reset"],
[type="submit"] {
	-webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

button,
select {
	text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
	background-color: transparent;
	border-style: none;
	color: inherit;
}

/* Style select like a standard input */
select {
	-moz-appearance: none; /* Firefox 36+ */
	-webkit-appearance: none; /* Chrome 41+ */
}

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

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

legend {
	border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
	color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
	display: table; /* Correct the text wrapping in Edge and IE */
	max-width: 100%; /* Correct the text wrapping in Edge and IE */
	white-space: normal; /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
	-webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
	font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

[type="search"] {
	-webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
	outline-offset: -2px; /* Correct the outline style in Safari */
}

/* # =================================================================
	 # Specify media element style
	 # ================================================================= */

img {
	border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
	vertical-align: baseline;
}

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

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

/* # =================================================================
	 # Accessibility
	 # ================================================================= */

/* Hide content from screens but not screenreaders */
@media screen {
	[hidden~="screen"] {
		display: inherit;
	}
	[hidden~="screen"]:not(:active):not(:focus):not(:target) {
		position: absolute !important;
		clip: rect(0 0 0 0) !important;
	}
}

/* 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;
}

/* # =================================================================
	 # Selection
	 # ================================================================= */

/* Specify text selection background color and omit drop shadow */

::-moz-selection {
	background-color: #444; /* Required when declaring ::selection */
	color: #FFF;
	text-shadow: none;
}

::selection {
	background-color: #444; /* Required when declaring ::selection */
	color: #FFF;
	text-shadow: none;
}





/* # =================================================================
	 # setting
	 # ================================================================= */
* {
	font-style: normal;
}

html {
	font-size: 6.25%;
	/* 1rem = 1px */
}

body {
	color: #000;
	font-size: 18em;
	font-family: "Arial", sans-serif;
	line-height: 1.8;
	min-width: 300px;
	width: 100%;
	min-height: 100vh;
	overflow-x: hidden;

	display:-ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
@media screen and (max-width: 960px) {
body {
	font-size: 14em;
}
}/*@media*/

ul {
	list-style:none;
	width: 100%;
}

ul ul,
ul ol,
ol ul,
ol ol {
	color: #666;
	margin-top: 0;
	padding-left: 16px;
}

form {
	position: relative;
}

a, span {
	display: inline-block;
}



/* p
===========================*/
p {
	margin-top: 16px;
}
@media screen and (max-width: 960px) {
p {
	font-size: 13rem;
}
}/*@media*/

p:not(.ttl) + p {
	margin-top: 32px;
}


/* a
===========================*/
a {
	text-decoration: none;
	display: inline-block;
}

a:link,
a:visited {
	color: #444;
}

@media screen and (min-width: 961px) {
a:hover {
	color: #8EC300;
	/*text-decoration: none;*/
}

a:active {
	color: #8EC300;
}
}/*@media*/



/* table
===========================*/
table,thead,tbody,tr,th,td {
	text-align: left;
	vertical-align: top;
}

table {
	font-size: 14rem;
	width: 100%;
	margin: 8px 0 0;
	border-top:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
	border-collapse:collapse;
}

table tr:nth-of-type(even) {
	background: #fafafa;
}

th, td {
	padding: 8px 12px;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
@media screen and (max-width: 960px) {
th,td {
	padding: 4px 8px;
}
}/*@media*/

th {
	font-weight:bold;
	background: #ECECEC;
	border-color: #ccc;
}

/*table 直下の ul,li にはトップを設定しない*/
td > ul:first-child,
td > ul:first-child > li:first-child {
	margin-top: 0!important;
}

/* フォームスタイルの完全初期化
===========================*/
input, button, textarea, select {
	display: block;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	line-height: 1;
}

/*IE10以降のフォーム内の要素を非表示*/
input::-ms-clear {visibility:hidden}
input::-ms-reveal {visibility:hidden}



/* フォーム
===========================*/
textarea {
	font-size: 13rem;
	font-weight: normal;
	line-height: 1.6;
	padding: 16px;
	width: 100% !important;
	height: 160px;
	border: 1px solid #DFDFDD;
	outline: none;
	background: #F7F7F7;
}

select {
	position: relative;
	z-index: 1;
	font-size: 14rem;
	width: 100%;
	height: 32px;
	padding: 4px;
	outline: none;
	border: none;
	border-radius: 0;
	background: transparent;
}

.selectWrap {
	position: relative;
	background: #FFF;
	border: 1px solid #ebebeb;
}

.selectWrap::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-top: -6px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;

	position: absolute;
	right: 12px;
	top: 50%;
	z-index: 1;

	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.selectWrap::after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: #8EC300;

  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}

input[type="text"],
input[type="tel"],
input[type="email"]{
	font-size: 14rem;
	outline: none;
	width: 100%;
	height: 32px;
	padding: 4px 8px;
	border: 1px solid #CCC;
	background: #fff;
	-webkit-appearance: none;
}

button,
input[type="button"]{
	-webkit-appearance: none;
	cursor: pointer;
	border: none;
	outline: none;
	border-radius: 100px;
	color: #1db2e0;
}

input[type="radio"]{
	display: inline-block;
	padding: 0;
	margin: 0 4px 0 0;
}

button[type="submit"] {
	-webkit-appearance: none;
	cursor: pointer;
	border: none;
	outline: none;
	background: none;
	color: #FFF;
	padding: 8px 0;
	margin: 32px 0 0;
	width: 200px;
	font-size: 16rem;
	display: inline-block;
	background: linear-gradient(to right, rgba(37,198,222,1) 0%,rgba(128,156,206,1) 100%);
	border-bottom: 4px solid #5cadd4;
	border-radius: 100px;
}

input[type="submit"]{
	-webkit-appearance: none;
	cursor: pointer;
	border: none;
	outline: none;
	background: none;
}

button[type="submit"]:hover {
	background: linear-gradient(to right, rgba(128,156,206,1) 0%,rgba(37,198,222,1) 100%);
}

input[type="search"]{
	-webkit-appearance: none;
	background: #FBFAFA;
	border: 1px solid #E5E5E5;
	border-radius: 100px;
	padding: 4px 30px 4px 12px;
	width: 100%;
	outline: 0;
}

input[disabled="disabled"] {
	background-color: #ddd;
}



/* Fonts
===========================*/
h1,h2,h3,h4,h5,h6,
a,
dt,
p.ttl,
.subNav,
#breadcrumbs,
.wovnAreaEn,
.wovn-lang-list > li {
	font-family: "Arial";
	font-weight: bold;
	letter-spacing: 0.4px;
}

a dd {
	font-family: 'Roboto', sans-serif;
}