@charset "UTF-8";
/* ---------------------------------------
  基本情報
-----------------------------------------*/
html, body {
	height: 100%;
}

html {
	font-size: 62.5%;
	overflow-y: scroll;
}

body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form, figure {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 100%;
	list-style-type: none;
	font-style: normal;
	font-weight: 500;
	font-family: "Noto Sans JP", sans-serif;
	text-align: left;
	color: #000000;
}

input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	color: #000000;
}

textarea {
	resize: vertical;
}

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

a {
	text-decoration: none;
	color: inherit;
	outline: none;
}

img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

/* base
--------------------------------*/
p, dt, dd, li, th, td,
input, button, textarea, select {
	font-size: 1.5rem;
	line-height: 1.87;
}

body.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.wrap {
	max-width: 1280px;
	width: 98%;
	margin: 0 auto;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.tac {
	text-align: center !important;
}

.tar {
	text-align: right !important;
}

.tal {
	text-align: left !important;
}

/* ---------------------------------------------
  l-container
-----------------------------------------------*/
.l-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

/* ---------------------------------------------
  header
-----------------------------------------------*/
.header {
	width: 250px;
	height: 100vh;
	background: #9CC4EF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
}
.header .logo {
	text-align: center;
}
.header .logo .link {
	padding: 10px;
	display: block;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.header .logo .link:hover {
	opacity: 0.7;
}
.header .navi .icon {
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.header .navi .list_sub {
	display: none;
}
.header .navi .link,
.header .navi .link_sub {
	color: #FFFFFF;
	font-weight: 700;
	padding: 14px 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.header .navi .link:hover,
.header .navi .link_sub:hover {
	background: #5C677D;
}
.header .navi .link_sub {
	padding: 14px 25px 14px 57px;
}
.header .navi .is-current .list_sub {
	display: block;
}
.header .navi .is-current > .link,
.header .navi .is-current > .link_sub {
	background: #5C677D;
}
.header .copyright {
	font-size: 1.3rem;
	text-align: center;
	color: #FFFFFF;
	padding: 10px;
}

/* ---------------------------------------------
  main
-----------------------------------------------*/
main {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding-left: 250px;
}

.contents {
	width: calc(100% - 80px);
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 100px;
	min-height: calc(100vh - 92px);
}

.pagetop {
	position: fixed;
	right: 30px;
	bottom: 30px;
}

/* margin
--------------------------------*/
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mt60 {
	margin-top: 60px;
}
.mt70 {
	margin-top: 70px;
}
.mt80 {
	margin-top: 80px;
}
.mt90 {
	margin-top: 90px;
}
.mt100 {
	margin-top: 100px;
}
.mt110 {
	margin-top: 110px;
}
.mt120 {
	margin-top: 120px;
}

/* button
--------------------------------*/
.button-type1 .button_link {
	padding: 2px 13px;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-radius: 5px;
	display: block;
	-webkit-transition: color 0.3s, background 0.3s;
	transition: color 0.3s, background 0.3s;
}
.button-type2 .button_link {
	color: #FFFFFF;
	width: 100%;
	padding: 10px 13px;
	background: #9CC4EF;
	border: 1px solid #9CC4EF;
	border-radius: 5px;
	cursor: pointer;
	display: block;
	-webkit-transition: color 0.3s, background 0.3s, border 0.3s;
	transition: color 0.3s, background 0.3s, border 0.3s;
}
.button-type2 .button_link:hover {
	color: #FFFFFF;
	background: #5C677D;
	border-color: #5C677D;
}
.button-type3 .button_link {
	color: #5C677D;
	text-align: center;
	width: 150px;
	padding: 0 13px;
	background: #FFFFFF;
	border: 1px solid #5C677D;
	border-radius: 50px;
	cursor: pointer;
	display: block;
	-webkit-transition: opacity 0.3s, color 0.3s, background 0.3s, border 0.3s;
	transition: opacity 0.3s, color 0.3s, background 0.3s, border 0.3s;
}
.button-type3 .button_link .iconbox {
	position: relative;
	display: inline-block;
	line-height: 1;
	margin-top: -2px;
	vertical-align: middle;
	margin-right: 5px;
}
.button-type3 .button_link .iconbox-target {
	margin-top: -7px;
	margin-right: 0;
	margin-left: 5px;
}
.button-type3 .button_link .icon {
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.button-type3 .button_link .icon_hover {
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.button-type3 .button_link:hover {
	color: #FFFFFF;
	background: #5C677D;
	border-color: #5C677D;
}
.button-type3 .button_link:hover .icon {
	opacity: 0;
}
.button-type3 .button_link:hover .icon_hover {
	opacity: 1;
}
.button-type3.button-center .button_link {
	margin-left: auto;
	margin-right: auto;
}
.button-type3.button-blue .button_link {
	color: #3C9AFF;
	border-color: #3C9AFF;
}
.button-type3.button-blue .button_link:hover {
	color: #FFFFFF;
	background: #5C677D;
	border-color: #5C677D;
}
.button-type3.button-delete .button_link {
	color: #EDEDED;
	border-color: #EDEDED;
	background: transparent;
	padding: 5px 10px;
	-webkit-transition: color 0.3s, background 0.3s;
	transition: color 0.3s, background 0.3s;
}
.button-type3.button-delete .button_link:hover {
	color: #3B3B3B;
	background: #FFFFFF;
	opacity: 1;
}
.button-type3.button-cancel .button_link {
	color: #FFFFFF;
	background: transparent;
	border-color: #FFFFFF;
	padding: 5px 10px;
}
.button-type3.button-cancel .button_link:hover {
	color: #3B3B3B;
	background: #FFFFFF;
	border-color: #FFFFFF;
}
.button-type3.button-update .button_link {
	font-size: 1.7rem;
	color: #FFFFFF;
	border-color: #9CC4EF;
	background: #9CC4EF;
	padding: 9px;
	-webkit-transition: color 0.3s, background 0.3s;
	transition: color 0.3s, background 0.3s;
}
.button-type3.button-update .button_link:hover {
	color: #9CC4EF;
	background: #FFFFFF;
	opacity: 1;
}
.button-type3.button-submit .button_link {
	color: #FFFFFF;
	border-color: #9CC4EF;
	background: #9CC4EF;
	padding: 10px;
}
.button-type3.button-submit .button_link:hover {
	color: #FFFFFF;
	background: #5C677D;
	opacity: 1;
	border-color: #5C677D;
}
.button-type4 .button_link {
	color: #5C677D;
	text-align: center;
	width: 150px;
	padding: 0 13px;
	background: #FFFFFF;
	border: 1px solid #5C677D;
	border-radius: 50px;
	cursor: pointer;
	display: block;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.button-type4 .button_link .icon {
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 5px;
}
.button-type4 .button_link:hover {
	opacity: 0.7;
}
.button-logout .button_link:hover {
	color: #FFFFFF;
	background: #5C677D;
}

.button-type6{
	display: block;
	width: 100%;
}
.button-type6 .button_link{
	color: #FFFFFF;
	display: block;
	width: 100%;
}
.button-detail .button_link{
	background: #000000;
}
.button-dl .button_link{
	background: #2F6ACC;
}

/* userbar
--------------------------------*/
.userbar {
	padding: 9px 30px;
	height: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: #5C677D;
	position: fixed;
	top: 0;
	left: 250px;
	width: calc(100% - 250px);
	z-index: 100;
}
.userbar .text {
	color: #FFFFFF;
	margin-right: 25px;
}

/* p-breadcrumb
--------------------------------*/
.p-breadcrumb {
	margin-bottom: 40px;
}
.p-breadcrumb .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.p-breadcrumb .icon {
	vertical-align: middle;
	margin-top: -5px;
}
.p-breadcrumb .item {
	color: #999999;
}
.p-breadcrumb .item::after {
	content: "＞";
	display: inline-block;
	color: #999999;
	margin: 0 10px;
}
.p-breadcrumb .item:last-child::after {
	display: none;
}
.p-breadcrumb .item .link {
	color: #999999;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.p-breadcrumb .item .link:hover {
	text-decoration: underline;
	opacity: 0.7;
}

/* title
--------------------------------*/
.title-l {
	font-size: 3rem;
	line-height: 1.47;
	margin-top: 45px;
	margin-bottom: 20px;
}
.title-l:first-child {
	margin-top: 0;
}

/* grid
--------------------------------*/
.grid2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.grid2 > * {
	width: calc((100% - (44px * 1)) / 2);
	margin-right: 44px;
}
.grid2 > *:nth-child(2n) {
	margin-right: 0;
}
.grid2 > *:nth-child(n+3) {
	margin-top: 44px;
}

.grid3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.grid3 > * {
	width: calc((100% - (39px * 2)) / 3);
	margin-right: 39px;
}
.grid3 > *:nth-child(3n) {
	margin-right: 0;
}
.grid3 > *:nth-child(n+4) {
	margin-top: 39px;
}

/* listbox
--------------------------------*/
.listbox .item {
	border-top: 1px solid #999999;
}
.listbox .item:last-child {
	border-bottom: 1px solid #999999;
}
.listbox-news .item .title, .listbox-glossary .item .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding: 11px 55px 11px 10px;
	cursor: pointer;
}
.listbox-news .item .title .date, .listbox-glossary .item .title .date {
	width: 130px;
}
.listbox-news .item .title .text, .listbox-glossary .item .title .text {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.listbox-news .item .title .button, .listbox-glossary .item .title .button {
	position: absolute;
	top: 10px;
	right: 10px;
	-webkit-transform: scale(1, -1);
	        transform: scale(1, -1);
}
.listbox-news .item .title.is-open .button, .listbox-glossary .item .title.is-open .button {
	-webkit-transform: scale(1, 1);
	        transform: scale(1, 1);
}
.listbox-news .item .detail, .listbox-glossary .item .detail {
	background: #F5EAD6;
	padding: 11px 11px 20px 11px;
	border-top: 1px solid #999999;
	display: none;
}
.listbox-news .item .detail > * + *, .listbox-glossary .item .detail > * + * {
	margin-top: 20px;
}
.listbox-news .item .detail a, .listbox-glossary .item .detail a {
	text-decoration: underline;
}
.listbox-glossary .item .title .text {
	text-decoration: underline;
}
.listbox-glossary .item .title.is-open .text {
	color: #3C9AFF;
}
.listbox-glossary .item .detail .help {
	color: #3C9AFF;
	cursor: pointer;
	display: inline-block;
	position: relative;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.listbox-glossary .item .detail .help .popup {
	font-size: 1.3rem;
	color: #000000;
	position: absolute;
	top: -20px;
	left: 0;
	background: #B1D7FF;
	min-width: calc(100% + 55px);
	border-radius: 10px;
	padding: 10px;
	-webkit-transform: translateY(-100%);
	        transform: translateY(-100%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s, visibility 0.3s;
	transition: opacity 0.3s, visibility 0.3s;
	cursor: default;
}
.listbox-glossary .item .detail .help .popup::before {
	content: "";
	position: absolute;
	bottom: calc(-30px + 1px);
	left: 20px;
	border: 15px solid transparent;
	border-top: 15px solid #B1D7FF;
}
.listbox-glossary .item .detail .help:hover {
	text-decoration: underline;
}
.listbox-glossary .item .detail .help.is-click {
	text-decoration: underline;
}
.listbox-glossary .item .detail .help.is-click .popup {
	visibility: visible;
	opacity: 1;
}
.listbox-download .item .title {
	position: relative;
	padding: 11px 175px 11px 10px;
}
.listbox-download .item .title .text {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.listbox-download .item .title .button {
	position: absolute;
	top: 10px;
	right: 10px;
}
.listbox-download .item .title.is-open .button {
	-webkit-transform: scale(1, 1);
	        transform: scale(1, 1);
}
.listbox-download .item .detail {
	background: #F5EAD6;
	padding: 11px 11px 20px 11px;
	border-top: 1px solid #999999;
	display: none;
}

.listbox-answer .item{
	display: flex;
	position: relative;
	padding: 11px 55px 11px 10px;
}
.listbox-answer .item .title{
	width: 235px;
}
.listbox-answer .item .detail{
	flex; 1;
}
.listbox-answer .item.blue .title,
.listbox-answer .item.blue .detail{
	color: #0058FF;
}
.listbox-answer .item.red .title,
.listbox-answer .item.red .detail{
	color: #FF0000;
}

/* cardbox
--------------------------------*/
.cardbox-tool {
	overflow: hidden;
}
.cardbox-tool .item {
	padding-bottom: 40px;
	position: relative;
}
.cardbox-tool .item::before {
	content: "";
	position: absolute;
	top: -39px;
	left: -20px;
	width: calc(100% + 40px);
	border-bottom: 1px solid #999999;
}
.cardbox-tool .item::after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: -20px;
	width: calc(100% + 40px);
	border-bottom: 1px solid #999999;
}
.cardbox-tool .item:nth-child(-n+3)::before {
	display: none;
}
.cardbox-tool .item .img {
	text-align: center;
}
.cardbox-tool .item .title {
	font-size: 1.6rem;
	line-height: 1.87;
	font-weight: 700;
	margin-top: 15px;
}
.cardbox-tool .item .text {
	margin-top: 10px;
}
.cardbox-tool .item .button {
	margin-top: 20px;
}

/* pagination
--------------------------------*/
.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 50px;
}
.pagination .item {
	margin: 0 5px;
}
.pagination .item .link {
	width: 40px;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border: 1px solid #999999;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.pagination .item a.link:hover {
	background: #DEDEDE;
}
.pagination .item.is-current .link {
	background: #DEDEDE;
}

/* pagelink
--------------------------------*/
.pagelink {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.pagelink .item .link {
	line-height: 1.4;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 100%;
	background: #B1D7FF;
	padding: 10px;
	-webkit-transition: background 0.3s, color 0.3s;
	transition: background 0.3s, color 0.3s;
}
.pagelink .item .link .l {
	font-size: 2rem;
}
.pagelink .item .link .s {
	font-size: 1.3rem;
}
.pagelink .item .link:hover {
	color: #FFFFFF;
	background: #5C677D;
}
.pagelink .item.is-current .link {
	color: #FFFFFF;
	background: #5C677D;
}
.pagelink-l .item {
	width: calc((100% - (10px * 3)) / 4);
	margin-right: 10px;
}
.pagelink-l .item:nth-child(4n) {
	margin-right: 0;
}
.pagelink-l .item:nth-child(n+5) {
	margin-top: 10px;
}
.pagelink-s {
	margin-top: -10px;
}
.pagelink-s .item {
	width: 50px;
	height: 50px;
	margin-right: 10px;
	margin-top: 10px;
}
.pagelink-s .item .link {
	padding: 4px;
}

/* movie
--------------------------------*/
.movie .movie_inner {
	position: relative;
	height: 0;
	padding-top: 56.25%;
}
.movie iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* form
--------------------------------*/
input[type=text],
input[type=password] {
	width: 100%;
	max-width: 700px;
	height: 50px;
	border: 1px solid #999999;
	border-radius: 5px;
	background: #FFFFFF;
	padding: 0 10px;
}
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder {
	color: #999999;
}
input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder {
	color: #999999;
}
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder {
	color: #999999;
}
input[type=text]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder {
	color: #999999;
}
input[type=text]::placeholder,
input[type=password]::placeholder {
	color: #999999;
}

textarea {
	width: 100%;
	height: 386px;
	border: 1px solid #999999;
	border-radius: 5px;
	background: #FFFFFF;
	padding: 10px;
}
textarea::-webkit-input-placeholder {
	color: #999999;
}
textarea::-moz-placeholder {
	color: #999999;
}
textarea:-ms-input-placeholder {
	color: #999999;
}
textarea::-ms-input-placeholder {
	color: #999999;
}
textarea::placeholder {
	color: #999999;
}

/* contact
--------------------------------*/
.contactbox .inputbox .title {
	font-weight: 700;
	margin-top: 40px;
}
.contactbox .inputbox .title:first-child {
	margin-top: 0;
}
.contactbox .inputbox .detail {
	margin-top: 10px;
}
.contactbox .buttonbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 30px;
}
.contactbox .buttonbox .button + .button {
	margin-left: 15px;
}

.contactbox2 .inputbox > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #EDEDED;
	padding: 10px 30px;
}
.contactbox2 .inputbox > div + * {
	margin-top: 20px;
}
.contactbox2 .inputbox .title {
	width: 170px;
	font-weight: 700;
	padding: 5px 0 5px;
}
.contactbox2 .inputbox .title:first-child {
	margin-top: 0;
}
.contactbox2 .inputbox .title .small{
	font-size: 1.3rem;
	font-weight: 400;
}
.contactbox2 .inputbox .detail {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: calc(100% - 170px);
}
.contactbox2 .inputbox .detail > * + * {
	margin-top: 15px;
}
.contactbox2 .inputbox .detail > div{
	line-height: 1;
}
.contactbox2 .inputbox .detail:not(:last-child) {
	margin-right: 10px;
}
.contactbox2 .inputbox .detail .flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.contactbox2 .inputbox .detail input[type=text] + input[type=text] {
	margin-left: 10px;
}
.contactbox2 .inputbox .detail > p {
	padding-top: 5px;
	padding-bottom: 5px;
}
.contactbox2 .inputbox-line2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #EDEDED;
	padding: 10px 30px;
	margin-bottom: 20px;
}
.contactbox2 .inputbox-line2 .title {
	width: 170px;
	font-weight: 700;
	padding: 5px 0 0;
}
.contactbox2 .inputbox-line2 .title:first-child {
	margin-top: 0;
}
.contactbox2 .inputbox-line2 .detail {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: calc(100% - 170px);
}
.contactbox2 .inputbox-line2 .detail:not(:last-child) {
	margin-right: 10px;
}
.contactbox2 .inputbox-line2 .detail .flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.contactbox2 .inputbox-line2 .detail input[type=text] + input[type=text] {
	margin-left: 10px;
}
.contactbox2 .buttonbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 30px;
}
.contactbox2 .buttonbox .button + .button {
	margin-left: 15px;
}

.contactbox2 .address_input01{
	max-width: 80px;
}
.contactbox2 .address_input02{
	max-width: 95px;
}
.contactbox2 .address_line{
	margin: 0 5px;
}
.contactbox2 .address_button{
	background: #777777;
	display: inline-block;
	color: #fff;
	padding: 0 5px;
	margin-left: 10px;
	cursor: pointer;
	transition: opacity 0.3s;
}
.contactbox2 .address_button:hover{
	opacity: 0.7;
}



/* page-login
--------------------------------*/
.page-login {
	width: 100%;
	height: 100%;
	background: url(../img/bg_login@2x.jpg) no-repeat center center/cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: relative;
	padding-bottom: 2em;
}

.page-login .copyright {
	color: #5C677D;
	position: absolute;
	bottom: 1em;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.loginbox {
	width: 360px;
	padding: 50px 20px;
	background: #FFFFFF;
	border-radius: 20px;
}
.loginbox .logo {
	text-align: center;
}
.loginbox .form {
	margin-top: 50px;
}
.loginbox .form .password {
	margin-top: 20px;
}
.loginbox .form .button {
	margin-top: 20px;
}

/* tablebox
--------------------------------*/
.table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #999999;
	margin-top: 20px;
}
.table th,
.table td {
	padding: 5px 5px;
}
.table th {
	background: #EDEDED;
	border: 1px solid #999999;
}
.table td {
	border: 1px solid #999999;
}
.table-color tbody tr:nth-child(odd) td {
	background: rgba(156, 196, 239, 0.1);
}

.table-order .bold td{
	font-weight: 700;
}
.table-order .blue td{
	color: #0058FF;
}
.table-order .red td,
.table-order td.red{
	color: #FF0000;
}
.table-order th,
.table-order td:nth-child(3) ,
.table-order td:nth-child(6) {
	white-space: nowrap;
}
.table-order th:nth-child(1),
.table-order td:nth-child(1) {
	width: 80px;
}
.table-order th:nth-child(2),
.table-order td:nth-child(2) {
	width: 110px;
}
.table-order th:nth-child(4),
.table-order td:nth-child(4) {
	width: 65px;
	text-align: center;
}
.table-order th:nth-child(5),
.table-order td:nth-child(5) {
	width: 65px;
	text-align: center;
}
.table-order th:nth-child(9),
.table-order td:nth-child(9) {
	width: 100px;
}
.table-order th:nth-child(10),
.table-order td:nth-child(10) {
	width: 132px;
}
.table-order tbody tr:nth-child(odd) td {
	background: rgba(156, 196, 239, 0.1);
}

.table-fileup{
	border: 0;
}
.table-fileup th,
.table-fileup td{
	border: 0;
	vertical-align: middle!important;
	background: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
}
.table-fileup th{
	color: #FFFFFF;
	text-align: center;
	background: #3B3B3B;
}
.table-fileup td{
	text-align: center;
	line-height: 1.4;
	padding: 10px 5px!important;
}
.table-fileup td .button-type5{
	margin-right: 0;
}
.table-fileup td a{
	color: #306DD2;
	text-decoration: underline;
}
.table-fileup th:nth-child(1),
.table-fileup td:nth-child(1) {
	width: 120px;
}
.table-fileup td:nth-child(2) {
	text-align: left;
	width: calc(100% - 120px - 90px - 140px - 115px - 80px - 150px - 78px);
}
.table-fileup th:nth-child(3),
.table-fileup td:nth-child(3) {
	width: 90px;
}
.table-fileup th:nth-child(4),
.table-fileup td:nth-child(4) {
	width: 140px;
}
.table-fileup th:nth-child(5),
.table-fileup td:nth-child(5) {
	width: 115px;
}
.table-fileup th:nth-child(6),
.table-fileup td:nth-child(6) {
	width: 80px;
}
.table-fileup th:nth-child(7),
.table-fileup td:nth-child(7) {
	min-width: 150px;
	width: 150px;
}
.table-fileup th:nth-child(8),
.table-fileup td:nth-child(8) {
	min-width: 78px;
	width: 78px;
	padding: 0;
}
.table-fileup tbody tr:nth-child(odd) td {
	background: #F9F9F9;
}

/*searchbox
--------------------------------*/
.searchbox {
	background: #EDEDED;
	padding: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.searchbox input[type=text] {
	height: 38px;
	border: 1px solid #9CC4EF;
	border-radius: 0;
	max-width: 385px;
	width: 45%;
}
.searchbox input[type=text] + input[type=text] {
	margin-left: 10px;
}
.searchbox button {
	color: #FFFFFF;
	text-align: center;
	width: 60px;
	height: 38px;
	background: #9CC4EF;
}
.searchbox .upload{
	margin-left: auto;
}
.searchbox .upload a{
	color: #FFFFFF;
	width: 385px;
	height: 38px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #5C677D;
	transition: 0.3s;
}
.searchbox .upload a:hover{
	opacity: 0.7;
}
.searchbox .upload span{
	background: url(../img/icon_arw-type2_white.svg) 0 center no-repeat;
	background-size: auto 1em;
	padding-left: 2em;
}

.searchbox-big{
	background: #EDEDED;
	padding: 10px;
}
.searchbox-big .block{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.searchbox-big .block+.block{
	margin-top: 10px;
}
.searchbox-big .block > *{
	margin-right: 50px;
}
.searchbox-big input[type=text] {
	height: 38px;
	border: 1px solid #9CC4EF;
	border-radius: 0;
	max-width: 411px;
}
.searchbox-big .select{
	border: 1px solid #9CC4EF;
	border-radius: 0;
	max-width: 411px;
}
.searchbox-big .select::before{
	border: 5px solid transparent;
	border-top: 10px solid #9CC4EF;
	transform: translateY(-50%);
	margin-top: 3px;
}
.searchbox-big .checkbox{
	font-size: 1.5rem;
	line-height: 1.87;
}
.searchbox-big .date{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.searchbox-big .date input[type=text]{
	max-width: 190px;
}
.searchbox-big .date .line{
	margin: 0 10px;
}
.searchbox-big button {
	color: #FFFFFF;
	text-align: center;
	width: 160px;
	height: 38px;
	background: #9CC4EF;
	margin-left: auto;
	margin-right: 0!important;
}


/* form
--------------------------------*/
input[type=text],
input[type=password] {
	width: 100%;
	max-width: 700px;
	height: 40px;
	border: 1px solid #999999;
	border-radius: 5px;
	background: #FFFFFF;
	padding: 0 10px;
}
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder {
	color: #999999;
}
input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder {
	color: #999999;
}
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder {
	color: #999999;
}
input[type=text]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder {
	color: #999999;
}
input[type=text]::placeholder,
input[type=password]::placeholder {
	color: #999999;
}
input[type=text].s,
input[type=password].s {
	max-width: 200px;
	width: 47%;
}
input[type=text].m,
input[type=password].m {
	max-width: 400px;
}
input[type=text].l,
input[type=password].l {
	max-width: 660px;
}
input[type=text].xl,
input[type=password].xl {
	max-width: 100%;
	flex: 1;
}

.select {
	position: relative;
	width: 100%;
	height: 40px;
	border: 1px solid #999999;
	border-radius: 5px;
	max-width: 700px;
	background: #FFFFFF;
}
.select::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 12px;
	height: 12px;
	margin-top: -2px;
	border-right: 2px solid #9CC4EF;
	border-bottom: 2px solid #9CC4EF;
	pointer-events: none;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.select.s {
	max-width: 200px;
}
.select.m {
	max-width: 400px;
}
.select.l {
	max-width: 660px;
}
.select select {
	width: 100%;
	height: 100%;
	padding: 0 10px;
}

textarea {
	width: 100%;
	height: 180px;
	border: 1px solid #999999;
	border-radius: 5px;
	background: #FFFFFF;
	padding: 10px;
}
textarea::-webkit-input-placeholder {
	color: #999999;
}
textarea::-moz-placeholder {
	color: #999999;
}
textarea:-ms-input-placeholder {
	color: #999999;
}
textarea::-ms-input-placeholder {
	color: #999999;
}
textarea::placeholder {
	color: #999999;
}

.checkbox {
	display: inline-block;
	padding: 4px 0;
	margin-right: 20px;
	position: relative;
}
.checkbox input[type=checkbox],
.checkbox input[type=radio] {
	visibility: hidden;
	width: 1px;
	position: absolute;
	top: 0;
	left: 0;
}
.checkbox_text {
	position: relative;
	padding-left: 30px;
	display: inline-block;
}
.checkbox_text::before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	border: 1px solid #999999;
	border-radius: 5px;
	width: 25px;
	height: 25px;
	background: #FFFFFF;
}
.checkbox_text::after {
	content: "";
	position: absolute;
	top: 12px;
	left: 8px;
	width: 10px;
	height: 17px;
	border-right: 2px solid #9CC4EF;
	border-bottom: 2px solid #9CC4EF;
	pointer-events: none;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	opacity: 0;
}
input:checked + .checkbox_text::after {
	opacity: 1;
}

.radio {
	display: inline-block;
	padding: 4px 0;
	margin-right: 20px;
}
.radio input[type=checkbox],
.radio input[type=radio] {
	visibility: hidden;
	width: 1px;
	position: absolute;
	top: 0;
	left: 0;
}
.radio_text {
	position: relative;
	padding-left: 30px;
	display: inline-block;
}
.radio_text::before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	border: 1px solid #999999;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	background: #FFFFFF;
}
.radio_text::after {
	content: "";
	position: absolute;
	top: 10px;
	left: 3px;
	width: 10px;
	height: 10px;
	background: #9CC4EF;
	border-radius: 50%;
	opacity: 0;
}
input:checked + .radio_text::before {
	border-color: #9CC4EF;
}
input:checked + .radio_text::after {
	opacity: 1;
}

.file {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.file input {
	width: 1px;
	visibility: hidden;
	opacity: 0;
	position: absolute;
}

.file .file_label {
	text-align: center;
	display: inline-block;
	background: #FFFFFF;
	border: 1px solid #999999;
	border-radius: 5px;
	width: 137px;
	padding: 5px;
	margin-right: 10px;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
}

.file .file_text {
	height: 2em;
	overflow: hidden;
}


/* updatebox
--------------------------------*/
.updatebox {
	padding: 20px 30px;
	background: #3B3B3B;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: relative;
	z-index: 10;
}
.updatebox .button + .button {
	margin-left: 15px;
}

/* fileUploader
--------------------------------*/
#fileUploader{
	text-align: center;
	border: 1px solid #3B3B3B;
	padding: 30px 130px 47px;
}
#fileUploader .ttl{
	font-weight: bold;
	text-align: center;
	color: #777;
	font-size: 1.8rem;
}
#fileUploader .txt{
	text-align: center;
	color: #777;
	margin: 0.7em 0 0;
}
#fileUploader .btnWrap{
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	margin: 30px 0 15px;
}
#fileUploader table{
	width: 100%;
	border-bottom: 1px solid #ddd;
	border-spacing: 0;
}
#fileUploader td{
	border-top: 1px solid #ddd;
	padding: 10px 0;
}
#fileUploader td .check{
	margin: 0 auto;
}
#fileUploader .w80{ width: 80px; }
#fileUploader .w530{ width: 530px; }
#fileUploader .w180{ width: 180px; }
#fileUploader tr:nth-child(odd) td{
	background: #F9F9F9;
}


/* ------------------------------
    clearfix
------------------------------ */
.cf:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.cf {
	display: inline-block;
}

/* Hides from IE Mac */
* html .cf {
	height: 1%;
}

.cf {
	display: block;
}

/* End Hack */


/* ------------------------------
CMN button
------------------------------ */

.button-type5{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	color: #fff;
	appearance: none;
	font-weight: bold;
	border: 0;
	cursor: pointer;
	margin-right: 10px;
	padding: 0 10px;
	transition: 0.3s;
}
.button-type5:hover{
	opacity: 0.7;
}
.button-type5 span{
	line-height: 1.0;
	padding: 3px 0;
}
.btn-file{
	background: #008C00;
}
.btn-file span{
	background: url(../img/icon_add.png) 0 center no-repeat;
	background-size: auto 1em;
	padding-left: 1.5em;
}
.btn-dust{
	background: #C20000;
}
.btn-dust.all{
	margin-top: 5px;
}
.btn-dust span{
	background: url(../img/icon_dust.png) 0 center no-repeat;
	background-size: auto 1.1em;
	padding-left: 1.2em;
}
.btn-dl{
	background: #006DD9;
}
.btn-dl span{
	background: url(../img/icon_dl.png) 0 center no-repeat;
	background-size: auto 1em;
	padding-left: 2em;
}