*, ::before, ::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid;
	border-width: 0
}
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body {
	margin: 0
}
main {
	display: block
}
p {
	margin: 0 0 1em
}
table, blockquote, address, pre, iframe, form, figure, dl {
	margin: 0
}
h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: inherit;
	margin: 0
}
ul, ol {
	margin: 0;
	padding: 0;
	list-style: none
}
dt {
	font-weight: bold
}
dd {
	margin-left: 0;
	margin-bottom: 0
}
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	border-top-width: 1px;
	margin: 0;
	clear: both;
	color: inherit
}
pre {
	font-family: monospace, monospace;
	font-size: inherit
}
address {
	font-style: inherit
}
a {
	background-color: rgba(0, 0, 0, 0);
	text-decoration: none;
	color: inherit
}
abbr[title] {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}
b, strong {
	font-weight: bolder
}
code, kbd, samp {
	font-family: monospace, monospace;
	font-size: inherit
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sub {
	bottom: -0.25em
}
sup {
	top: -0.5em
}
svg, img, embed, object, iframe {
	vertical-align: bottom
}
button, input, optgroup, select, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: middle;
	color: inherit;
	font: inherit;
	background: rgba(0, 0, 0, 0);
	padding: 0;
	margin: 0;
	border-radius: 0;
	text-align: inherit;
	text-transform: inherit
}
[type=checkbox] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox
}
[type=radio] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio
}
button, [type=button], [type=reset], [type=submit] {
	cursor: pointer
}
button:disabled, [type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled {
	cursor: default
}
:-moz-focusring {
	outline: auto
}
select:disabled {
	opacity: inherit
}
option {
	padding: 0
}
fieldset {
	margin: 0;
	padding: 0;
	min-width: 0
}
legend {
	padding: 0
}
progress {
	vertical-align: baseline
}
textarea {
	overflow: auto
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height: auto
}
[type=search] {
	outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}
label[for] {
	cursor: pointer
}
details {
	display: block
}
summary {
	display: list-item
}
[contenteditable]:focus {
	outline: auto
}
table {
	border-color: inherit;
	border-collapse: collapse
}
caption {
	text-align: left
}
td, th {
	vertical-align: top;
	padding: 0
}
th {
	text-align: left;
	font-weight: bold
}
.button.arrow:before, [class^=icon_], [class*=" icon_"] {
	font-family: "iconfont" !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
@font-face {
	font-family: "iconfont";
	src: url("../fonts/iconfont.ttf?6tmc9c") format("truetype"), url("../fonts/iconfont.woff?6tmc9c") format("woff"), url("../fonts/iconfont.svg?6tmc9c#iconfont") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block
}
.icon_logout:before {
	content: "";
	color: #e31837
}
.icon_external:before {
	content: "";
	color: #e31837
}
.icon_link:before {
	content: "";
	color: #e31837
}
.icon_mypage:before {
	content: ""
}
.icon_download_thin:before {
	content: "";
	color: #e31837
}
.container {
	position: relative;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding-right: 4%;
	padding-left: 4%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.column, .columns {
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
textarea, select, input[type=submit], input[type=reset], input[type=button], .button, button {
	display: inline-block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #1e2846;
	border: 2px solid #1e2846;
	font-size: 1.4em;
	font-weight: bold;
	max-width: 100%;
	letter-spacing: .1rem
}
.button, button {
	padding: .25em 4em;
	cursor: pointer;
	border-radius: 7px
}
.button:hover, .button :focus, button:hover, button :focus {
	color: #e31837;
	background-color: #fff;
	outline: 0;
	text-decoration: none
}
input[type=submit]:hover, input[type=submit] :focus, input[type=reset]:hover, input[type=reset] :focus, input[type=button]:hover, input[type=button] :focus {
	border-color: #e31837
}
.button.button-primary {
	color: #fff;
	background-color: #e31837;
	border-color: #e31837
}
.button.button-primary:hover, .button.button-primary :focus {
	color: #e31837;
	background-color: #fff
}
.button.button-secondary {
	color: #fff;
	background-color: #e31837;
	border-color: #e31837
}
.button.button-secondary:hover, .button.button-secondary :focus {
	color: #fff;
	background-color: #e31837;
	border-color: #f2fafd
}
.button.button-thirdly {
	color: #fff;
	background-color: #2aace2;
	border-color: #2aace2
}
.button.button-thirdly:hover, .button.button-thirdly :focus {
	color: #2aace2;
	background-color: #fff
}
.button.button-light {
	color: #e31837;
	background-color: #fff;
	border-color: #e31837
}
.button.button-light:hover, .button.button-light :focus {
	background-color: #1e2846;
	color: #fff;
	border-color: #1e2846
}
.button.button-null {
	color: #1e2846;
	background-color: #fff;
	border-color: silver
}
.button.button-null:hover, .button.button-null :focus {
	background-color: #eee
}
.button.arrow {
	position: relative;
	padding-right: 4em
}
.button.arrow:before {
	content: "";
	font-size: 2em;
	display: inline-block;
	color: silver;
	position: absolute;
	right: 0em;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 33px;
	height: 35px;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 35px;
	text-align: center
}
.button.arrow.circle.button-primary:before {
	color: #fff;
	right: 3px;
	z-index: 2
}
.button.arrow.button-primary:before {
	color: silver
}
.button.arrow.button-secondary:before {
	color: #fff
}
.button.arrow.button-light:before {
	color: silver
}
input[type=email], input[type=number], input[type=search], input[type=text], input[type=tel], input[type=url], input[type=password] {
	padding: .25em .5em;
	border: 1px solid silver;
	border-radius: 5px
}
textarea, select {
	color: inherit;
	font-size: 1em;
	font-weight: normal;
	background-color: #fff;
	padding: .25em .5em;
	border: 1px solid silver;
	border-radius: 5px;
	-webkit-box-shadow: none;
	box-shadow: none
}
input[type=email], input[type=number], input[type=search], input[type=text], input[type=tel], input[type=url], input[type=password] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	min-height: 65px;
	padding-top: 6px;
	padding-bottom: 6px
}
input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=text]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus {
	border: 1px solid #e31837;
	outline: 0
}
textarea:focus, select:focus {
	border: 1px solid #e31837;
	outline: 0
}
label, legend {
	display: block;
	margin-bottom: 0
}
fieldset {
	padding: 0;
	border-width: 0
}
label.checkbox {
	cursor: pointer;
	display: inline-block;
	padding: 5px 5px 5px 30px;
	position: relative;
	width: auto
}
input[type=checkbox] {
	display: none
}
input[type=checkbox]+label.checkbox:after {
	border-right: 4px solid #e31837;
	border-bottom: 4px solid #e31837;
	content: "";
	display: block;
	height: 20px;
	left: 9px;
	margin-top: -13px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 12px
}
input[type=checkbox]+label.checkbox:before {
	background: #fff;
	border: 2px solid #1e2846;
	content: "";
	display: block;
	height: 20px;
	left: 5px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	width: 20px
}
input[type=checkbox]:checked+label.checkbox:after {
	opacity: 1
}
input[type=radio] {
	display: none
}
label.radiobutton {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	padding: 5px 5px 5px 30px;
	position: relative;
	width: auto
}
label.radiobutton::before {
	background: #fff;
	border: 2px solid #1e2846;
	border-radius: 50%;
	content: "";
	display: block;
	height: 20px;
	left: 5px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	width: 20px
}
label.radiobutton::after {
	background: #e31837;
	border-radius: 50%;
	content: "";
	display: block;
	height: 14px;
	left: 8px;
	margin-top: -7px;
	opacity: 0;
	position: absolute;
	top: 50%;
	width: 14px
}
input[type=radio]:checked+.radiobutton::after {
	opacity: 1
}
label>.label-body {
	display: inline-block;
	margin-left: .5rem;
	font-weight: normal
}
.u-full-width {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.u-max-full-width {
	max-width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.u-pull-right {
	float: right
}
.u-pull-left {
	float: left
}
.container:after, .row:not(.flex):after, .u-cf {
	content: "";
	display: table;
	clear: both
}
.italic {
	font-style: italic
}
.bold, strong {
	font-weight: 700
}
.normal {
	font-weight: 400
}
.xx-small {
	font-size: 60%
}
.x-small {
	font-size: 75%
}
.small {
	font-size: 88.88%
}
.large {
	font-size: 114%
}
.x-large {
	font-size: 150%
}
.xx-large {
	font-size: 180%
}
.indent {
	text-indent: 1em
}
ul.indent-list li {
	text-indent: -1em;
	margin-left: 1em
}
.left {
	text-align: left
}
.right {
	text-align: right
}
.center {
	text-align: center
}
.float-left {
	float: left
}
.float-right {
	float: right
}
.clear:after, .clear-left:after, .clear-right:after {
	display: block;
	content: ""
}
.clear {
	clear: both
}
.clear:after {
	clear: both
}
.clear-left {
	clear: left
}
.clear-left:after {
	clear: left
}
.clear-right {
	clear: right
}
.clear-right:after {
	clear: right
}
.m-500 {
	margin: 5em
}
.mtb-500, .mt-500 {
	margin-top: 5em
}
.mrl-500, .mr-500 {
	margin-right: 5em
}
.mtb-500, .mb-500 {
	margin-bottom: 5em
}
.mrl-500, .ml-500 {
	margin-left: 5em
}
.m-400 {
	margin: 4em
}
.mtb-400, .mt-400 {
	margin-top: 4em
}
.mrl-400, .mr-400 {
	margin-right: 4em
}
.mtb-400, .mb-400 {
	margin-bottom: 4em
}
.mrl-400, .ml-400 {
	margin-left: 4em
}
.m-300 {
	margin: 3em
}
.mtb-300, .mt-300 {
	margin-top: 3em
}
.mrl-300, .mr-300 {
	margin-right: 3em
}
.mtb-300, .mb-300 {
	margin-bottom: 3em
}
.mrl-300, .ml-300 {
	margin-left: 3em
}
.m-200 {
	margin: 2em
}
.mtb-200, .mt-200 {
	margin-top: 2em
}
.mrl-200, .mr-200 {
	margin-right: 2em
}
.mtb-200, .mb-200 {
	margin-bottom: 2em
}
.mrl-200, .ml-200 {
	margin-left: 2em
}
.m-150 {
	margin: 1.5em
}
.mtb-150, .mt-150 {
	margin-top: 1.5em
}
.mrl-150, .mr-150 {
	margin-right: 1.5em
}
.mtb-150, .mb-150 {
	margin-bottom: 1.5em
}
.mrl-150, .ml-150 {
	margin-left: 1.5em
}
.m-100 {
	margin: 1em
}
.mtb-100, .mt-100 {
	margin-top: 1em
}
.mrl-100, .mr-100 {
	margin-right: 1em
}
.mtb-100, .mb-100 {
	margin-bottom: 1em
}
.mrl-100, .ml-100 {
	margin-left: 1em
}
.m-50 {
	margin: .5em
}
.mtb-50, .mt-50 {
	margin-top: .5em
}
.mrl-50, .mr-50 {
	margin-right: .5em
}
.mtb-50, .mb-50 {
	margin-bottom: .5em
}
.mrl-50, .ml-50 {
	margin-left: .5em
}
.m-0 {
	margin: 0
}
.mtb-0, .mt-0 {
	margin-top: 0
}
.mrl-0, .mr-0 {
	margin-right: 0
}
.mtb-0, .mb-0 {
	margin-bottom: 0
}
.mrl-0, .ml-0 {
	margin-left: 0
}
.p-500 {
	padding: 5em
}
.ptb-500, .pt-500 {
	padding-top: 5em
}
.prl-500, .pr-500 {
	padding-right: 5em
}
.ptb-500, .pb-500 {
	padding-bottom: 5em
}
.prl-500, .pl-500 {
	padding-left: 5em
}
.p-400 {
	padding: 4em
}
.ptb-400, .pt-400 {
	padding-top: 4em
}
.prl-400, .pr-400 {
	padding-right: 4em
}
.ptb-400, .pb-400 {
	padding-bottom: 4em
}
.prl-400, .pl-400 {
	padding-left: 4em
}
.p-300 {
	padding: 3em
}
.ptb-300, .pt-300 {
	padding-top: 3em
}
.prl-300, .pr-300 {
	padding-right: 3em
}
.ptb-300, .pb-300 {
	padding-bottom: 3em
}
.prl-300, .pl-300 {
	padding-left: 3em
}
.p-200 {
	padding: 2em
}
.ptb-200, .pt-200 {
	padding-top: 2em
}
.prl-200, .pr-200 {
	padding-right: 2em
}
.ptb-200, .pb-200 {
	padding-bottom: 2em
}
.prl-200, .pl-200 {
	padding-left: 2em
}
.p-150 {
	padding: 1.5em
}
.ptb-150, .pt-150 {
	padding-top: 1.5em
}
.prl-150, .pr-150 {
	padding-right: 1.5em
}
.ptb-150, .pb-150 {
	padding-bottom: 1.5em
}
.prl-150, .pl-150 {
	padding-left: 1.5em
}
.p-100 {
	padding: 1em
}
.ptb-100, .pt-100 {
	padding-top: 1em
}
.prl-100, .pr-100 {
	padding-right: 1em
}
.ptb-100, .pb-100 {
	padding-bottom: 1em
}
.prl-100, .pl-100 {
	padding-left: 1em
}
.p-50 {
	padding: .5em
}
.ptb-50, .pt-50 {
	padding-top: .5em
}
.prl-50, .pr-50 {
	padding-right: .5em
}
.ptb-50, .pb-50 {
	padding-bottom: .5em
}
.prl-50, .pl-50 {
	padding-left: .5em
}
.p-0 {
	padding: 0
}
.ptb-0, .pt-0 {
	padding-top: 0
}
.prl-0, .pr-0 {
	padding-right: 0
}
.ptb-0, .pb-0 {
	padding-bottom: 0
}
.prl-0, .pl-0 {
	padding-left: 0
}
.notalpha {
	opacity: 1;
	filter: alpha(opacity=100)
}
.hide {
	display: none
}
.red {
	color: red
}
.gray {
	color: silver
}
.lightgray {
	color: #ccc
}
.blue {
	color: #1356dd
}
.bg_white {
	background: #fff
}
.bg_red {
	background: #e31837
}
.bg_blue {
	background: #163b54
}
.bg_gray {
	background: #f0f0f0
}
.border_gray {
	border-bottom: 1px solid silver
}
.underline {
	text-decoration: underline;
	text-underline-offset: .4em
}
.underline:hover {
	color: #e31837
}
.border_none {
	border: none
}
.main h2.heading, .footer h2.heading {
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: .5em;
	letter-spacing: .1rem
}
.main h2.border_left.heading, .footer h2.border_left.heading {
	padding-left: .75em;
	position: relative;
	line-height: 1.2
}
.main h2.border_left.heading:before, .footer h2.border_left.heading:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 100%;
	background: #2aace2;
	margin-right: .5em;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto
}
.form .title_form {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: .5em;
	letter-spacing: .1rem
}
ul.arrow .item {
	position: relative;
	padding-left: 1.25em;
	line-height: 1.8
}
ul.arrow .item:before {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	left: 0;
	width: 8px;
	height: 8px;
	border-top: 1px solid #e31837;
	border-right: 1px solid #e31837;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
ul.arrow .item .link {
	padding-right: 1.5em;
	position: relative
}
ul.arrow .item .link.icon_external:before {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}
.header {
	background: #fff;
	z-index: 100
}
.header .container {
	z-index: 1;
	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;
	position: relative;
	height: 8rem
}
.header .container a {
	color: #1e2846;
	display: block
}
.header .container .logo {
	font-size: 1em;
	width: 140px;
	margin-bottom: 0
}
.header .container .logo a {
	width: 100%
}
.header .container .user_name {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0
}
#glonav_icon, #mypage_icon {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	cursor: pointer;
	z-index: 10;
	background: #fff;
	border-radius: 0;
	padding: 0;
	border: none
}
#glonav_icon .screen_reader_text, #mypage_icon .screen_reader_text {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px
}
#glonav_icon .icon_menu_toggle {
	position: relative;
	display: inline-block;
	width: 2.4rem;
	height: 2.4rem;
	vertical-align: middle;
	fill: #1e2846
}
#glonav_icon .icon_menu_toggle .svg_menu_toggle .line {
	opacity: 1;
	-webkit-transform: rotate(0) translateY(0) translateX(0);
	transform: rotate(0) translateY(0) translateX(0);
	-webkit-transform-origin: 1rem 1rem;
	transform-origin: 1rem 1rem;
	-webkit-transition: opacity .2s ease-in-out, -webkit-transform .3s ease-in-out;
	transition: opacity .2s ease-in-out, -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out, opacity .2s ease-in-out;
	transition: transform .3s ease-in-out, opacity .2s ease-in-out, -webkit-transform .3s ease-in-out
}
#glonav_icon .icon_menu_toggle .svg_menu_toggle .line_1 {
	-webkit-transform-origin: 2rem 4rem;
	transform-origin: 2rem 4rem
}
#glonav_icon .icon_menu_toggle .svg_menu_toggle .line_3 {
	-webkit-transform-origin: 1.25rem 6rem;
	transform-origin: 1.25rem 6rem
}
#glonav_icon[aria-expanded=true] .icon_menu_toggle .line_1 {
	-webkit-transform: rotate(45deg) translateY(0) translateX(0);
	transform: rotate(45deg) translateY(0) translateX(0)
}
#glonav_icon[aria-expanded=true] .icon_menu_toggle .line_2 {
	opacity: 0
}
#glonav_icon[aria-expanded=true] .icon_menu_toggle .line_3 {
	-webkit-transform: rotate(-45deg) translateY(0) translateX(0);
	transform: rotate(-45deg) translateY(0) translateX(0)
}
#mypage_icon {
	z-index: 11;
	right: 5rem;
	color: #fff;
	background: #e31837
}
#mypage_icon .icon_mypage {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	text-indent: 100%
}
#mypage_icon .icon_mypage:before {
	position: absolute;
	right: 0;
	left: 0;
	width: 1em;
	height: 1.25em;
	margin: auto;
	text-indent: 0;
	font-size: 20px;
	top: .25em;
	bottom: 0
}
#mypage_icon .icon_mypage:after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background: #fff;
	position: absolute;
	margin: auto;
	right: 0;
	left: 0;
	bottom: .4em;
	-webkit-transition: .2s width;
	transition: .2s width
}
#mypage_icon[aria-expanded=true] .icon_mypage:after {
	width: 1.2em
}
.nav .nav_menu {
	position: absolute;
	z-index: 101;
	top: 50px;
	display: block;
	right: 0;
	width: 100%;
	background: #fff;
	-webkit-transition: .3s visibility, .3s opacity;
	transition: .3s visibility, .3s opacity;
	-webkit-overflow-scrolling: touch;
	-webkit-box-shadow: 0 3px 10px rgba(102, 102, 102, .4);
	box-shadow: 0 3px 10px rgba(102, 102, 102, .4);
	display: block
}
.nav .nav_menu[aria-hidden=true] {
	visibility: hidden;
	opacity: 0;
	pointer-events: none
}
.nav .nav_menu[aria-hidden=false] {
	visibility: visible;
	opacity: 1;
	pointer-events: auto
}
.nav .nav_menu .item {
	display: block
}
.nav .nav_menu .item:not(:last-child) {
	border-bottom: 1px solid #ccc
}
.nav .nav_menu .item.user_name {
	background: #e31837;
	color: #fff;
	text-align: center;
	line-height: 3
}
.nav .nav_menu .item .link {
	display: block;
	height: 100%;
	padding: 0.9em 2em;
	font-size: 1.1em;
	font-weight: bold;
	position: relative;
	letter-spacing: .1rem
}
.nav .nav_menu .item .link:hover {
	text-decoration: none;
	background-color: #f2fafd
}
.nav .nav_menu .item .link[class*=link_] {
	padding-left: 4em
}
.nav .nav_menu .item .link[class*=icon_]:before {
	font-weight: normal;
	position: absolute;
	height: 1em;
	right: 1.5em;
	top: 0;
	bottom: 0;
	margin: auto
}
.has_menu .item .link {
	background-position: 1em 50%;
	background-repeat: no-repeat;
	background-size: 30px auto;
	padding-left: 4em
}
.has_menu .item .link.link_product {
	background-image: url(../img/common/icon_product.svg)
}
.has_menu .item .link.link_pms {
	background-image: url(../img/common/icon_PMS.svg)
}
.has_menu .item .link.link_download {
	background-image: url(../img/common/icon_download.svg)
}
.has_menu .item .link.link_qa {
	background-image: url(../img/common/icon_qa.svg)
}
.has_menu .item .link.link_report {
	background-image: url(../img/common/icon_report.svg)
}
.has_menu .item .link.link_optin {
	background-image: url(../img/common/icon_mail.svg)
}
.footer {
	background: #f2fafd;
	padding-top: 5em;
	padding-bottom: 3em
}
.footer .columns.seven {
	padding-top: .5em;
	line-height: 2
}
.footer .columns.six {
	margin-top: 1.5em
}
.footer .columns.six .copyright {
	text-align: right
}
.footer .columns.six .copyright small {
	font-size: 1em
}
.footer .columns.six .list .item {
	display: inline-block
}
.footer .columns.six .list .item:first-child {
	padding-right: 1.5em
}
.footer .columns.six .list .item:first-child:after {
	content: "|";
	margin-left: 1.5em
}
@page {
	size: A4;
	margin: 12.7mm 9.7mm
}
html {
	height: -webkit-fill-available;
	font-size: 62.5%
}
body {
	min-height: 100vh;
	min-height: -webkit-fill-available;
	background-color: #fff;
	font-size: 1.6em;
	font-size: 12px;
	font-family: Aeonik, Arial, sans-serif;
	color: #1e2846;
	-webkit-font-smoothing: antialiased;
	line-height: 1.6
}
a {
	color: #1e2846;
	text-decoration: none
}
a:focus {
	text-decoration: none
}
a:hover {
	text-decoration: underline
}
img {
	max-width: 100%;
	height: auto
}
.pc {
	display: none
}
.sp {
	display: inline-block
}
a.underline[class^=icon_], a.underline[class*=" icon_"] {
	text-decoration: underline;
	position: relative;
	text-underline-offset: .4em;
	padding-right: 1.5em;
	display: inline-block
}
a.underline[class^=icon_]:hover, a.underline[class*=" icon_"]:hover {
	color: #e31837
}
a.underline[class^=icon_]:before, a.underline[class*=" icon_"]:before {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}
.breadcrumb {
	color: #fff;
	padding: .5em;
	background: #1e2846
}
.breadcrumb .breadcrumb_list {
	margin-bottom: 0
}
.breadcrumb .breadcrumb_list .item {
	position: relative;
	display: inline-block;
	padding-right: 1em;
	margin-right: .5em
}
.breadcrumb .breadcrumb_list .item:not(:last-child):after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	right: 0;
	width: 8px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
.breadcrumb a {
	color: #fff
}
.wrap_page_title {
	position: relative
}
.wrap_page_title:after {
	padding-bottom: 16%;
	content: "";
	display: block;
	background-position: center bottom;
	background-size: cover
}
.home .wrap_page_title:after {
	background-image: url(../img/header/header_top.jpg)
}
.regist .wrap_page_title:after {
	background-image: url(../img/header/header_regist.jpg)
}
.download .wrap_page_title:after {
	background-image: url(../img/header/header_download.jpg)
}
.qa .wrap_page_title:after {
	background-image: url(../img/header/header_qa.jpg)
}
.log .wrap_page_title:after {
	background-image: url(../img/header/header_log.jpg)
}
.wrap_page_title.disnon .page_title {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden
}
.wrap_page_title .page_title {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	font-size: 2em;
	font-weight: bold;
	height: 2em;
	line-height: 2.2;
	letter-spacing: .1rem
}
.pms .wrap_page_title .page_title {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60"><g id="layer_1"><path fill="%231e2846" class="st5" d="M28.7 21.1h-3v-2h3v2zm-6 0h-3v-2h3v2zM19.7 33.1h3v2h-3zM34.7 49.1h-3v-2h3v2zm-6 0h-3v-2h3v2zm-6 0h-3v-2h3v2z"/><g><path class="st6" d="M6.8 16.1h8.8v8.8H6.8zM6.8 29.7h8.8v8.8H6.8zM6.8 43.3h8.8v8.8H6.8z"/></g><g><path fill="%231e2846" class="st7" d="M39.2 34.7c-.3 0-.5.2-.5.5V59H1V9.1h35.1c.3 0 .5-.2.5-.5s-.2-.5-.5-.5H.5c-.3 0-.5.3-.5.5v50.9c0 .3.2.5.5.5h38.7c.3 0 .5-.2.5-.5V35.2c0-.3-.3-.5-.5-.5z"/><path class="st7" d="M59.9 7.5 52.6.1c-.3-.1-.6-.1-.8 0l-5.1 5.2-18.8 18.8s0 .1-.1.1v.1L26 33.5c0 .2 0 .3.1.5.1.1.2.1.4.1h.1l9.2-1.8h.1s.1 0 .1-.1l18.7-18.8 5.2-5.2c.1-.2.1-.5 0-.7zM28.7 24.7 47 6.4l6.6 6.7-18.2 18.3-8.3 1.6 1.6-8.3zm25.6-12.4-6.6-6.7 4.4-4.5 6.6 6.7-4.4 4.5z"/></g></g></svg>')
}
.download .wrap_page_title .page_title {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60" xml:space="preserve"><path fill="%231e2846" d="M51.5 50h-43C6.6 50 5 51.6 5 53.5v3C5 58.4 6.6 60 8.5 60h43c1.9 0 3.5-1.6 3.5-3.5v-3c0-1.9-1.6-3.5-3.5-3.5z" /><path fill="%231e2846" d="m40.8 28.7-10.3 11V0h-1v39.7l-10.3-11-.7.7L30 41.7l11.5-12.3z"/></svg>')
}
.qa .wrap_page_title .page_title {
	background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="layer_2" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60" xml:space="preserve"><path class="st0" d="M20.4 42c-3.6 0-7.3-1-10.6-3.1L.4 41.5l2.5-9.7C-1.9 23.6-.7 13 6 6.2 9.9 2.2 15 0 20.4 0S31 2.2 34.8 6.2l.1.1c7.9 8.2 7.8 21.5-.1 29.6-4 4-9.1 6.1-14.4 6.1zM10 37.9l.2.1c7.7 4.9 17.5 3.8 23.9-2.8 7.5-7.8 7.6-20.4.1-28.2l-.1-.1C30.4 3.1 25.6 1 20.4 1s-10 2.1-13.7 5.9C.3 13.5-.8 23.7 3.9 31.6l.1.1-2.2 8.4 8.2-2.2zm24.4-2.4z"/><path class="st1" d="M27.7 27.8h-2.6L24 26.7c-1.1.7-2.4 1.1-3.8 1.1-1.8 0-3.4-.6-4.9-1.9-1.5-1.4-2.3-3.1-2.3-5.2s.7-3.8 2.2-5.2c1.4-1.3 3.1-2 5-2 1.7 0 3.3.6 4.7 1.8 1.7 1.4 2.5 3.3 2.5 5.6 0 1.8-.7 3.4-2 4.8l2.3 2.1zM22 22.1l2 2c.9-.9 1.3-2.1 1.3-3.4 0-1.5-.5-2.7-1.5-3.7s-2.2-1.5-3.7-1.5-2.7.5-3.6 1.5c-1 1-1.4 2.3-1.4 3.8s.5 2.7 1.5 3.7 2.2 1.5 3.5 1.5c.9 0 1.7-.2 2.4-.6l-3.2-3.2H22z"/><path class="st0" d="M41.7 59.9c-4.7 0-9.4-1.9-12.9-5.5-2.2-2.3-3.9-5.2-4.7-8.3-.1-.3.1-.5.4-.6.3-.1.5.1.6.4.8 3 2.3 5.7 4.5 7.9 5.7 5.9 14.5 6.9 21.4 2.5l.2-.1 7.2 2-1.9-7.4.1-.2c4.3-7.1 3.3-16.2-2.5-22.1-2.5-2.6-5.7-4.3-9.2-5-.3 0-.5-.3-.4-.6 0-.3.3-.4.6-.4 3.7.7 7.1 2.5 9.8 5.2 6 6.2 7.1 15.6 2.7 23.1l2.3 8.7-8.5-2.3c-3.2 1.8-6.5 2.7-9.7 2.7z"/><path class="st1" d="M45.3 44.6H40l-1.4 3h-2l6.1-13.2 5.9 13.2h-2l-1.3-3zm-.8-1.8-1.8-4.2-1.9 4.2h3.7z"/></svg>')
}
.pms .wrap_page_title .page_title, .download .wrap_page_title .page_title, .qa .wrap_page_title .page_title {
	padding-left: 8rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center
}
.main.main_p_lg .block {
	padding-bottom: 5em
}
.main.main_p_lg .block h2.heading {
	margin-bottom: 1.5em
}
.main.main_p_lg .block p {
	line-height: 1.8
}
.main .img {
	text-align: center
}
.main .block {
	padding-top: 3em;
	padding-bottom: 3em
}
.main>*:last-child {
	padding-bottom: 5em
}
.main h3, .footer h3 {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.8;
	margin-bottom: .5em
}
.list_news {
	border-top: 1px solid #ccc;
	max-height: 22em;
	overflow-y: auto;
	padding-bottom: 2em
}
.list_news::-webkit-scrollbar {
	width: 10px
}
.list_news::-webkit-scrollbar-track {
	background-color: #eee
}
.list_news::-webkit-scrollbar-thumb {
	background-color: #1e2846
}
.list_news .date {
	font-weight: normal;
	line-height: 1.8;
	padding-top: .5em;
	margin-bottom: .5em
}
.list_news .content {
	border-bottom: 1px solid #ccc;
	padding-bottom: .5em
}
.list_news .content .title {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0
}
.list_news .content .text {
	margin-bottom: 0
}
.home .content_menu_list .item {
	width: 49%;
	margin-bottom: 2%
}
.home .content_menu_list .item .link {
	padding: 1em 1em 1em 10rem;
	border: 1px solid #ccc;
	border-radius: 7px;
	position: relative;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	min-height: 8em
}
.home .content_menu_list .item .link:hover {
	text-decoration: none;
	background-color: #f2fafd
}
.home .content_menu_list .item .link[class*=link_] {
	background-size: 60px auto
}
.home .content_menu_list .item .link[class*=icon_]:before {
	position: absolute;
	right: 1em;
	top: 1em
}
.home .content_menu_list .item .link h3 {
	font-size: 1.5em;
	font-weight: bold;
	width: 100%;
	margin-bottom: 0
}
.home .content_menu_list .item .link .text {
	line-height: 1.4;
	width: 100%
}
.home .content_menu_list .item .link .text u {
	text-underline-offset: .4em
}
.error_message {
	padding-top: 3em;
	padding-bottom: 2em
}
.form .wrap_form {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto
}
.form .wrap_form:not[class*=" pb-"] {
	padding-bottom: 1em
}
.form .form_dl {
	border-radius: 7px;
	overflow: hidden
}
.form .form_dl:not[class*=" mb-"] {
	margin-bottom: 3em
}
.form .form_dl+h3.title_form {
	margin-top: 2em
}
.form .form_dl.bg_white {
	border-radius: 0
}
.form .form_dl.bg_white .form_title {
	padding-right: 0;
	padding-left: 0;
	letter-spacing: normal;
	text-align: right
}
.form .form_dl:not(.bg_white) .form_title {
	background: silver;
	color: #fff
}
.form .form_dl:not(.bg_white) .form_title:not(:nth-last-child(2)) {
	border-bottom: 1px solid #fff
}
.form .form_dl:not(.bg_white) .form_item:not(:last-child) {
	border-bottom: 1px solid silver
}
.form .form_dl .form_title {
	font-weight: normal;
	text-align: center;
	padding: 1em .5em;
	letter-spacing: .1rem
}
.form .form_dl .form_title label[for] {
	line-height: 2.2
}
.form .form_dl .form_item {
	background: #fff;
	padding: 1em 1.5em
}
.form .form_dl .form_item input {
	width: 100%
}
.form .form_dl .form_item input.half {
	width: 40%
}
.form .form_dl .form_item .note {
	font-size: .8em;
	margin-top: .5em;
	margin-bottom: 0
}
.form .form_dl .form_item .form_confirm_text {
	line-height: 2.2;
	margin-bottom: 0
}
.form .form_dl .form_item .button.button-thirdly {
	width: auto;
	font-size: 1em;
	font-weight: normal;
	border-radius: 2em;
	margin-left: 1em;
	padding-right: 1.5em;
	padding-left: 1.5em
}
.form .form_dl .form_item select {
	cursor: pointer;
	padding-left: 1.5em;
	padding-right: 3.5em;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="23" xml:space="preserve"><path fill-rule="evenodd" fill="%232AACE2" d="m5.497.017 5.5 8h-11l5.5-8Zm0 22.966-5.5-8h11l-5.5 8Z"/></svg>') 90% center no-repeat
}
.form .wrap_button {
	padding-top: 3em;
	padding-bottom: 1em
}
.form_table_scroll {
	overflow: auto;
	white-space: nowrap
}
.form_table_scroll .form_table {
	width: 100%
}
.form_table {
	border-radius: 7px;
	margin-bottom: 3em;
	overflow: hidden;
	position: relative
}
.form_table:after {
	content: "";
	display: block;
	width: 101%;
	width: calc(100% + 1px);
	height: 16px;
	position: absolute;
	right: -1px;
	bottom: 0;
	border-radius: 7px;
	border-bottom: 1px solid silver
}
.bg_gray .form_table:after {
	border-bottom: none
}
.bg_gray .form_table tr:last-child>* {
	border-bottom: none
}
.form_table tr:hover td {
	background: #f2fafd
}
.form_table th {
	background: silver;
	border: 1px solid silver;
	color: #fff;
	text-align: center;
	font-weight: normal;
	padding: .5em .5em
}
.form_table th:not(:last-child) {
	border-right: 1px solid #fff
}
.form_table th.wrap_checkbox {
	width: 2em
}
.form_table th.wrap_material {
	min-width: 18em
}
.form_table th.wrap_ordered {
	min-width: 7em
}
.form_table td {
	background: #fff;
	padding: 1em;
	vertical-align: middle;
	border: 1px solid silver
}
.bg_gray .form_table td {
	border-right: none;
	border-left: none
}
.form_table td.valign-top {
	vertical-align: top
}
.form_table td:not(:last-child) {
	border-right: 1px solid silver
}
.form_table td input.num {
	max-width: 5em
}
.form_table label.nolabel {
	padding-left: 20px;
	padding-top: 0;
	padding-bottom: 2px
}
ul.note .item {
	text-indent: -1em;
	margin-left: 1em
}
.qa_dl .title, .qa_dl .text {
	background: #fff;
	padding: 1em 1em 1em 7rem;
	position: relative;
	font-size: 1.16em;
	border: 1px solid silver
}
.bg_gray .qa_dl .title, .bg_gray .qa_dl .text {
	border-color: #eee
}
.qa_dl .title a[class*=" icon_"], .qa_dl .text a[class*=" icon_"] {
	margin-right: .25em
}
.qa_dl .title:before, .qa_dl .text:before {
	content: "";
	display: inline-block;
	width: 4rem;
	height: 4rem;
	border-radius: 5px;
	border: 1px solid #1e2846;
	vertical-align: middle;
	position: absolute;
	left: .75em;
	top: 0;
	bottom: 0;
	margin: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px auto
}
.qa_dl .title {
	border-radius: 7px;
	cursor: pointer;
	margin-bottom: 1.5em;
	padding-right: 3em
}
.qa_dl .title.is_active {
	border-radius: 7px 7px 0 0
}
.qa_dl .title.is_active:after {
	-webkit-transform: rotate(226deg);
	transform: rotate(226deg);
	top: 4px
}
.qa_dl .title:hover {
	background: #f2fafd
}
.qa_dl .title:before {
	background-color: #1e2846;
	background-image: url(../img/qa/Q.svg)
}
.qa_dl .title:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.5em;
	margin: auto;
	display: block;
	content: "";
	width: .75em;
	height: .75em;
	border-right: 2px solid #e31837;
	border-bottom: 2px solid #e31837;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
.qa_dl .text {
	display: none;
	margin-top: -1.5em;
	margin-bottom: 1.5em;
	border-radius: 0 0 7px 7px
}
.qa_dl .text:before {
	background-image: url(../img/qa/A.svg)
}
.qa_contact_dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 2px solid #1e2846;
	border-radius: 7px;
	overflow: hidden
}
.qa_contact_dl .title {
	background: silver;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: normal;
	width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	letter-spacing: .1rem
}
.qa_contact_dl .text {
	-webkit-box-flex: 2.6;
	-ms-flex: 2.6;
	flex: 2.6;
	padding: 1.5em 3em
}
.qa_contact_dl .text * {
	margin-bottom: 0
}
.qa_contact_dl .text h3 {
	font-size: 1.4em
}
.qa_contact_dl .text p.tel {
	font-size: 2.4em;
	background: url(../img/common/icon_telephone.svg) left center no-repeat;
	background-size: 30px auto;
	padding-left: 4rem;
	line-height: 1.4;
	letter-spacing: .1rem
}
.qa_contact_dl .text .time {
	font-weight: normal
}
@media(min-width: 1024px) {
	.container {
		padding-right: 0;
		padding-left: 0
	}
}
@media(min-width: 768px) {
	.column, .columns {
		margin-left: 4%
	}
	.column:first-child, .columns:first-child {
		margin-left: 0
	}
	.one.column, .one.columns {
		width: 4.6666666667%
	}
	.two.columns {
		width: 13.3333333333%
	}
	.three.columns {
		width: 22%
	}
	.four.columns {
		width: 30.6666666667%
	}
	.five.columns {
		width: 39.3333333333%
	}
	.six.columns {
		width: 48%
	}
	.seven.columns {
		width: 56.6666666667%
	}
	.eight.columns {
		width: 65.3333333333%
	}
	.nine.columns {
		width: 74%
	}
	.ten.columns {
		width: 82.6666666667%
	}
	.eleven.columns {
		width: 91.3333333333%
	}
	.twelve.columns {
		width: 100%;
		margin-left: 0
	}
	.one-third.column {
		width: 30.6666666667%
	}
	.two-thirds.column {
		width: 65.3333333333%
	}
	.one-half.column {
		width: 48%
	}
	.offset-by-one.column, .offset-by-one.columns {
		margin-left: 8.6666666667%
	}
	.offset-by-two.column, .offset-by-two.columns {
		margin-left: 17.3333333333%
	}
	.offset-by-three.column, .offset-by-three.columns {
		margin-left: 26%
	}
	.offset-by-four.column, .offset-by-four.columns {
		margin-left: 34.6666666667%
	}
	.offset-by-five.column, .offset-by-five.columns {
		margin-left: 43.3333333333%
	}
	.offset-by-six.column, .offset-by-six.columns {
		margin-left: 52%
	}
	.offset-by-seven.column, .offset-by-seven.columns {
		margin-left: 60.6666666667%
	}
	.offset-by-eight.column, .offset-by-eight.columns {
		margin-left: 69.3333333333%
	}
	.offset-by-nine.column, .offset-by-nine.columns {
		margin-left: 78%
	}
	.offset-by-ten.column, .offset-by-ten.columns {
		margin-left: 86.6666666667%
	}
	.offset-by-eleven.column, .offset-by-eleven.columns {
		margin-left: 95.3333333333%
	}
	.offset-by-one-third.column, .offset-by-one-third.columns {
		margin-left: 34.6666666667%
	}
	.offset-by-two-thirds.column, .offset-by-two-thirds.columns {
		margin-left: 69.3333333333%
	}
	.offset-by-one-half.column, .offset-by-one-half.columns {
		margin-left: 52%
	}
	.button {
		-webkit-transition: .2s background-color, .2s border-color;
		transition: .2s background-color, .2s border-color
	}
}
@media screen and (min-width: 768px) {
	label.checkbox:hover {
		background: #eee
	}
	.bg_gray label.checkbox:hover {
		background: #fff
	}
	label.radiobutton:hover {
		background: #eee
	}
	.header .container {
		padding-right: 13rem
	}
	.header .container .head_lead {
		margin: 0 auto 0 2em;
		font-size: .8em;
		line-height: 1.4
	}
	#mypage_icon {
		border-radius: 5px;
		right: 6rem
	}
	.nav .nav_menu {
		top: 73px;
		right: 2.5rem;
		width: 350px;
		border-radius: 7px 0 7px 7px;
		-webkit-box-shadow: 3px -1px 15px 0px rgba(102, 102, 102, .4);
		box-shadow: 3px -1px 15px 0px rgba(102, 102, 102, .4)
	}
	.nav .nav_menu:before {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 10px 14px;
		border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
		position: absolute;
		right: 0;
		top: -10px
	}
	.nav .nav_menu .item.user_name {
		display: none
	}
	/* TODO: z-index */
	.nav .nav_menu .item .link {
		-webkit-transition: background-color .3s;
		transition: background-color .3s
	}
	.nav .nav_menu .item .link[class*=icon_]:before {
		-webkit-transition: right .2s;
		transition: right .2s
	}
	.nav .nav_menu .item .link:hover[class*=icon_]:before {
		right: 1.3em
	}
	#mypage_nav {
		right: 8.5rem
	}
	.pc {
		display: inline-block
	}
	.sp {
		display: none
	}
	a img {
		-webkit-transition: .3s opacity;
		transition: .3s opacity
	}
	a img:hover {
		opacity: .8
	}
	.list_news {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.list_news .date, .list_news .content {
		padding: 1em 0
	}
	.list_news .date {
		border-bottom: 1px solid #ccc;
		width: 10em;
		margin-bottom: 0
	}
	.list_news .content {
		width: calc(100% - 10em)
	}
	.home .content_menu_list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.home .content_menu_list .item .link {
		-webkit-transition: background-color .3s;
		transition: background-color .3s
	}
	.form .form_dl {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.form .form_dl .form_title {
		width: 30%
	}
	.form .form_dl .form_item {
		width: 70%
	}
	.form .form_dl .form_title.right {
		text-align: right
	}
	.form .wrap_button button+button {
		margin-left: 2em
	}
}
@media screen and (max-width: 767px) {
	input[type=checkbox]+label.checkbox:after {
		border-right: 3px solid #e31837;
		border-bottom: 3px solid #e31837;
		height: 18px;
		width: 9px
	}
	input[type=checkbox]+label.checkbox:before {
		height: 16px;
		left: 5px;
		margin-top: -8px;
		width: 16px
	}
	.main h2.heading, .footer h2.heading {
		font-size: 1.4em;
		margin-bottom: .75em
	}
	.header .container {
		height: 5rem;
		padding-right: 10rem
	}
	.header .container .logo {
		width: 35%;
		max-width: 150px;
		margin-top: 5px;
		margin-bottom: 5px
	}
	.header .container .head_lead {
		margin: 0;
		font-size: 1rem;
		line-height: 1;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		white-space: nowrap
	}
	#mypage_icon[aria-expanded=true] .icon_mypage:after {
		width: 1.5em
	}
	#overlay {
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(255, 255, 255, .8);
		cursor: pointer
	}
	#glonav_nav {
		border-top: 1px solid #ccc
	}
	.footer .columns.six .copyright {
		text-align: center
	}
	.footer .columns.six .list {
		text-align: center
	}
	a:hover {
		text-decoration: none
	}
	a img {
		display: block
	}
	html.is_fixed {
		overflow: hidden
	}
	html.is_fixed body {
		overflow: hidden
	}
	a.underline[class^=icon_], a.underline[class*=" icon_"] {
		text-underline-offset: .2em
	}
	.breadcrumb {
		overflow: auto;
		white-space: nowrap
	}
	.wrap_page_title:after {
		padding-bottom: 20%
	}
	.wrap_page_title .page_title {
		font-size: 1.5em;
		line-height: 2;
		padding-left: 3em
	}
	.pms .wrap_page_title .page_title, .download .wrap_page_title .page_title, .qa .wrap_page_title .page_title {
		padding-left: 4rem;
		width: 92%
	}
	.main {
		padding-bottom: 1em
	}
	.main.main_p_lg .block {
		padding-bottom: 3em
	}
	.main .block {
		padding-bottom: 1em
	}
	.main>*:last-child {
		padding-bottom: 3em
	}
	.main .container .wrap_form {
		padding-right: 0;
		padding-left: 0
	}
	.home .content_menu_list .item {
		width: 100%;
		margin-bottom: 1.25em
	}
	.home .content_menu_list .item .link {
		padding-left: 5rem;
		min-height: 7em;
		border-radius: 5px
	}
	.home .content_menu_list .item .link[class*=link_] {
		background-size: 30px auto
	}
	.home .content_menu_list .item .link[class*=icon_]:before {
		font-size: 1.2em
	}
	.home .content_menu_list .item .link h3 {
		font-size: 1.3em
	}
	.error_message {
		padding-top: 2em;
		padding-bottom: 1em
	}
	.form .wrap_form {
		padding-right: 4%;
		padding-left: 4%
	}
	.form .form_dl {
		border-radius: 5px
	}
	.form .form_dl .form_title {
		font-size: 1.2em
	}
	.form .form_dl.bg_white .form_title {
		text-align: left
	}
	.form .form_dl.bg_white .form_item {
		padding: .5em
	}
	.form .form_dl .form_title {
		padding-top: .25em;
		padding-bottom: .25em
	}
	.form .form_dl .form_item select {
		background-size: auto 16px
	}
	.form .wrap_button button {
		margin-right: auto;
		margin-left: auto;
		padding: .5em 1em;
		display: block;
		min-width: 60%;
		max-width: 300px;
		letter-spacing: .1em
	}
	.form .wrap_button button+button {
		margin-top: 2em
	}
	.form_table th.wrap_img {
		min-width: 20%
	}
	.qa_dl .title, .qa_dl .text {
		padding-left: 5rem
	}
	.qa_dl .title:before, .qa_dl .text:before {
		width: 3rem;
		height: 3rem;
		background-size: 16px auto
	}
	.qa_dl .title {
		padding-right: 2.5em
	}
	.qa_dl .title:after {
		right: 1em
	}
	.qa_contact_dl {
		display: block
	}
	.qa_contact_dl .title {
		font-size: 1.2em;
		padding: 1em
	}
	.qa_contact_dl .text {
		padding: 1em
	}
	.qa_contact_dl .text h3 {
		text-align: center
	}
	.qa_contact_dl .text .time {
		margin-top: .5em
	}
}
@media(max-width: 320px) {
	.header .container .head_lead {
		-webkit-transform: scale(0.7);
		transform: scale(0.7)
	}
}
@media print {
	#wrapper {
		display: block
	}
	#wrapper header.typesquare_tags {
		opacity: 1
	}
	.home section:not(:first-child) {
		opacity: 1
	}
	* {
		color: #000 !important;
		text-shadow: none !important;
		background: rgba(0, 0, 0, 0) !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important
	}
	a, a:visited {
		text-decoration: underline
	}
	a[href]:after {
		content: " (" attr(href) ")"
	}
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	a[href^="javascript:"]:after, a[href^="#"]:after {
		content: ""
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	tr, img {
		page-break-inside: avoid
	}
	img {
		max-width: 100% !important
	}
	@page {
		margin: 2cm .5cm
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3
	}
	h2, h3 {
		page-break-after: avoid
	}
	select {
		background: #fff !important
	}
	.navbar {
		display: none
	}
	.table td, .table th {
		background-color: #fff !important
	}
	.btn>.caret, .dropup>.btn>.caret {
		border-top-color: #000 !important
	}
	.label {
		border: 1px solid #000
	}
	.table {
		border-collapse: collapse !important
	}
	.table-bordered th, .table-bordered td {
		border: 1px solid #ddd !important
	}
}
@media(min-width: 320px) {
	body {
		font-size: calc(12px + 4 * (100vw - 320px) / 680)
	}
}
@media(min-width: 1000px) {
	body {
		font-size: 16px
	}
}
.home .content_menu_list .item .link h3 small {
	font-size: 74%;
	line-height: 1.2;
	margin-bottom: .25em;
	display: block
}
.home .content_menu_list .item .link.link_pms_ba1:not(:hover), .home .content_menu_list .item .link.link_pms_ba4-5:not(:hover) {
	color: #fff;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2060%2060%22%20style%3D%22enable-background%3Anew%200%200%2060%2060%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23CECECE%3B%7D%20.st1%7Bfill%3A%23EFEFEF%3B%7D%20.st2%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22layer_1_00000011009821501147277760000017072843698025253030_%22%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M28.7%2C21.1h-3v-2h3V21.1z%20M22.7%2C21.1h-3v-2h3V21.1z%20M19.7%2C33.1h3v2h-3V33.1z%20M34.7%2C49.1h-3v-2h3V49.1z%20M28.7%2C49.1h-3v-2h3V49.1z%20M22.7%2C49.1h-3v-2h3V49.1z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M6.8%2C16.1h8.8v8.8H6.8V16.1z%20M6.8%2C29.7h8.8v8.8H6.8V29.7z%20M6.8%2C43.3h8.8v8.8H6.8V43.3z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M39.2%2C34.7c-0.3%2C0-0.5%2C0.2-0.5%2C0.5V59H1V9.1h35.1c0.3%2C0%2C0.5-0.2%2C0.5-0.5s-0.2-0.5-0.5-0.5H0.5%20C0.2%2C8.1%2C0%2C8.4%2C0%2C8.6v50.9C0%2C59.8%2C0.2%2C60%2C0.5%2C60h38.7c0.3%2C0%2C0.5-0.2%2C0.5-0.5V35.2C39.7%2C34.9%2C39.4%2C34.7%2C39.2%2C34.7z%22%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M59.9%2C7.5l-7.3-7.4C52.3%2C0%2C52%2C0%2C51.8%2C0.1l-5.1%2C5.2L27.9%2C24.1c0%2C0%2C0%2C0.1-0.1%2C0.1v0.1L26%2C33.5%20c0%2C0.2%2C0%2C0.3%2C0.1%2C0.5c0.1%2C0.1%2C0.2%2C0.1%2C0.4%2C0.1h0.1l9.2-1.8h0.1c0%2C0%2C0.1%2C0%2C0.1-0.1l18.7-18.8l5.2-5.2C60%2C8%2C60%2C7.7%2C59.9%2C7.5z%20M28.7%2C24.7L47%2C6.4l6.6%2C6.7L35.4%2C31.4L27.1%2C33C27.1%2C33%2C28.7%2C24.7%2C28.7%2C24.7z%20M54.3%2C12.3l-6.6-6.7l4.4-4.5l6.6%2C6.7L54.3%2C12.3z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E')
}
.home .content_menu_list .item .link.link_pms_ba1:not(:hover) {
	background-color: #63a072
}
.home .content_menu_list .item .link.link_pms_ba4-5:not(:hover) {
	background-color: #81868b
}