@charset "UTF-8";


/* @group Web Fonts */

@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
@import url('https://fonts.googleapis.com/css?family=Roboto');

/* @end */

/* @group Color */

.silver {
	background-color: #f9f9f9;
}

.gray {
	background-color: #dbdbdb;
}

.sky-blue {
	background-color: #f6fcff;
}

.blue {
	background-color: #23508f;
}

.yellow {
	background-color: #fffded;
}

.orange {
	background-color: #ff6007;
}

.thin-red {
	background-color: #ff8484;
}

.red {
	background-color: #ff4141;
}

/* @end */

/* @group Common */

html {
	background-color: white;
	min-height: 100%;
	position: relative;
}

body {
	color: #404040;
	font: 14px 'Roboto','Helvetica Neue','Helvetica','Arial',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	background-color: white;
	margin-bottom: 100px;
}

section.page-break {
	page-break-before: always;
}

.contents h1,.contents h2,.contents h3,table.table caption {
	font-weight: bold;
}

.contents h1 {
	font-size: 22px;
	border-bottom: 4px double #dbdbdb;
	padding-bottom: 3px;
	padding-left: 4px;
	margin-bottom: 25px;
}

.contents h2 {
	font-size: 20px;
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-bottom: 15px;
}

.contents h3 {
	font-size: 18px;
	border-bottom: 1px dotted #dbdbdb;
	padding-bottom: 1px;
	padding-left: 5px;
	margin-bottom: 15px;
}

.contents p {
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 0.5em;
}

a {
	color: #23508f;
	transition: 0.5s;
}

a:hover {
	color: #ff6007;
}

.required:after {
	color: red;
	font: 10px fontawesome;
	content: "\f069";
	font-weight: normal;
	font-style: normal;
	vertical-align: text-top;
	margin-left: 3px;
	margin-right: 3px;
}

[class$="-link"]:after {
	color: #9d9d9d;
	font-family: fontawesome;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

a.inner-link:after {
	content: "\f0c1";
}

a.external-link:after {
	content: "\f08e";
}

a.word-link:after {
	content: "\f1c2";
}

a.excel-link:after {
	content: "\f1c3";
}

a.pdf-link:after {
	content: "\f1c1";
}

a.mail-link:after {
	content: "\f003";
}

hr {
	border-top: 1px dotted silver;
	margin-top: 50px;
	margin-bottom: 50px;
	background-color: #ffffff;
}

div.information hr,div.policy hr {
	margin-top: 20px;
	margin-bottom: 20px;
}

.tag {
	color: #ffffff;
	background-color: #23508f;
}

p.cc {
	color: #404040;
	margin-left: 0;
}

.icon {
	margin-right: 15px;
}

/* @group table */

table.table {
	margin-bottom: 40px;
}

table.table caption {
	font-size: 16px;
	text-align: left;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 8px;
	padding-bottom: 1px;
	padding-left: 5px;
}

table.table th {
	vertical-align: middle;
	white-space: nowrap;
	background-color: #f9f9f9;
	width: 20%;
}

table.table td {
	vertical-align: middle;
}

table.table td:nth-child(2):nth-last-child(2) {
	width: 40%;
}

table.table tr:hover {
	background-color: #f3fdff;
}

th.item {
	border-left: 3px solid gray;
}

td.check {
	text-align: center;
	background-color: #fffaf3;
}

td.eg {
	color: #838383;
	font-size: 13px;
	background-color: #fffdf0;
}

td.eg ul.exclamation li,
td.eg ul.handbook li {
	text-indent: -16px;
	margin-left: 16px;
}

td.eg ul.handbook li {
	color: red;
}

td.eg ul.exclamation li:before,
td.eg ul.handbook li:before {
	font-family: fontawesome;
	content: "\f06a";
	margin-right: 5px;
	color: #ffab2c;
}

td.eg ul.exclamation li.eg:before {
	content: "\f040";
}

table.table.event th,table.table.grp th {
	background-color: #e3f1ff;
}

div.information figure {
	background-color: #ffffff;
	padding: 15px;
	width: 130px;
	margin-right: 20px;
	height: 130px;
	float: left;
}

figure#map {
	text-align: center;
}

td.chk {
	background: url(img/stripe.png) #ffc4c4;
}

table.table td:empty {
	background-image: url(img/stripe.png);
}

/* @end */

/* @group form */

input {
	transition: 0.5s;
}

input.is-half {
	width: 50%;
}

input.is-one-third {
	width: 33%;
}

input.is-quarter {
	width: 25%;
}

label:not(:last-child),input.checkbox:not(:last-child) {
	margin-right: 1em;
}

input.radio,input.checkbox {
	margin-right: 0.5em;
}

.select:after {
  border: 1px solid #23508f;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.5em;
  pointer-events: none;
  position: absolute;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 0.5em;
  margin-top: -0.375em;
  right: 1.125em;
  top: 50%;
  z-index: 4;
}

.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
  border-color: #23508f;
}

select::-ms-expand {
	display: none;
}

.input:focus,.textarea:focus {
	background-color: #fffded;
	border: 1px solid #23508f;
	-moz-box-shadow: 0 0 5px #a5e4fa;
	box-shadow: 0 0 5px #a5e4fa;
}

[id^="address"],[id^="title"],[id^="rem"] {
	transition: 0.5s;
}

[id^="address"]:focus,[id^="title"]:focus,[id^="rem"]:focus {
	height: 6em;
	
}

span.input-sub-right {
	display: inline-block;
	margin-left: 0.5em;
	padding-top: 5px;
	padding-bottom: 5px;
}

:placeholder-shown {
    color: #d3d3d3;
}

::-webkit-input-placeholder {
    color: #d3d3d3;
}

:-moz-placeholder {
    color: #d3d3d3; opacity: 1;
}

::-moz-placeholder {
    color: #d3d3d3; opacity: 1;
}

:-ms-input-placeholder {
    color: #d3d3d3;
}

.btn-grp {
	text-align: center;
}

.btn-grp form {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
}

/* @end */

/* @group Button */

#btn-area {
	text-align: center;
}

.button {
	color: white;
	background-color: #23508f;
	border: 1px solid #23508f;
}

.button.is-small {
	width: 10em;
}

#btn-area .button {
	margin-right: 1em;
	margin-left: 1em;
}

.button:hover {
	background-color: #0f7ca1;
	color: white;
}

#btn-area p.control {
	text-align: center;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
}

#btn-area input.button {
	margin-right: 20px;
	margin-left: 20px;
	display: inline-block;
	width: 10em;
}

input.zip {
	width: 6em;
}

/* @end */

/* @end */

/* @group Header */

header {
	background-color: white;
	width: 100%;
	height: 133px;
	border-bottom: 1px solid #dbdbdb;
	border-top: 5px solid #23508f;
	z-index: 16;
}

header a#logo {
	width: 368px;
	height: 67px;
	display: block;
	text-indent: -9999px;
	background: url(img/logo.svg) no-repeat;
	margin-top: 28px;
}

/* @end */

/* @group Hero */

.hero {
	background: url(img/top.png) center center no-repeat;
	margin-bottom: 30px;
	width: 100%;
}

section.hero.is-medium {
	height: 200px;
}

div.hero-body {
	display: flex;
	align-items: center;
	padding-top: 0!important;
	padding-bottom: 0!important;
}

div.hero-body h1 {
	font-size: 24px;
}

/* @end */

/* @group Navigation */

/* @group Navigation */

nav {
	font-size: 12px;
	margin-bottom: 10px;
}

nav ul {
	text-align: right;
}

nav ul li {
	display: inline;
}

nav ul li:not(:first-child) {
	margin-left: 10px;
}

nav span.icon.is-small {
	margin-left: 0!important;
	margin-right: 0.25em!important;
}

/* @end */

/* @end */

/* @group Progress */

#progress-area {
	margin-bottom: 30px;
}

#progress-area p {
	font-weight: bold;
	margin: 0;
}

#progress-area progress {
}

/* @end */

/* @group Error */

#error {
	border: 1px dashed #ffb8b8;
	padding: 10px;
	margin-bottom: 40px;
	background-color: #fef6f6;
	color: #ff8484;
}

#error dt {
	font-weight: bold;
	color: #ff4141;
}

#error dt:before {
	font-family: fontawesome;
	content: "\f071";
	margin-right: 0.55em;
}

#error dd {
	margin-left: 1.5em;
}

#error dd:before {
	font-family: fontawesome;
	content: "\f00d";
	margin-right: 0.55em;
}

/* @end */

/* @group Information */

.information {
	border: 1px dashed #dbdbdb;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #f9f9f9;
}

.information p:last-child {
	margin-bottom: 0;
}

.information div.policy {
	height: 15em;
	background-color: white;
	padding: 1em;
	overflow: auto;
}

.information ol {
	margin-left: 2.5em;
	margin-bottom: 8px;
}

.information dl dd {
	margin-left: 2.5em;
	margin-bottom: 0.5em;
}

/* @end */

/* @group Contact */

.contact {
	border: 4px double #dbdbdb;
	padding: 17px;
	margin-bottom: 17px;
}

/* @end */

/* @group Contents */

div.contents {
	padding-bottom: 30px;
}

dl.user {
	margin-right: 5px;
	margin-left: 5px;
}

dl.user dt {
	display: list-item;
	margin-left: 1.5em;
	float: left;
	width: 6em;
}

p.resendpass {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

dl.bill,
p.tax {
	width: 280px;	
}

dl.bill {
	font-size: 16px;
	height: 26px;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom: 1px solid silver;
	margin-bottom: 5px;
}

dl.bill dt {
	font-weight: bold;
	height: 20px;
	float: left;
	clear: both;
}

dl.bill dd {
	font-weight: bold;
	float: right;
}

div#stamp img {
	position: absolute;
	z-index: 3;
	top: 65px;
	left: 120px;
}

dl.bill-no {
	margin-bottom: 20px;
}

dl.bill-no dt {
	float: left;
	font-weight: bold;
	width: 7em;
	clear: left;
}

dl.bill-no dd {
	line-height: 1.5em;
}

div#stamp p {
	margin-left: 0;
	padding-bottom: 10px;
}

div#stamp address {
	font-weight: normal;
	font-style: normal;
}

.bill-table th {
	text-align: center;
	font-feature-settings: "palt";
}

.bill-table th:first-child {
	width: 60%;
}

.bill-table th:not(:first-child),
.bill-table td:not(:first-child) {
	width: 10%;
}

.bill-table td:not(:first-child) {
	text-align: right;
}

dl.bill-total {
	font-size: 14px;
	font-weight: bold;
	width: 40%;
	margin-left: auto;
}

dl.bill-total dt {
	float: left;
	width: 50%;
	padding-left: 0.5em;
}

dl.bill-total dd {
	text-align: right;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
}

dl.bill-total dd:nth-of-type(3), dl.bill-total dd:nth-of-type(4), dl.bill-total dd:nth-of-type(5) {
	border-bottom: 1px solid silver;
}

dl.bill-total dt:nth-of-type(4), dl.bill-total dt:nth-of-type(5), dl.bill-total dd:nth-of-type(4), dl.bill-total dd:nth-of-type(5) {
	margin-top: 0.75em;
}

p.tax {
	text-align: right;
	padding-right: 5px;
}

/* @end */

/* @group Footer */

footer {
	background-color: #f9f9f9;
	width: 100%;
	height: 100px;
	padding-top: 20px;
	position: absolute;
	bottom: 0;
}

footer p {
	text-align: center;
	font-size: 12px;
}

/* @end */

/* @group for Mobile */

@media screen and (max-width:999px) {
	.container {
		margin-right: 10px;
		margin-left: 10px;
	}
}

@media screen and (max-width:768px) {
	header {
		width: 100%;
		height: 100px;
	}
	header a#logo {
		width: 280px;
		margin-right: auto;
		margin-left: auto;
		background-repeat: no-repeat;
		background-size: contain;
	}
	nav ul {
		text-align: center;
	}
	section.hero.is-medium {
			height: 140px;
	}
	div.hero-body h1 {
		font-size: 20px;
		text-align: center;
	}
	.container {
		margin-right: 10px;
		margin-left: 10px;
	}
	h1 {
		text-align: center;
	}
	input:not(:first-child) {
		margin-top: 5px;
	}
	input.is-half {
		width: 100%;
	}
	input.is-one-third {
		width: 100%;
	}
	input.is-quarter {
		width: 100%;
	}
	.table-is-responsive tr:nth-child(1) {
		border-top: 1px solid #d2d5db;
	}
	.table-is-responsive th,.table-is-responsive td {
		display: block;
		border-top-style: none;
	}
	.table-is-responsive th {
		width: 100%!important;
	}
	.table-is-responsive td {
		width: 100%!important;
	}
	table.table td.td-2 {
		width: 100%;
	}
	.table-is-scroll table {
		width: 100%;
	}
	.table-is-scroll {
		overflow: auto;
		white-space: nowrap;
	}
	.table-is-scroll::-webkit-scrollbar {
		height: 5px;
	}
	.table-is-scroll::-webkit-scrollbar-track {
		background: #F1F1F1;
	}
	.table-is-scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
	#btn-area input.button {
		padding-right: 2em;
		padding-left: 2em;
	}
}

@media screen and (min-width:320px) {
	select#industry {
		width: 100%;
	}	
}
/* @end */

/* @group Temp */

input[id^="start"],input[id^="end"] {
	width: 7em;
	ime-mode: disabled;
}

div.caution {
	font-size: 13px;
	background-color: #fffded;
	padding: 10px;
	margin-bottom: -1px;
	border-top: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-bottom: 3px double #dadada;
}

div.caution ul li {
	list-style-type: disc;
	margin-left: 1.5em;
	margin-bottom: 3px;
}

div.caution ul li:last-child {
	margin-bottom: 0px;
}

div.caution dl dt {
	float: left;
}

td.caution {
	font-size: 12px;
}

td.caution p {
	font-size: 12px;
	margin-left: 0;
	margin-bottom: 3px;
}

td.caution p:last-child {
	margin-bottom: 0;
}

strong.important {
	color: #ff4141;
}

label {
	line-height: 32px;
}

input.input {
	display: inline-block;
}

div.roll-box1 {
	height: 500px;
	overflow: auto;
	margin-bottom: 10px;
	border-bottom: 1px dashed #dcdcdc;
	padding-bottom: 5px;
}

table.comm tr:nth-of-type(6n+1) {
	border-top: 3px double #a0a0a0;
}

table.comm tr:first-child {
	border-top-style: solid;
	border-top-width: 1px;
}

div.roll-box2 {
	height: 800px;
	overflow: auto;
	border-bottom: 1px dashed #dcdcdc;
	padding-bottom: 5px;
}

table.roll {
	font-size: 13px;
	margin-bottom: 0;
}

table.roll tr:nth-of-type(7n+1) {
	border-top: 3px double #a0a0a0;
}

table.roll tr:first-child {
	border-top-style: hidden;
}

table.roll th {
	width: 3%;
	white-space: nowrap;
}

table.roll th.sub-h {
	width: 13%;
	white-space: nowrap;
}

table.roll td {
	width: 35.5%;
}

table.roll textarea {
	min-height: 1em;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* @end */

/* @group jimu */

.card-content {
	width: 400px;
	margin: 20px auto 40px;
	border: 1px dashed #cdcdcd;
	padding-top: 40px;
	padding-bottom: 40px;
}

h1.jimu-h1 {
	font-size: 18px;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	background-image: none;
	margin-bottom: 40px;
	line-height: 1.5em;
}

p.jimu {
	text-align: center;
}

p.jimu:first-of-type {
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
}

#btn-area-jimu {
	text-align: center;
}

#btn-area-jimu p.control {
	text-align: center;
}

#btn-area-jimu input.button {
	padding-right: 1.5em;
	padding-left: 1.5em;
	margin-right: auto;
	margin-left: auto;
}

#btn-area-jimu .button {
	margin-right: 1em;
	margin-left: 1em;
}

span.jimu-info {
	font-weight: bold;
	width: 9em;
	display: inline-block;
}

span.tag {
	background-color: #d8d8d8;
}

table.jimu-tbl th {
	white-space: nowrap;
	width: 13em;
}

table.jimu-tbl td p {
	margin-left: 0;
	margin-right: 0;
}

table.jimu-tbl td p:last-child {
	margin-bottom: 0;
}

table.jimu-tbl td p label {
	line-height: 32px;
	margin-right: 0.5em;
}

table.jimu-tbl td input.input {
	width: 10em;
}

table.jimu-tbl dl {
	/* border-bottom: 1px dashed silver;*/
	margin-bottom: 10px;
	padding-bottom: 5px;
}

table.jimu-tbl dt {
	font-weight: bold;
	margin-bottom: 6px;
}

table.jimu-tbl dt:before {
	content: "・";
}

table.jimu-tbl dd {
	margin-left: 2em;
	font-size: 13px;
}

table.jimu-tbl dd:not(:last-child) {
	margin-bottom: 5px;
}

table.jimu-tbl tr:hover {
	background-color: #ffffff;
}

input.button.csv,
input.button.win,
input.button.mac {
	padding-right: 1em;
	padding-left: 2.5em;
}

input.button.csv:hover,
input.button.win:hover,
input.button.mac:hover {
	background-color: #0f7ca1;
}

input.button.csv {
	background: url(img/csv.png) 14px center no-repeat #23508f
}

input.button.win {
	background: url(img/win.png) 14px center no-repeat #23508f
}

input.button.mac {
	background: url(img/mac.png) 14px center no-repeat #23508f
}

.information dl.format dt {
	clear: right;
}


/* @end */

/* @group for Print */

@media print {
	header a#logo {
		color: black;
		font-size: 24px;
		text-indent: 0px;
	}
}

/* @end */

/* @group ご案内事項表示切り替え（年度更新すること！） */

.info-head.none {
	display: none;
}

.information.none {
	display: none;
}

.information.active {
	display: block;
}

/* @end */