@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong,
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer,
header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline
}
html {
	overflow-y: scroll
}
body {
	background: #fff;
	width: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 100%;
	font-family: 'Noto Sans', 'Noto Sans JP', 'Noto Sans SC', 'Noto Sans KR', sans-serif;
	font-weight: 500;
	position: relative;
	line-height: 150%
}
body ul.sug_list {
	opacity: 1.0
}
body ul.sug_list li:first-child {
	border-top: 1px solid #c8c8c8
}
.pc {
	display: block
}
.sp {
	display: none
}
@media screen and (max-width:768px) {
	body {
		font-size: 3.385vw
	}
	.pc {
		display: none
	}
	.sp {
		display: block
	}
}
blockquote,
q {
	quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}
hr {
	margin: 20px 0;
	border: 1px solid #eee
}
input,
textarea {
	margin: 0;
	padding: 0
}
ol,
ul {
	list-style: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
table {
	width: 100%
}
sup {
	font-size:.5rem;
	vertical-align: top;
	position: relative;
	top: -0.1em
}
caption,
th {
	text-align: left
}
a:focus {
	outline: 0
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden
}
.clearfix {
	min-height: 1px
}
* html .clearfix {
	height: 1px
}
.clear {
	clear: both
}
.inline_block {
	display: inline-block;
*display:inline;
*zoom:1
}
a:link {
	text-decoration: none;
	font-size: inherit;
	color: #0066a7;
	font-weight: inherit
}
a:visited {
	color: #69216c
}
a:hover {
	color: #0066a7;
	text-decoration: underline;
	-webkit-transition: .7s;
	-moz-transition: .7s;
	-o-transition: .7s;
	transition: .7s
}
a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity: .75
}
a:hover img {
	opacity: .6;
	filter: alpha(opacity=60);
	-moz-opacity: .6
}

button,
input,
select,
textarea {
	font-family: inherit
}
input[type="text"] {
	padding: 15px;
	width: 100%;
	font-size: 1.125rem;
	line-height: 1;
	box-sizing: border-box
}
textarea {
	padding: 15px;
	width: 100%;
	font-size: 1.125rem;
	line-height: 1.875rem;
	box-sizing: border-box
}
select {
	outline: 0;
	text-indent: .01px;
	text-overflow: '';
	background: none transparent;
	vertical-align: middle;
	color: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	padding: 0 15px 0 0;
	width: 100%;
	font-size: 1.125rem
}
select option {
	background-color: #fff;
	color: #333
}
select::-ms-expand {
display:none
}
select:-moz-focusring {
color:transparent;
text-shadow:0 0 0 #828c9a
}
.select-wrap {
	display: inline-block;
	position: relative
}
.select-wrap:before {
	z-index: 1;
	position: absolute;
	right: 0;
	top: 2px;
	content: url("../images/ico-select-wrap.png");
	line-height: 1;
	pointer-events: none
}
.pulldown {
	display: inline-block;
	border-bottom: 1px solid #000
}
@-moz-document url-prefix() {
.select-wrap:before {
top:5px
}
}
.checkbox-input {
	display: none
}
.checkbox-parts {
	padding-left: 40px;
	position: relative;
	margin-right: 20px
}
.checkbox-parts::before {
	content: "";
	display: block;
	position: absolute;
	top: -3px;
	left: 0;
	width: 28px;
	height: 28px;
	border: 1px solid #000;
	background: #e6e6e6
}
.checkbox-input:checked+.checkbox-parts {
	color: #000
}
.checkbox-input:checked+.checkbox-parts::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 10px;
	width: 7px;
	height: 14px;
	transform: rotate(40deg);
	border-bottom: 4px solid #000;
	border-right: 4px solid #000
}
.radio-input {
	display: none
}
.radio-input+label {
	padding-left: 40px;
	position: relative;
	margin-right: 20px
}
.radio-input+label::before {
	content: "";
	display: block;
	position: absolute;
	top: -3px;
	left: 0;
	width: 29px;
	height: 29px;
	border: 1px solid #000;
	border-radius: 50%;
	background: #e6e6e6
}
.radio-input:checked+label {
	color: #000
}
.radio-input:checked+label::after {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 7px;
	width: 17px;
	height: 17px;
	background: #595757;
	border-radius: 50%
}
input[type=range] {
	-webkit-appearance: none;
	background: #000;
	height: 2px;
	width: 540px;
	border-radius: 8px
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance:none;
background:#000;
height:24px;
width:5px
}
input[type=range]::-ms-tooltip {
display:none
}
input[type=range]::-moz-range-track {
height:0
}
input[type=range]::-moz-range-thumb {
background:#000;
height:24px;
width:5px;
border:0
}
input[type=range]:focus {
	outline: 0
}
.range_num {
	display: inline-block;
	padding: 5px;
	vertical-align: top
}
.wrap_range {
	justify-content: flex-start;
	align-items: center
}
.range_num {
	display: inline-block;
	padding: 0 5px
}
.range_num02 {
	display: block;
	padding: 5px 0;
	width: 27px;
	font-size:.75rem;
	text-align: center
}
#slider {
	display: inline-block;
	width: 540px
}
#slider_v {
	display: block;
	margin-left: 10px
}
#slider .ui-slider-range,
#slider_v .ui-slider-range {
	background: #ccc
}
#slider .ui-slider-handle {
	width: 5px;
	height: 24px;
	background-color: #000;
	top: -.6em;
	margin-left: 0
}
.ui-slider-horizontal {
	height: .3em;
	background-color: #000
}
#slider_v .ui-slider-handle {
	width: 24px;
	height: 5px;
	background-color: #000;
	left: -.6em;
	margin-bottom: 0
}
.ui-slider-vertical {
	width: .3em;
	background-color: #000
}
@media screen and (max-width:768px) {
	.wrap_range {
		display: block;
		width: 100% !important;
		justify-content: center
	}
	.range_num {
		display: inline-block;
		padding: 5px
	}
	.range_num02 {
		display: block;
		padding: 5px 0;
		width: 27px;
		font-size:.75rem;
		text-align: center
	}
	#slider {
		width: 70.0vw
	}
	#slider_v {
		margin-left: 2.604vw
	}
	#slider .ui-slider-range,
	#slider_v .ui-slider-range {
		background: #ccc
	}
	#slider .ui-slider-handle {
		width: 5px;
		height: 24px;
		background-color: #000;
		top: -.6em;
		margin-left: 0
	}
	.ui-slider-horizontal {
		height: .3em;
		background-color: #000
	}
	#slider_v .ui-slider-handle {
		width: 24px;
		height: 5px;
		background-color: #000;
		left: -.6em;
		margin-bottom: 0
	}
	.ui-slider-vertical {
		width: .3em;
		background-color: #000
	}
}
.button_list {
	width: 660px
}
.button_list li {
	margin: 0 45px 40px 0;
	width: 119px
}
.button_list li:last-of-type {
	margin-right: auto
}
.button_df {
	padding: 8px 0;
	width: 117px;
	font-size: 1.125rem;
	text-align: center;
	background: #fff;
	border: 1px solid #000;
	cursor: pointer;
	margin: 10px 10px 0
}
.button_df.width-auto {
	padding: 8px 8px;
	width: auto
}
.button_df:hover {
	color: #fff;
	background: #000;
	-webkit-transition: .7s;
	-moz-transition: .7s;
	-o-transition: .7s;
	transition: .7s
}
@media screen and (max-width:768px) {
	input[type="text"] {
		padding: 3.255vw;
		width: 100%;
		font-size: 4.687vw
	}
	textarea {
		padding: 3.255vw;
		font-size: 4.687vw;
		line-height: 7.031vw
	}
	select {
		padding: 0 6vw 0 0;
		width: 100%;
		font-size: 4.687vw
	}
	.checkbox-parts {
		padding-left: 9.114vw;
		position: relative;
	margin-right:.5vw
	}
	label:nth-of-type(2) .checkbox-parts {
		margin-right: 0
	}
	.checkbox-parts::before {
		top: -1.0vw;
		left: 0;
		width: 5.989vw;
		height: 5.989vw
	}
	.checkbox-input:checked+.checkbox-parts::after {
		content: "";
		display: block;
		position: absolute;
		top: -1vw;
		left: 2vw;
		width: 1.8vw;
		height: 4.4vw;
		transform: rotate(40deg);
		border-bottom: 4px solid #000;
		border-right: 4px solid #000
	}
	.radio-input+label {
		padding-left: 9.114vw;
		position: relative;
	margin-right:.5vw
	}
	.radio-input+label::before {
		top: -3px;
		left: 0;
		width: 5.989vw;
		height: 5.989vw
	}
	.radio-input:checked+label::after {
		content: "";
		display: block;
		position: absolute;
	top:.5vw;
		left: 1.35vw;
		width: 3.906vw;
		height: 3.906vw
	}
	input[type=range] {
	height:.520vw;
		width: 80%
	}
	input[type=range]::-webkit-slider-thumb {
	height:7.161vw;
	width:.781vw
	}
	input[type=range]::-moz-range-thumb {
	height:7.161vw;
	width:.781vw
	}
	.range_num {
	padding:.651vw
	}
	.wrap_range {
	padding:.651vw 0;
		width: 5.208vw
	}
	.box_range {
		height: 20.416vw
	}
	input[type=range].tate {
		margin: 0 0 0 7.5px;
		writing-mode: bt-lr;
		-webkit-appearance: slider-vertical;
		width: 5px;
		height: 20.416vw
	}
	input[type=range].tate::-webkit-slider-thumb {
	-webkit-appearance:none;
	background:#000;
	height:5px;
	width:10.416vw;
	border-radius:0
	}
	input[type=range].tate::-moz-range-thumb {
	background:#000;
	height:5px;
	width:2.604vw;
	border:0
	}
	.range_num02 {
	padding:.651vw 0;
		font-size:.75rem;
		text-align: center
	}
	.button_list {
		width: 100%
	}
	.button_list li {
		margin: 0 0 3.906vw 0;
		width: 38.541vw
	}
	.button_list li:last-of-type {
		margin-right: 0
	}
	.button_df {
		padding: 2.604vw 0;
		width: 38.541vw;
		font-size: 4.687vw;
		margin: 10px 10px 0
	}
	.button_df.width-auto {
		width: 70%
	}
}

.icon-sns,
.icon-top {
	width: 100%;
	max-width: 100%
}
.icon-ac_down {
	width: 21px;
	height: 21px;
	background: url("../images/ico-ac-down-off.png") no-repeat;
	background-size: 21px;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	z-index: 2;
	position: relative
}
.icon-ac_down .eff-1 {
	width: 21px;
	height: 21px;
	left: 0;
	background: #000;
	position: absolute;
	transition: all .5s ease;
	z-index: 1;
	opacity: 0
}
.icon-ac_down:hover .eff-1,
.acd dl dt:hover .icon-ac_down .eff-1 {
	left: 0;
	background: #000 url("../images/ico-ac-down-on.png") no-repeat;
	background-size: 21px;
	opacity: 1
}
.icon-ac_up {
	width: 21px;
	height: 21px;
	background: url("../images/ico-ac-up-off.png") no-repeat;
	background-size: 21px;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	z-index: 2;
	position: relative
}
.icon-ac_up .eff-1 {
	width: 21px;
	height: 21px;
	left: 0;
	background: #000;
	position: absolute;
	transition: all .5s ease;
	z-index: 1;
	opacity: 0
}
.icon-ac_up:hover .eff-1,
.acd dl dt:hover .icon-ac_up .eff-1 {
	left: 0;
	background: #000 url("../images/ico-ac-up-on.png") no-repeat;
	background-size: 21px;
	opacity: 1
}
@media screen and (max-width:768px) {
	.icon-ac_down,
	.icon-ac_up {
		width: 5.859vw;
		height: 5.859vw;
		background-size: 5.859vw
	}
	.icon-ac_down .eff-1,
	.icon-ac_up .eff-1 {
		display: none
	}
	.icon-ac_down:hover .eff-1 {
		background-size: 5.859vw
	}
	.icon-ac_up {
		width: 5.859vw;
		height: 5.859vw;
		background-size: 5.859vw
	}
	.icon-ac_up:hover .eff-1 {
		background-size: 5.859vw
	}
}
.icon-modal_close {
	width: 34px;
	height: 34px;
	background: url("../images/ico-modal-close-off.png") no-repeat;
	background-size: 34px;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	transition: all .5s ease;
	z-index: 2;
	position: relative
}
.icon-modal_close .eff-2 {
	width: 34px;
	height: 34px;
	left: 0;
	background: #000;
	position: absolute;
	transition: all .5s ease;
	z-index: 1;
	opacity: 0
}
.icon-modal_close:hover .eff-2,
.acd dl dt:hover .icon-modal_close .eff-2 {
	left: 0;
	background: #000 url("../images/ico-modal-close-on.png") no-repeat;
	background-size: 34px;
	opacity: 1
}
@media screen and (max-width:768px) {
	.icon-modal_close {
		width: 9.114vw;
		height: 9.114vw;
		background-size: 9.114vw
	}
	.icon-modal_close .eff-2 {
		display: none
	}
}
.icon-modal_plus {
	width: 21px;
	height: 21px;
	background: url("../images/ico-modal-plus-off.png") no-repeat;
	background-size: 21px;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	transition: all .5s ease;
	z-index: 2;
	position: relative
}
.icon-modal_plus .eff-1 {
	width: 21px;
	height: 21px;
	left: 0;
	background: #000;
	position: absolute;
	transition: all .5s ease;
	z-index: 1;
	opacity: 0
}
.icon-modal_plus:hover .eff-1,
.acd dl dt:hover .icon-modal_plus .eff-1 {
	left: 0;
	background: url("../images/ico-modal-plus-on.png") no-repeat;
	background-size: 21px;
	opacity: 1
}
@media screen and (max-width:768px) {
	.icon-modal_plus {
		width: 5.989vw;
		height: 5.989vw;
		background-size: 5.989vw
	}
	.icon-modal_plus .eff-1 {
		display: none
	}
}
.icon-dll {
	width: 21px;
	height: 21px;
	background: url("../images/ico-download-off.png") no-repeat;
	background-size: 21px;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	transition: all .5s ease;
	z-index: 2;
	position: relative
}
.icon-dll .eff-1 {
	width: 21px;
	height: 21px;
	left: 0;
	background: #000;
	position: absolute;
	transition: all .5s ease;
	z-index: 1;
	opacity: 0
}
.icon-dll:hover .eff-1 {
	left: 0;
	background: url("../images/ico-download-on.png") no-repeat;
	background-size: 21px;
	opacity: 1
}
@media screen and (max-width:768px) {
	.icon-dll {
		width: 5.989vw;
		height: 5.989vw;
		background-size: 5.989vw
	}
	.icon-dll .eff-1 {
		display: none
	}
}
.icon-zoom {
	padding: 0 25px 25px 0;
	background: url("../images/ico-modal-plus-off.png") no-repeat right top / 25px
}
.icon-zoom:hover {
	background: url("../images/ico-modal-plus-on.png") no-repeat right top / 25px
}
.icon-win {
	padding-right: 1.5em !important;
	background: url("../images/ico-new-window-off.png") no-repeat right center / 1.2em;
	text-decoration: none
}
.icon-win .block {
	display: block
}
.icon-win:hover {
	background: url("../images/ico-new-window-on.png") no-repeat right center / 1.2em;
	text-decoration: underline
}
@media screen and (max-width:768px) {
	.icon-pdf {
		padding: 2px 26px 1px 0 !important
	}
}
.icon-pdf {
	padding: 0 26px 0 0;
	background: url("../images/ico-pdf.png") no-repeat right center / 20px;
	text-decoration: none
}
.icon-xls {
	padding: 0 26px 0 0;
	background: url("../images/ico-xls.png") no-repeat right center / 20px;
	text-decoration: none
}
.icon-win.icon-pdf {
	padding: 0 52px 0 0;
	background: url("../images/ico-new-window-off.png") no-repeat right 26px center / 20px,url("../images/ico-pdf.png") no-repeat right center / 20px;
	text-decoration: none
}
.icon-win.icon-pdf:hover {
	background: url("../images/ico-new-window-on.png") no-repeat right 26px center / 20px,url("../images/ico-pdf.png") no-repeat right center / 20px;
	text-decoration: underline
}
.icon-win.icon-xls {
	padding: 0 52px 0 0;
	background: url("../images/ico-new-window-off.png") no-repeat right 26px center / 20px,url("../images/ico-xls.png") no-repeat right center / 20px;
	text-decoration: none
}
.icon-win.icon-xls:hover {
	background: url("../images/ico-new-window-on.png") no-repeat right 26px center / 20px,url("../images/ico-xls.png") no-repeat right center / 20px;
	text-decoration: underline
}
.icon-pdf.icon-xls {
	padding: 0 52px 0 0;
	background: url("../images/ico-pdf.png") no-repeat right 26px center / 20px,url("../images/ico-xls.png") no-repeat right center / 20px;
	text-decoration: none
}
.icon-pdf.icon-xls:hover {
	background: url("../images/ico-pdf.png") no-repeat right 26px center / 20px,url("../images/ico-xls.png") no-repeat right center / 20px;
	text-decoration: underline
}
.icon-win.icon-pdf.icon-xls {
	padding: 0 78px 0 0;
	background: url("../images/ico-new-window-off.png") no-repeat right 52px center / 20px,url("../images/ico-pdf.png") no-repeat right 26px center / 20px,url("../images/ico-xls.png") no-repeat right center / 20px;
	text-decoration: none
}
.icon-win.icon-pdf.icon-xls:hover {
	background: url("../images/ico-new-window-on.png") no-repeat right 52px center / 20px,url("../images/ico-pdf.png") no-repeat right 26px center / 20px,url("../images/ico-xls.png") no-repeat right center / 20px;
	text-decoration: underline
}
.icon-update {
	display: inline-block;
	padding: 0 5px;
	text-indent: 0;
	margin-left: 3px;
	border: 1px #da0c1d solid;
	background-color: #da0c1d;
	color: #fff;
	font-size:.4rem;
	vertical-align: super;
	line-height: 20px
}
.icon-new {
	display: inline-block;
	padding: 0 6px;
	text-indent: 0;
	margin-left: 3px;
	border: 1px #da0c1d solid;
	background-color: #da0c1d;
	color: #fff;
	font-size:.4rem;
	vertical-align: super;
	line-height: 20px
}

.box_component {
	margin: 0 auto 50px;
	width: 100%;
	max-width: 1280px;
	position: relative
}
.box_component>.contentTpar,
.box_component>.contentBpar,
.box_component>.contentpar>.comp-011,
.box_component>.contentpar>.comp-012,
.box_component>.contentpar>.comp-016,
.box_component>.contentpar>.comp-022,
.box_component>.contentpar>.comp-031,
.box_component>.contentpar>.comp-049,
.box_component>.contentpar>.comp-058,
.box_component>.comp-101,
.box_component>.comp-102,
.box_component>.comp-105,
.box_component>.comp-106,
.box_component>.comp-107,
.box_component>.comp-114,
.box_component>.comp-115 {
	margin-left: 6.015625vw;
	margin-right: 6.015625vw
}
@media screen and (min-width:769px) and (max-width:1300px) {
	.box_component {
		width: 100%;
		max-width: inherit;
		box-sizing: border-box
	}
}
@media screen and (min-width:769px) {
	.box_component>.contentpar>.comp-007>*>.imgbox,
	.box_component>.contentpar>.comp-007>*>.description_area,
	.box_component>.contentpar>.comp-008>.imgbox {
		margin-left: 6.015625vw;
		margin-right: 6.015625vw
	}
}
@media screen and (max-width:768px) {
	.box_component {
		margin: 0 auto 50px;
		width: 100%;
		box-sizing: border-box
	}
	.box_component>.contentTpar,
	.box_component>.contentBpar,
	.box_component>.contentpar>.comp-007>*>.imgbox,
	.box_component>.contentpar>.comp-007>*>.description_area,
	.box_component>.contentpar>.comp-008>.imgbox,
	.box_component>.contentpar>.comp-011,
	.box_component>.contentpar>.comp-012,
	.box_component>.contentpar>.comp-013,
	.box_component>.contentpar>.comp-016,
	.box_component>.contentpar>.comp-022,
	.box_component>.contentpar>.comp-031,
	.box_component>.contentpar>.comp-049,
	.box_component>.contentpar>.comp-058,
	.box_component>.comp-101,
	.box_component>.comp-102,
	.box_component>.comp-105,
	.box_component>.comp-106,
	.box_component>.comp-107,
	.box_component>.comp-114,
	.box_component>.comp-115 {
		margin-left: 5.599vw;
		margin-right: 5.599vw
	}
}
.scale img {
	transition-duration: .5s
}
.scale img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	transition-duration: .5s
}
.mt10 {
	margin-top: 10px
}
.mt15 {
	margin-top: 15px
}
.mt20 {
	margin-top: 20px
}
.mt25 {
	margin-top: 25px
}
.mt30 {
	margin-top: 30px
}
.mt35 {
	margin-top: 35px
}
.mt40 {
	margin-top: 40px
}
.mt45 {
	margin-top: 45px
}
.mt50 {
	margin-top: 50px
}
.mt60 {
	margin-top: 60px
}
.mt70 {
	margin-top: 70px
}
.mt80 {
	margin-top: 80px
}
.mt90 {
	margin-top: 90px
}
.mt100 {
	margin-top: 100px
}
@media screen and (max-width:768px) {
	.mt10 {
		margin-top: 1.333vw
	}
	.mt15 {
		margin-top: 2vw
	}
	.mt20 {
		margin-top: 2.666vw
	}
	.mt25 {
		margin-top: 3.333vw
	}
	.mt30 {
		margin-top: 4vw
	}
	.mt35 {
		margin-top: 4.666vw
	}
	.mt40 {
		margin-top: 5.333vw
	}
	.mt45 {
		margin-top: 6.6vw
	}
	.mt50 {
		margin-top: 6.666vw
	}
	.mt60 {
		margin-top: 8vw
	}
	.mt70 {
		margin-top: 9.333vw
	}
	.mt80 {
		margin-top: 10.666vw
	}
	.mt90 {
		margin-top: 12vw
	}
	.mt100 {
		margin-top: 13.333vw
	}
}
.mb10 {
	margin-bottom: 10px
}
.mb15 {
	margin-bottom: 15px
}
.mb20 {
	margin-bottom: 20px
}
.mb25 {
	margin-bottom: 25px
}
.mb30 {
	margin-bottom: 30px
}
.mb35 {
	margin-bottom: 35px
}
.mb40 {
	margin-bottom: 40px
}
.mb45 {
	margin-bottom: 45px
}
.mb50 {
	margin-bottom: 50px
}
.mb60 {
	margin-bottom: 60px
}
.mb70 {
	margin-bottom: 70px
}
.mb80 {
	margin-bottom: 80px
}
.mb90 {
	margin-bottom: 90px
}
.mb100 {
	margin-bottom: 100px
}
@media screen and (max-width:768px) {
.mb10 {
	margin-bottom: 1.333vw
}
.mb15 {
	margin-bottom: 2vw
}
.mb20 {
	margin-bottom: 2.666vw
}
.mt25 {
	margin-bottom: 3.333vw
}
.mb30 {
	margin-bottom: 4vw
}
.mt35 {
	margin-bottom: 4.666vw
}
.mb40 {
	margin-bottom: 5.333vw
}
.mb45 {
	margin-bottom: 6.6vw
}
.mb50 {
	margin-bottom: 6.666vw
}
.mb60 {
	margin-bottom: 8vw
}
.mb70 {
	margin-bottom: 9.333vw
}
.mb80 {
	margin-bottom: 10.666vw
}
.mb90 {
	margin-bottom: 12vw
}
.mb100 {
	margin-bottom: 13.333vw
}
}
.tal {
	text-align: left
}
.tac {
	text-align: center
}
.tar {
	text-align: right
}
.st {
	font-weight: bold
}
.fl {
	float: left
}
.fr {
	float: right
}
.fs14 {
	font-size:.875rem
}
.fs16 {
	font-size: 1.0rem
}
.fs18 {
	font-size: 1.125rem
}
.fs20 {
	font-size: 1.25rem
}
.white_txt {
	color: #fff
}
.black_txt {
	color: #000
}
.flex {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between
}
.flex_no_justify {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}
.center-justify {
	justify-content: center
}
.left-justify {
	justify-content: flex-start
}
.right-justify {
	justify-content: flex-end
}
.align-center {
	text-align: center
}
.f_min {
	font-family: "Yu Mincho Medium",
"Yu Mincho Medium",
"Yu Mincho",
"ヒラギノ明朝 ProN W6",
"HiraMinProN-W6",
"HG明朝E",
"ＭＳ Ｐ明朝",
"MS PMincho",
"MS 明朝",
serif
}
.f_times {
	font-family: TimesNewRoman,
"Times New Roman",
Times,
Baskerville,
Georgia,
serif
}
.f_arial {
	font-family: Arial,
"Helvetica Neue",
Helvetica,
sans-serif
}
.f_gothic {
	font-family: "游ゴシック Medium",
"Yu Gothic Medium",
"游ゴシック体",
"Yu Gothic M",
"YuGothic",
"Yu Gothic",
"メイリオ",
Meiryo,
Verdana,
"ヒラギノ角ゴ ProN W3",
"Hiragino Kaku Gothic ProN",
Arial,
sans-serif
}

#n_sys_date {
	display: none;
	text-align: right
}
table.n_table_normal {
	border: #adadad 1px solid;
	margin-bottom: 20px;
	line-height: 1.4
}
table.n_table_normal th,
table.n_table_normal td {
	padding: 5px 6px;
	border-right: #adadad 1px solid;
	border-bottom: #adadad 1px solid;
	vertical-align: middle
}
table.n_table_normal th {
	background: #d1d1d1;
	font-weight: bold;
	text-align: center
}
table.n_table_normal td.n_subitem {
	background: #f5f5f5;
	text-align: center
}
.n_note {
	margin: 0 15px 15px 0;
	font-size: 92%
}
.n_frameArea {
	margin-bottom: 20px;
	padding: 10px 20px 16px;
	background: none repeat scroll 0 0 #f4f4f4;
	border: 1px solid #CCC;
	border-radius: 6px
}
.n_frameArea .n_textArea {
	margin-bottom: 0 !important
}

table.table-normal,
table.table-normal th,
table.table-normal td {
	border-collapse: collapse
}
table.table-normal {
	margin: 0 0 40px;
	width: 100%
}
table.table-normal th {
	padding: 18px 6px;
	font-size: 1.125rem;
	line-height: 1.5rem;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #000
}
table.table-normal td {
	padding: 18px 6px;
	font-size: 1.125rem;
	line-height: 1.5rem;
	vertical-align: middle;
	border: 1px solid #000
}
@media screen and (max-width:768px) {
	.scroll {
		overflow: auto;
		white-space: nowrap
	}
	.scroll::-webkit-scrollbar {
		height:5px
	}
	.scroll::-webkit-scrollbar-track {
		background:#f1f1f1
	}
	.scroll::-webkit-scrollbar-thumb {
		background:#bcbcbc
	}
	table.table-normal {
		margin: 0 0 13.020vw
	}
	table.table-normal th,
	table.table-normal td {
		padding: 1.953vw 1.302vw;
		font-size: 2.734vw;
		line-height: 6.25vw
	}
}

.cellColorLightblue {
	background: #c6eefb;
}
.cellColorLightorange {
	background: #fce5c4;
}
.cellColorLightmagenta {
	background: #fadbeb;
}
.cellColorLightyellow {
	background: #fff3bf;
}
.cellColorLightgreen {
	background: #e5f1ca;
}
.cellColorLightgray {
	background: #f2f2f2;
}

.cellSize10 {
	width: 10%
}
.cellSize20 {
	width: 20%
}
.cellSize30 {
	width: 30%
}
.cellSize40 {
	width: 40%
}
.cellSize50 {
	width: 50%
}
.cellSize60{
	width: 60%
}
.cellSize70 {
	width: 70%
}
.cellSize80 {
	width: 80%
}
.cellSize90 {
	width: 90%
}


/*!
	Modaal - accessible modals - v0.4.4
	by Humaan,
for all humans.
	http://humaan.com
 */
 .modaal-noscroll {
	overflow: hidden
}
.modaal-accessible-hide {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden
}
.modaal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0
}
.modaal-wrapper {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	overflow: auto;
	opacity: 1;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.modaal-wrapper * {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden;
}
.modaal-wrapper .modaal-close {
	border: 0;
	background: 0;
	padding: 0;
	-webkit-appearance: none
}
.modaal-wrapper.modaal-start_none {
	display: none;
	opacity: 1
}
.modaal-wrapper.modaal-start_fade {
	opacity: 0
}
.modaal-wrapper [tabindex="0"] {
	outline: 0 !important
}
.modaal-wrapper.modaal-fullscreen {
	overflow: hidden
}
.modaal-outer-wrapper {
	display: table;
	position: relative;
	width: 100%;
	height: 100%
}
.modaal-fullscreen .modaal-outer-wrapper {
	display: block
}
.modaal-inner-wrapper {
	display: table-cell;
	width: 100%;
	height: 100%;
	position: relative;
	vertical-align: middle;
	text-align: center;
	padding: 80px 25px
}
.modaal-fullscreen .modaal-inner-wrapper {
	padding: 0;
	display: block;
	/*vertical-align: top*/
}
.modaal-container {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: auto;
	text-align: left;
	color: #000;
	max-width: 1000px;
	border-radius: 0;
	background: #fff;
	box-shadow: 0 4px 15px rgba(0,0,0,.2);
	cursor: auto
}
.modaal-container.is_loading {
	height: 100px;
	width: 100px;
	overflow: hidden
}
.modaal-fullscreen .modaal-container {
	max-width: none;
	height: 100%;
	overflow: auto
}
.modaal-close {
	position: fixed;
	right: 20px;
	top: 20px;
	color: #fff;
	cursor: pointer;
	opacity: 1;
	width: 50px;
	height: 50px;
	background: rgba(0,0,0,0);
	border-radius: 100%;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.modaal-close:focus,
.modaal-close:hover {
	outline: 0;
	background: #fff
}
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
	background: #b93d0c
}
.modaal-close span {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden
}
.modaal-close:after,
.modaal-close:before {
	display: block;
	content: " ";
	position: absolute;
	top: 14px;
	left: 23px;
	width: 4px;
	height: 22px;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out
}
.modaal-close:before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.modaal-close:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.modaal-fullscreen .modaal-close {
	background: #afb7bc;
	right: 10px;
	top: 10px
}
.modaal-content-container {
	padding: 0px
}
.modaal-confirm-wrap {
	padding: 30px 0 0;
	text-align: center;
	font-size: 0
}
.modaal-confirm-btn {
	font-size: 14px;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
	cursor: pointer;
	border: 0;
	background: 0
}
.modaal-confirm-btn.modaal-ok {
	padding: 10px 15px;
	color: #fff;
	background: #555;
	border-radius: 3px;
	-webkit-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out
}
.modaal-confirm-btn.modaal-ok:hover {
	background: #2f2f2f
}
.modaal-confirm-btn.modaal-cancel {
	text-decoration: underline
}
.modaal-confirm-btn.modaal-cancel:hover {
	text-decoration: none;
	color: #2f2f2f
}
.modaal-instagram .modaal-container {
	width: auto;
	background: 0;
	box-shadow: none !important
}
.modaal-instagram .modaal-content-container {
	padding: 0;
	background: 0
}
.modaal-instagram .modaal-content-container>blockquote {
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important
}
.modaal-instagram iframe {
	opacity: 0;
	margin: -6px !important;
	border-radius: 0 !important;
	width: 1000px !important;
	max-width: 800px !important;
	box-shadow: none !important;
	-webkit-animation: instaReveal 1s linear forwards;
	animation: instaReveal 1s linear forwards
}
.modaal-image .modaal-inner-wrapper {
	padding-left: 140px;
	padding-right: 140px
}
.modaal-image .modaal-container {
	width: auto;
	max-width: 100%
}
.modaal-gallery-wrap {
	position: relative;
	color: #fff
}
.modaal-gallery-item {
	display: none
}
.modaal-gallery-item img {
	display: block
}
.modaal-gallery-item.is_active {
	display: block
}
.modaal-gallery-label {
	position: absolute;
	left: 0;
	width: 100%;
	margin: 20px 0 0;
	font-size: 18px;
	text-align: center;
	color: #fff
}
.modaal-gallery-label:focus {
	outline: 0
}
.modaal-gallery-control {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 1;
	cursor: pointer;
	color: #fff;
	width: 50px;
	height: 50px;
	background: rgba(0,0,0,0);
	border: 0;
	border-radius: 100%;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.modaal-gallery-control.is_hidden {
	opacity: 0;
	cursor: default
}
.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
	outline: 0;
	background: #fff
}
.modaal-gallery-control:focus:after,
.modaal-gallery-control:focus:before,
.modaal-gallery-control:hover:after,
.modaal-gallery-control:hover:before {
	background: #afb7bc
}
.modaal-gallery-control span {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden
}
.modaal-gallery-control:after,
.modaal-gallery-control:before {
	display: block;
	content: " ";
	position: absolute;
	top: 16px;
	left: 25px;
	width: 4px;
	height: 18px;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out
}
.modaal-gallery-control:before {
	margin: -5px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.modaal-gallery-control:after {
	margin: 5px 0 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.modaal-gallery-next-inner {
	left: 100%;
	margin-left: 40px
}
.modaal-gallery-next-outer {
	right: 45px
}
.modaal-gallery-prev:after,
.modaal-gallery-prev:before {
	left: 22px
}
.modaal-gallery-prev:before {
	margin: 5px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.modaal-gallery-prev:after {
	margin: -5px 0 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.modaal-gallery-prev-inner {
	right: 100%;
	margin-right: 40px
}
.modaal-gallery-prev-outer {
	left: 45px
}
.modaal-video-wrap {
	margin: auto 50px;
	position: relative
}
.modaal-video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	background: #000;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto
}
.modaal-video-container embed,
.modaal-video-container iframe,
.modaal-video-container object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.modaal-iframe .modaal-content {
	width: 100%;
	height: 100%
}
.modaal-iframe-elem {
	width: 100%;
	height: 100%;
	display: block
}
.modaal-loading-spinner {
	background: 0;
	position: absolute;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	-webkit-transform: scale(.25);
	-ms-transform: scale(.25);
	transform: scale(.25)
}
.modaal-loading-spinner>div {
	width: 24px;
	height: 24px;
	margin-left: 4px;
	margin-top: 4px;
	position: absolute
}
.modaal-loading-spinner>div>div {
	width: 100%;
	height: 100%;
	border-radius: 15px;
	background: #fff
}
.modaal-loading-spinner>div:nth-of-type(1)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: 0;
	animation-delay: 0
}
.modaal-loading-spinner>div:nth-of-type(2)>div,
.modaal-loading-spinner>div:nth-of-type(3)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite
}
.modaal-loading-spinner>div:nth-of-type(1) {
	-ms-transform: translate(84px,84px) rotate(45deg) translate(70px,0);
	-webkit-transform: translate(84px,84px) rotate(45deg) translate(70px,0);
	transform: translate(84px,84px) rotate(45deg) translate(70px,0)
}
.modaal-loading-spinner>div:nth-of-type(2)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .12s;
	animation-delay: .12s
}
.modaal-loading-spinner>div:nth-of-type(2) {
	-ms-transform: translate(84px,84px) rotate(90deg) translate(70px,0);
	-webkit-transform: translate(84px,84px) rotate(90deg) translate(70px,0);
	transform: translate(84px,84px) rotate(90deg) translate(70px,0)
}
.modaal-loading-spinner>div:nth-of-type(3)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .25s;
	animation-delay: .25s
}
.modaal-loading-spinner>div:nth-of-type(4)>div,
.modaal-loading-spinner>div:nth-of-type(5)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite
}
.modaal-loading-spinner>div:nth-of-type(3) {
	-ms-transform: translate(84px,84px) rotate(135deg) translate(70px,0);
	-webkit-transform: translate(84px,84px) rotate(135deg) translate(70px,0);
	transform: translate(84px,84px) rotate(135deg) translate(70px,0)
}
.modaal-loading-spinner>div:nth-of-type(4)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .37s;
	animation-delay: .37s
}
.modaal-loading-spinner>div:nth-of-type(4) {
	-ms-transform: translate(84px,84px) rotate(180deg) translate(70px,0);
	-webkit-transform: translate(84px,84px) rotate(180deg) translate(70px,0);
	transform: translate(84px,84px) rotate(180deg) translate(70px,0)
}
.modaal-loading-spinner>div:nth-of-type(5)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}
.modaal-loading-spinner>div:nth-of-type(6)>div,
.modaal-loading-spinner>div:nth-of-type(7)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite
}
.modaal-loading-spinner>div:nth-of-type(5) {
	-ms-transform: translate(84px,84px) rotate(225deg) translate(70px,0);
	-webkit-transform: translate(84px,84px) rotate(225deg) translate(70px,0);
	transform: translate(84px,84px) rotate(225deg) translate(70px,0)
}
.modaal-loading-spinner>div:nth-of-type(6)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .62s;
	animation-delay: .62s
}
.modaal-loading-spinner>div:nth-of-type(6) {
	-ms-transform: translate(84px,84px) rotate(270deg) translate(70px,0);
	-webkit-transform: translate(84px,84px) rotate(270deg) translate(70px,0);
	transform: translate(84px,84px) rotate(270deg) translate(70px,0)
}
.modaal-loading-spinner>div:nth-of-type(7)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .75s;
	animation-delay: .75s
}
.modaal-loading-spinner>div:nth-of-type(7) {
	-ms-transform: translate(84px,84px) rotate(315deg) translate(70px,0);
	-webkit-transform: translate(84px,84px) rotate(315deg) translate(70px,0);
	transform: translate(84px,84px) rotate(315deg) translate(70px,0)
}
.modaal-loading-spinner>div:nth-of-type(8)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .87s;
	animation-delay: .87s
}
.modaal-loading-spinner>div:nth-of-type(8) {
	-ms-transform: translate(84px,84px) rotate(360deg) translate(70px,0);
	-webkit-transform: translate(84px,84px) rotate(360deg) translate(70px,0);
	transform: translate(84px,84px) rotate(360deg) translate(70px,0)
}
@media only screen and (min-width:1400px) {
	.modaal-video-container {
		padding-bottom: 0;
		height: 731px
	}
}
@media only screen and (max-width:1140px) {
	.modaal-image .modaal-inner-wrapper {
		padding-left: 25px;
		padding-right: 25px
	}
	.modaal-gallery-control {
		top: auto;
		bottom: 20px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		background: rgba(0,0,0,.7)
	}
	.modaal-gallery-control:after,
	.modaal-gallery-control:before {
		background: #fff
	}
	.modaal-gallery-next {
		left: auto;
		right: 20px
	}
	.modaal-gallery-prev {
		left: 20px;
		right: auto
	}
}
@media screen and (max-width:900px) {
	.modaal-instagram iframe {
		width: 500px !important
	}
}
@media only screen and (max-width:600px) {
	.modaal-instagram iframe {
		width: 280px !important
	}
}
@media screen and (max-height:1100px) {
	.modaal-instagram iframe {
		width: 700px !important
	}
}
@media screen and (max-height:1000px) {
	.modaal-inner-wrapper {
		padding-top: 60px;
		padding-bottom: 60px
	}
	.modaal-instagram iframe {
		width: 600px !important
	}
}
@media screen and (max-height:900px) {
	.modaal-instagram iframe {
		width: 500px !important
	}
	.modaal-video-container {
		max-width: 900px;
		max-height: 510px
	}
}
@media only screen and (max-height:820px) {
	.modaal-gallery-label {
		display: none
	}
}
/*
@keyframes instaReveal {
	0 {
	opacity:0
	}
	100% {
	opacity:1
	}
}
@-webkit-keyframes instaReveal {
	0 {
	opacity:0
	}
	100% {
	opacity:1
	}
}
@-webkit-keyframes modaal-loading-spinner {
	0 {
	opacity:1;
	-ms-transform:scale(1.5);
	-webkit-transform:scale(1.5);
	transform:scale(1.5)
	}
	100% {
	opacity:.1;
	-ms-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1)
	}
}
@keyframes modaal-loading-spinner {
	0 {
	opacity:1;
	-ms-transform:scale(1.5);
	-webkit-transform:scale(1.5);
	transform:scale(1.5)
	}
	100% {
	opacity:.1;
	-ms-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1)
	}
}
*/

.modaal-content-container {
	box-sizing: border-box;
}
.modaal-container {
	max-width: 848px;
	width: 100%
}
.modaal-close {
	position: absolute;
	right: calc(50% - 50vw + 30px);
	top: calc(50% - 50vh + 30px);
	color: #000 !important;
	cursor: pointer;
	opacity: 1;
	width: 60px;
	height: 60px;
	border-radius: 0;
	transition: all .2s ease-in-out
}
.modaal-close:before,
.modaal-close:after {
	background: #fff;
	top: 5px;
	left: 29px;
	width: 2px;
	height: 50px
}
.modaal-close:focus,
.modaal-close:hover {
	background: #000
}
.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
	background: #fff
}
@media screen and (min-width:769px) and (max-width:1280px) {
	.modaal-content-container {
		max-width: 100%;
		box-sizing: border-box;
	}
	.modaal-inner-wrapper {
		padding-left: 0;
		padding-right: 0
	}
	.modaal-content-container .icon-modal_close {
		width: 5.729vw;
		height: 5.729vw;
		background-size: 5.729vw;
		right: 1.432vw;
		top: 1.562vw
	}
}
@media screen and (max-width:768px) {
	.modaal-content-container {
		max-width: 100%;
		box-sizing: border-box;
	}
	.modaal-inner-wrapper {
		padding-left: 0;
		padding-right: 0
	}
	.modaal-content-container .icon-modal_close {
		width: 5.729vw;
		height: 5.729vw;
		background-size: 5.729vw;
		right: 1.432vw;
		top: 1.562vw
	}
}
.bx-wrapper {
	position: relative;
	margin-bottom: 60px;
	padding: 0;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: 5px solid #fff;
	background: #fff
}
.bx-wrapper img {
	max-width: 100%;
	display: block
}
.bxslider {
	margin: 0;
	padding: 0;
	-webkit-perspective: 1000
}
ul.bxslider {
	list-style: none
}
.bx-viewport {
	-webkit-transform: translateZ(0)
}
.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
	position: absolute;
	bottom: -30px;
	width: 100%
}
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url("../images/bxslider_bx-loader.gif") center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000
}
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: 700;
	color: #666;
	padding-top: 20px
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #000
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager-item {
	display: inline-block;
	vertical-align: bottom
}
.bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0
}
.bx-wrapper .bx-prev {
	left: 10px;
	background: url("../images/bxslider_controls.png") 0 -32px no-repeat
}
.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-prev:hover {
	background-position: 0 0
}
.bx-wrapper .bx-next {
	right: 10px;
	background: url("../images/bxslider_controls.png") -43px -32px no-repeat
}
.bx-wrapper .bx-next:focus,
.bx-wrapper .bx-next:hover {
	background-position: -43px 0
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none
}
.bx-wrapper .bx-controls-auto {
	text-align: center
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url("../images/bxslider_controls.png") -86px -11px no-repeat;
	margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus,
.bx-wrapper .bx-controls-auto .bx-start:hover {
	background-position: -86px 0
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url("../images/bxslider_controls.png") -86px -44px no-repeat;
	margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus,
.bx-wrapper .bx-controls-auto .bx-stop:hover {
	background-position: -86px -33px
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px
}
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80,80,80,.75);
	width: 100%
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px
}

div.parsys_column {
	width: 100%;
	border: 0;
	vertical-align: top;
	padding: 0;
	margin: 0
}
div.parsys_column .section {
	overflow: hidden;
	width: 100%
}

div.cq-colctrl, div.cq-colctrl-left, div.cq-colctrl-right {
	margin: 0 auto;
	width: 100%;
}
div.cq-colctrl {justify-content: center;}
div.cq-colctrl-left {justify-content: start;}
div.cq-colctrl-right {justify-content: end;}

div.col1, div.col2, div.col3, div.col4
, div.col_p20, div.col_p25, div.col_p30, div.col_p35, div.col_p40, div.col_p60, div.col_p65, div.col_p70, div.col_p75, div.col_p80 {
	padding: 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	justify-content: center;
}
div.px360 {
	padding: 10px;
	overflow: hidden;
	justify-content: center;
}
div.col1 {width: 100%;} div.col2 {width: 50%;} div.col3 {width: calc(100% /3);} div.col4 {width: 25%;}
div.col_p20 {width: 20%;} div.col_p25 {width: 25%;} div.col_p30 {width: 30%;} div.col_p35 {width: 35%;} div.col_p40 {width: 40%;} div.col_p60 {width: 60%;} div.col_p65 {width: 65%;} div.col_p70 {width: 70%;} div.col_p75 {width: 75%;} div.col_p80 {width: 80%;}
div.px360 {width: 360px;}
@media screen and (min-width:769px) and (max-width:1300px) {
}
@media screen and (max-width:768px) {
	div.col1, div.col2, div.col3, div.col4
	, div.col_p20, div.col_p25, div.col_p30, div.col_p35, div.col_p40, div.col_p60, div.col_p65, div.col_p70, div.col_p75, div.col_p80
	, div.px360 {
		margin-bottom: 8vw;
		width: 100%;
	}
}

.comp-001 img {
	max-width: 100%;
	width: 100%
}
.comp-001 img[src*="/linkchecker/"] {
	width: auto
}

@media screen and (min-width:769px) {
	#overlay_wrapper,
	.drawer_header {
		display: none!important;
		background: none!important;
	}
	#header .hd_sub_menu {
		display: inherit!important;
	}
}

#header {
	margin-left: auto;
	margin-right: auto;
	padding: 20px 40px 0;
	width: 100%;
	max-width: 1280px;
	height: 126px;
	top: 0;
	background: #fff;
	align-items: flex-start;
	box-sizing: border-box;
	position: fixed;
	width: 100%;
	left: 50%;
	transform: translate(-50%,0);
	z-index: 999;
}
#header.flex_no_justify {
	align-items: flex-start
}
#header a,
#header a:visited {
	color: #000
}
#header .logo {
	margin: 0 50px 0 0;
	width: 104px;
	line-height: 0
}
header .identifier {
	letter-spacing: -0.01rem;
    font-size: 18px;
	font-weight: bold;
}
#header .hd_main_menu {
	width: 320px;
	margin-top: 4px
}
#header .hd_main_menu li {
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.0rem;
	letter-spacing: -0.01em
}
#header .hd_main_menu li a {
	text-decoration: none
}
#header .hd_main_menu li a:hover {
	text-decoration: underline
}
#header .hd_sub_menu {
	margin-left: auto;
	margin-top: 4px
}
#header .hd_sub_menu li {
	margin-right: 35px;
	font-size: 0.875rem;
	line-height: 1.0rem;
	letter-spacing: -0.01em;
	position: relative
}
#header .hd_sub_menu li.change_language {
	display: inline-block;
	white-space: nowrap;
	margin-right: auto;
	line-height: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle
}
#header .hd_sub_menu li.change_language button {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: 'Noto Sans', 'Noto Sans JP', 'Noto Sans SC', 'Noto Sans KR', sans-serif;
	padding: 0px 0px 0px 24px;
	position: relative;
	line-height: 1rem;
	outline: none;
}
#header .hd_sub_menu li.change_language button:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/icon_language.svg) no-repeat 0 0/100% auto;
	position: absolute;
	top: -moz-calc(50% - 10px);
	top: calc(50% - 9px);
	left: 0
}
#header .hd_sub_menu li.change_language button:hover {
	text-decoration: underline
}
.header_blank {
	margin-bottom: 126px;
}
@media screen and (max-width:768px) {
	header .identifier {
		width: auto;
		margin-left: 3.906vw;
	}
}
@media screen and (min-width:769px) and (max-width:1024px) {
	#header {
		padding: 22px 3.125vw 0;
		max-width: inherit
	}
	#header.flex_no_justify {
		align-items: flex-start
	}
	#header .logo {
		margin: 0 50px 0 0
	}
	#header .hd_main_menu {
		width: 18vw
	}
	#header .hd_sub_menu li {
		margin-right: 2.4vw
	}
}
#header .hd_sub_menu li .pull {
	display: inline-block;
	padding: 0 20px 0 0;
	background: url("../images/ico-sub-menu-down.png") no-repeat right 0 center;
	cursor: pointer
}
#header .hd_sub_menu li .lng {
	display: inline-block;
	padding: 0 20px 0 0;
	background: url("../images/ico-sub-menu-down.png") no-repeat right 0 center;
	cursor: pointer
}
#header .hd_sub_menu li:last-of-type {
	margin-right: 0;
	margin-left: auto;
	cursor: pointer
}

@media screen and (max-width:768px) {
	#header {
		padding: 0 4.557291667vw;
		width: 100%;
		height: 18.22916667vw;
		box-sizing: border-box;
		align-items: center
	}
	#header.flex_no_justify {
		align-items: center
	}
	#header .logo {
		margin: 0;
		width: 20.05208333vw
	}
	#header .hd_main_menu {
		margin-left: 3.906vw;
		width: auto
	}
	#header .hd_main_menu li {
		font-size: 4.687vw;
		font-weight: 600;
		line-height: 1
	}
	#header .hd_main_menu li a {
		text-decoration: none
	}
	#header .hd_main_menu li a:hover {
		text-decoration: underline
	}
	#header .hd_sub_menu {
		display: none
	}
	#header .hd_menu_btn {
		margin-left: auto;
		margin-top:.78vw;
		width: 4.427vw
	}
	.header_blank {
		margin-bottom: 18.22916667vw;
	}
}

/* カテゴリメニュー */
#header .hd_category_menu {
	padding: 32px 0 0 0;
	width: 100%;
	clear: both;
	position: relative;
	z-index: 900
}
#header .hd_category_menu li {
	position: relative;
	font-size: 0.875rem;
	line-height: 1.0rem;
	padding-top: 0;
	padding-bottom: 0
}
#header .hd_category_menu li a,
#header .hd_category_menu li span {
	display: inline-block;
	padding: 8px;
	position: relative;
    text-decoration: none
}
@media screen and (max-width:768px) {
	#header .hd_category_menu {
		display: none
	}    
}

/* カテゴリメニューレベル1 */
#header .hd_category_menu > li::before {
	content: "";
	padding-left: 25px;
}
#header .hd_category_menu > li:first-of-type::before {
	padding: 0
}
#header .hd_category_menu > li::after {
	content: "|";
	padding-left: 25px;
	font-size: 18px
}
#header .hd_category_menu > li:last-of-type::after {
	content: "";
}
@media screen and (min-width:769px) and (max-width:1024px) {
	#header .hd_category_menu > li::before {
		padding-left: 1.953vw;
	}
	#header .hd_category_menu > li::after {
		padding-left: 1.953vw;
	}
	#header .hd_category_menu > li:last-of-type::after {
		padding-left: 1.953vw;
	}
}
#header .hd_category_menu > li:hover > a,
#header .hd_category_menu > li.current > a,
#header .hd_category_menu > li.current > span {
    text-decoration: underline;
	text-decoration-color: #b2b2b2;
	text-decoration-thickness: 4px;
	text-underline-offset: 5px;
	transition: none;
}

/* カテゴリメニューレベル2 */
#header .hd_category_menu li:hover ul.menu__second-level {
	top: 32px;
	visibility: visible;
	opacity: 1
}
#header .hd_category_menu li ul.menu__second-level {
	min-width: 175px;
	width: max-content;
	position: absolute;
	visibility: hidden;
	opacity: 0;
	background: #f9f9f9;
	transition: .2s ease-in-out .2s
}
@media screen and (min-width:1024px) and (max-width:1280px) {
	#header .hd_category_menu li ul.menu__second-level {
		padding: 15px 0 0;
		width: calc(100% + 80px);
	}
}
@media screen and (min-width:769px) and (max-width:1024px) {
	#header .hd_category_menu li ul.menu__second-level {
		padding: 15px 0 0;
		width: calc(100% + 6.34vw);
	}
	#header .hd_category_menu li:last-child ul.menu__second-level {
		left: -6.34vw;
	}
}
#header .hd_category_menu li ul.menu__second-level li {
	position: relative
}
#header .hd_category_menu li ul.menu__second-level li:first-of-type {
	padding-top: 0
}
#header .hd_category_menu li ul.menu__second-level li a,
#header .hd_category_menu li ul.menu__second-level li span {
	display: block;
	margin: 5px 10px
}
#header .hd_category_menu li ul.menu__second-level li:hover,
#header .hd_category_menu li ul.menu__second-level li.current {
	background-color: #e6e6e6;
}
/* #header .hd_category_menu li ul.menu__second-level li.current {
    text-decoration: underline;
	text-decoration-color: #b2b2b2;
	text-decoration-thickness: 4px;
	text-underline-offset: 5px;
	transition: none;
} */
/* #header .hd_category_menu li ul.menu__second-level li:hover a,
#header .hd_category_menu li ul.menu__second-level li.current a {
	text-decoration: underline;
	text-decoration-color: #b2b2b2;
	text-decoration-thickness: 4px;
	text-underline-offset: 5px;
} */

/* SPメニュー */
.drawer {
	display: none;
	z-index: 900;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
.drawer_header {
	margin: 0 auto;
	width: 100%;
	background: #fff
}
.drawer_header_inner {
	margin: 0 auto;
	padding: 20px 40px 0;
	width: 100%;
	max-width: 1280px;
	height: 63px;
	align-items: flex-start;
	position: relative;
	box-sizing: border-box
}
.drawer_header .logo {
	margin: 0 50px 0 0;
	width: 104px;
	line-height: 0
}
.drawer_header .hd_main_menu {
	width: 320px
}
.drawer_header .hd_main_menu li {
	line-height: 1.0rem;
	letter-spacing: -0.01em
}
.drawer_header .hd_sub_menu {
	margin-left: auto
}
.drawer_header .hd_sub_menu li {
	margin-right: 35px;
	line-height: 1.0rem;
	letter-spacing: -0.01em;
	position: relative
}
@media screen and (min-width:769px) and (max-width:1024px) {
	.drawer_header_inner {
		padding: 22px 3.125vw 0
	}
	.drawer_header .logo {
		margin: 0 50px 0 0
	}
	.drawer_header .hd_main_menu {
		width: 25vw
	}
	.drawer_header .hd_sub_menu li {
		margin-right: 3.417vw
	}
}
.drawer_header .hd_sub_menu li .pull {
	display: inline-block;
	padding: 0 20px 0 0;
	background-image: url("../images/ico-sub-menu-up.png") !important;
	cursor: pointer
}
.drawer_header .hd_sub_menu li:last-of-type {
	margin-right: 0;
	margin-left: auto
}
.drawer_language {
	display: none;
	z-index: 900;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
.drawer_language_header {
	margin: 0 auto;
	width: 100%;
	background: #fff
}
.drawer_language_header_inner {
	margin: 0 auto;
	padding: 20px 40px 0;
	width: 100%;
	max-width: 1280px;
	height: 63px;
	align-items: flex-start;
	position: relative;
	box-sizing: border-box
}
.drawer_language_header .logo {
	margin: 0 50px 0 0;
	width: 104px;
	line-height: 0
}
.drawer_language_header .hd_main_menu {
	width: 320px;
	margin-top: 4px
}
.drawer_language_header .hd_main_menu li {
	line-height: 1.0rem;
	letter-spacing: -0.01em
}
.drawer_language_header .hd_sub_menu {
	margin-left: auto
}
.drawer_language_header .hd_sub_menu li {
	margin-right: 35px;
	line-height: 1.0rem;
	letter-spacing: -0.01em;
	position: relative
}
@media screen and (min-width:769px) and (max-width:1024px) {
	.drawer_language_header_inner {
		padding: 22px 3.125vw 0
	}
	.drawer_language_header .logo {
		margin: 0 50px 0 0
	}
	.drawer_language_header .hd_main_menu {
		width: 41.601vw
	}
	.drawer_language_header .hd_sub_menu li {
		margin-right: 3.417vw
	}
}
.drawer_language_header .hd_sub_menu li .lng {
	display: inline-block;
	padding: 0 20px 0 0;
	background-image: url("../images/ico-sub-menu-up.png") !important;
	cursor: pointer
}
.drawer_language_header .hd_sub_menu li:last-of-type {
	margin-right: 0;
	margin-left: auto
}
.drawer_language_menu {
	margin: 0 auto;
	width: 100%;
	background: #f4f4f4;
	z-index: 900
}
.drawer_language_menu .language_menu_tit {
	margin-bottom: 20px;
	padding: 0 0 0 40px;
	font-size: 1.5rem;
	font-weight: 700
}
.drawer_language_menu_inner {
	margin: 0 auto;
	padding: 30px 0 45px;
	width: 1280px;
	align-items: flex-start;
	position: relative
}
.drawer_language_menu_inner .language_menu {
	padding: 0 100px 0 40px;
	width: 100%;
	box-sizing: border-box
}
.drawer_language_menu_inner .language_menu ul li {
	line-height: 2.0rem;
	letter-spacing: -0.01em
}
.drawer_language_menu_inner .language_menu ul li:first-of-type {
	font-weight: 900
}
.drawer_language_menu_inner .close_btn {
	width: 20px;
	position: absolute;
	right: 37px;
	top: 20px;
	cursor: pointer
}
@media screen and (min-width:769px) and (max-width:1280px) {
	.drawer_language_menu .language_menu_tit {
		padding: 0 3.125vw
	}
	.drawer_language_menu_inner {
		width: 100%
	}
	.drawer_language_menu_inner .language_menu {
		padding: 0 3.125vw
	}
	.drawer_language_menu_inner .close_btn {
		right: 3.125vw
	}
}
@media screen and (max-width:768px) {
	.drawer_language {
		display: none
	}
	.drawer_language .menu_cta li:nth-of-type(2) {
		background: #e6e6e6
	}
	.drawer_language_header {
		width: 100%;
		height: auto
	}
	.drawer_language_header_inner {
		margin: 0 auto;
		padding: 0 4.557291667vw;
		width: 100%;
		height: 18.22916667vw;
		box-sizing: border-box;
		align-items: center
	}
	.drawer_language_header .logo {
		margin: 0;
		width: 20.05208333vw
	}
	.drawer_language_header .hd_main_menu {
		width: auto
	}
	.drawer_language_header .hd_main_menu li {
		font-size: 4.687vw
	}
	.drawer_language_header .hd_sub_menu {
		margin-left: auto
	}
	.drawer_language_header .hd_sub_menu li {
		margin-right: 35px;
		padding: 1vw 0 0;
		font-size: 1.125rem;
		line-height: 1;
		letter-spacing: -0.01em;
		position: relative
	}
	.drawer_language_header .hd_sub_menu li .lng {
		display: inline-block;
		padding: 0 20px 0 0;
		background: url("../images/ico-sub-menu-down.png") no-repeat right 0 center
	}
	.drawer_language_menu {
		margin: 0 auto;
		width: 100%;
		background: #f4f4f4;
		z-index: 900
	}
	.drawer_language_menu_inner .language_menu_tit {
		margin-bottom: 4vw;
		padding: 0 0 0 4vw;
		font-size: 6.25vw;
		font-weight: 700
	}
	.drawer_language_menu_inner {
		padding: 4vw 0;
		width: 100%;
		background: #e6e6e6
	}
	.drawer_language_menu_inner .language_menu {
		padding: 0 4vw
	}
	.drawer_language_menu_inner .language_menu ul {
		margin-bottom: 10vw;
		width: 100%
	}
	.drawer_language_menu_inner .language_menu ul li {
		font-size: 1.125rem;
		line-height: 1.8rem;
		letter-spacing: -0.01em
	}
	.drawer_language_menu_inner .language_menu ul li:first-of-type {
		margin-bottom: 3vw
	}
}

.drawer_menu {
	background: #e6e6e6
}
.drawer_menu_inner {
	margin: 0 auto;
	padding: 0 110px 0 40px;
	width: 1200px;
	position: relative;
	box-sizing: border-box
}
@media screen and (min-width:769px) and (max-width:1280px) {
	.drawer_menu_inner {
		width: 100%
	}
}
.drawer_menu .menu_first {
	width: 100%;
}

.drawer_menu .menu_language_current{
	padding: 2rem 4rem 2rem 2rem;
	background: #f2f2f2;
}
.drawer_menu .menu_language_current button {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	outline: none;
	padding-left: 8vw;
	font-size: 3.73333vw;
	line-height: 5.06667vw
}
.drawer_menu .menu_language_current button:before {
	content: '';
	display: inline-block;
	width: 5.06667vw;
	height: 5.06667vw;
	background: url(../images/icon_language.svg) no-repeat 0 0/100%;
	position: absolute;
	top: 0;
	left: 0
}
.drawer_menu .menu_language {
	width: 100%;
	position: absolute;
	left: 100%;
}
.drawer_menu .menu_language .menu_language_heading{
	font-size: 4.6875vw;
	line-height: 1;
	background: #f2f2f2;
}
.drawer_menu .menu_language .menu_level2 li {
	background: #fff
}
.drawer_menu .menu_language .menu_level2 > li.is-current{
	position: relative;
}
.drawer_menu .menu_language .menu_level2 > li.is-current > a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1.6vw;
	height: 100%;
	background: silver
}
.drawer_menu .menu_language .menu_level2 li.is-disabled > a {
	cursor: none;
	pointer-events: none
}
.drawer_menu .menu_language .back {
	padding: 1.3rem 0;
	background: #f2f2f2;
}
.drawer_menu .menu_language .back:after {
	display: none
}
.drawer_menu .menu_language .back a {
	position: relative;
	font-size: 3.5vw;
	padding: 2.66667vw 5.33333vw 2.66667vw 10.66667vw;
	display: inline-block;
	width: auto;
	min-height: 6.66667vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.drawer_menu .menu_language .back a:hover{
	text-decoration: none;
}
.drawer_menu .menu_language .back a:before {
	content: '';
	display: inline-block;
	width: 1.6vw;
	height: 2.8vw;
	background: url(../images/icon_arrow2.svg) no-repeat center/1.6vw 2.8vw;
	vertical-align: -0.26667vw;
	margin-right: 1.06667vw;
	position: absolute;
	top: -moz-calc(50% - (10/750*100vw));
	top: calc(50% - (10/750*100vw));
	left: 5.33333vw;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg)
}
.drawer_menu .close_btn {
	width: 20px;
	position: absolute;
	right: 0;
	top: 20px;
	cursor: pointer
}
@media screen and (min-width:769px) and (max-width:1280px) {
	.drawer_menu .close_btn {
		right: 3.125vw
	}
}
@media screen and (max-width:768px) {
    .drawer {
		display: none
	}
	.drawer_header {
		width: 100%
	}
	.menu_cta {
		margin: 0 auto;
		width: 100%;
		background: #fff;
		border-bottom: 1.5px solid #969696;
		border-top: 1.5px solid #969696
	}
	.menu_cta li {
		display: block;
		padding: 4.947vw 0 3.645vw;
		width: 25%;
		text-align: center;
		box-sizing: border-box
	}
	.menu_cta li a {
		display: block;
		width: 100%
	}
	.menu_cta li .cta_img {
		margin: 0 auto 2.994vw;
		width: 11.848vw
	}
	.menu_cta li .cta_tit {
		font-size: 3.645vw;
		line-height: 1;
		letter-spacing: -0.01em;
		text-decoration: none
	}
	.menu_cta li .cta_tit.short {
		letter-spacing: -0.06em
	}
	.drawer_header_inner {
		padding: 0 4.557291667vw;
		width: 100%;
		height: 18.22916667vw;
		box-sizing: border-box;
		align-items: center
	}
	.drawer_header .logo {
		margin: 0;
		width: 20.05208333vw
	}
	.drawer_header .hd_main_menu {
		width: auto
	}
	.drawer_header .hd_main_menu li {
		font-size: 4.687vw
	}
	.drawer_header .hd_sub_menu {
		margin-left: auto
	}
	.drawer_header .hd_sub_menu li {
		margin-right: 35px;
		font-size: 1.125rem;
		line-height: 1;
		letter-spacing: -0.01em;
		position: relative
	}
	.drawer_header .hd_sub_menu li .pull {
		display: inline-block;
		padding: 0 20px 0 0;
		background: url("../images/ico-sub-menu-down.png") no-repeat right 0 center
	}
	.drawer_header .hd_menu_btn {
		display: block;
		width: 4.427vw
	}
	.drawer_menu {
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0;
		border-top: 1px solid #969696;
	}
	.drawer_menu.flex {
		/*overflow-y: scroll;*/
		background-color: rgba(0,0,0,0.5);
		align-items: flex-start;
		align-content: flex-start;
		transform: translateX(0%);
		transition: 0.3s
	}
	.drawer_menu.flex.is-language{
		transform: translateX(-100%);
	}
	.drawer_menu dl {
		width: 100%;
		background: #e6e6e6
	}
	.drawer_menu dt {
		display: block;
		margin-bottom: 0;
		padding: 0 15.625vw 0 5.468vw;
		width: 100%;
		height: 15.364vw;
		font-size: 4.6875vw;
		line-height: 1;
		background: url("../images/ico-ac-down-sp.png") no-repeat 95% center / 3%;
		border-bottom: 1px solid #969696;
		box-sizing: border-box
	}
	.drawer_menu dt.no_ac {
		display: block;
		margin-bottom: 0;
		padding: 0;
		width: 100%;
		height: auto;
		font-size: 4.6875vw;
		line-height: 1;
		/* vertical-align: middle; */
		background: 0
	}
	.drawer_menu dt.no_ac a {
		display: block;
		padding: 0 15.625vw 0 5.468vw;
		width: 100%;
		height: 15.364vw;
		background: url("../images/ico-next-sp.png") no-repeat 95% center / 1.8%;
		box-sizing: border-box
	}
	.drawer_menu dt.open {
		background-image: url("../images/ico-ac-up-sp.png")
	}
	.drawer_menu dt span.menu_text {
		display: table-cell;
		height: 15.364vw;
		vertical-align: middle;
		word-break: break-all
	}
	.drawer_menu dd {
		display: none
	}
    .drawer_menu .menu_list li {
        font-size:.875rem;
        line-height: 1.0rem;
        position: relative;
		margin-bottom: 0;
		font-weight: normal
    }
    .drawer_menu .menu_list li a,
	.drawer_menu .menu_list li span {
        display: inline-block;
        width: 100%;
        padding: 0;
		text-decoration: none
    }
	.drawer_menu .menu_list li,.drawer_menu .menu_language .menu_level2 li {
		display: block;
		border-bottom: 1px solid #969696;
		background: #fff
	}
	.drawer_menu .menu_list li a,
	.drawer_menu .menu_list li span,
	.drawer_menu .menu_language .menu_level2 li a {
		display: block;
		padding: 0 15.625vw 0 5.468vw;
		width: 100%;
		font-size: 4.6875vw;
		line-height: 1;
		text-decoration: none;
		background: url("../images/ico-next-sp.png") no-repeat 95% center / 1.8%;
		box-sizing: border-box
	}
	.drawer_menu .menu_list li a,
	.drawer_menu .menu_list li span,
    .drawer_menu .menu_language .menu_level2 li a,
    .drawer_menu .menu_language .menu_language_heading{
		display: block;
		padding: 2rem 4rem 2rem 2rem;
		word-break: break-all
	}
	.drawer_menu .menu_list li.current a,
	.drawer_menu .menu_list li.current span {
		background: #c0c0c0 !important;
		word-break: break-all
	}
	.drawer_menu .menu_list li.categ a,
	.drawer_menu .menu_list li.categ span {
		background-color: #e6e6e6;
	}
	.drawer_menu .menu_list li.secondLevel a,
	.drawer_menu .menu_list li.secondLevel span {
		padding-left: 3.5rem;
	}
	.drawer_menu .sns_menu {
		width: 100%;
		background: #fff;
		justify-content: center
	}
}

.drop_menu_wrap{
	background-color: rgba(0,0,0,0.6);
	height: calc(100vh - 60px);
	position: absolute;
	top:60px;
	left: 50%;
	width: 100%;
	margin-left: -50%;
	display: none;
	z-index: 999;
	cursor: pointer;
}

@media only screen and (min-width:1141px) {
	.fixed_header .drop_menu_wrap{
		width: 100vw;
		margin-left: -50vw;
	}
}
@media screen and (min-width:769px) and (max-width:1140px) {
	.fixed_header .drop_menu_wrap{
		width: 100%;
		margin-left: -50%;
	}
}
.drop_menu {
	background-color: #f2f2f2;
	position: absolute;
	top: 0px;
	width: 100%;
	height: auto;
	cursor: default;
}

.drop_menu::-webkit-scrollbar {
	width: 5px
}
.drop_menu::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 0
}
.drop_menu::-webkit-scrollbar-track {
	background: #e6e6e6;
	border-radius: 0
}
.p-khc .drop_menu {
	top: 56px
}
.drop_menu .button_close {
	position: absolute;
	top: 32px;
	right: 40px;
}
.drop_menu .button_close button {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 18px;
	height: 18px;
	position: relative;
	outline: none;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	transition: opacity .3s ease
}
.drop_menu .button_close button:before,
.drop_menu .button_close button:after {
	content: '';
	display: block;
	width: 22px;
	height: 2px;
	background: #000;
	position: absolute;
	top: 8px;
	left: -2px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg)
}
.drop_menu .button_close button:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.drop_menu .button_close button:hover {
	opacity: .7
}
.drop_menu_inner {
	max-width: 1060px;
	margin: auto;
	padding: 30px;
	position: relative;
	z-index: 1
}
.is-tablet .drop_menu_inner {
	padding: 30px 76px 30px 30px
}
.drop_menu_language {
	margin-top: 10px
}
.drop_menu_language .drop_menu_language_heading {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: bold
}
.drop_menu_language .drop_menu-level2 li {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
	margin-top: 17px
}
.drop_menu_language .drop_menu-level2 li > a {
	display: inline-block;
	color: #000;
	position: relative;
	padding-left: 18px
}
.drop_menu_language .drop_menu-level2 li > a:before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 10px;
	background: url(../images/icon_arrow2.svg) no-repeat center/6px 10px;
	vertical-align: -2px;
	margin-right: 8px;
	position: absolute;
	top: 7px;
	left: 3px
}
.drop_menu_language .drop_menu-level2 li > a:hover {
	text-decoration: none
}
.drop_menu_language .drop_menu-level2 li.large > a:before {
	top: 8px
}
.drop_menu_language .drop_menu-level2 li.is-current {
	opacity: .5
}
.drop_menu_language .drop_menu-level2 li.is-disabled > a {
	cursor: none;
	pointer-events: none
}

@media screen and (max-width:768px) {
	.drop_menu_wrap{
		display: none !important;
	}
}
@media print, screen and (min-width:769px) {
	.drop_menu-level2 {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 -15px
	}
	.drop_menu-level2 > li {
		margin: 38px 17px 0;
		width: -moz-calc((100% / 3) - 34px);
		width: calc((100% / 3) - 34px);
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.5
	}
	}
	@media print, screen and (min-width:769px) {
	.drop_menu-level2 > li > a {
		display: inline-block;
		color: #000;
		position: relative;
		padding-left: 24px;
		font-weight: bold
	}
	.drop_menu-level2 > li > a:before {
		content: '';
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../images/icon_arrow.svg) no-repeat 0 0/contain;
		margin-right: 8px;
		position: absolute;
		top: 4px;
		left: 0
	}
	.drop_menu-level2 > li > a:hover {
		text-decoration: none
	}
	.drop_menu-level2 > li.large > a:before {
		top: 6px
	}
	.drop_menu-level2 > li > a {
		margin-top: 12px
	}
}


.fixed_header {
	background: #fff;
	width: 100%;
	left: 50%;
	transform: translate(-50%,0);
	position: fixed !important;
	top: 0;
	z-index: 900
}

#footer {
	margin: 0 auto;
	padding: 40px 40px 35px;
	width: 1200px;
	background: #e6e6e6;
	clear: both
}
#footer a,
#footer a:visited {
	color: #000
}
/* 
#footer .footer_menu {	
}
*/
#footer .footer_menu.flex {
	justify-content: start;
}
#footer .footer_menu .menu_list {
	min-width: 200px;
	margin-right: 30px;
	padding-bottom: 30px
}
#footer .footer_menu .menu_list:last-of-type {
	margin-right: 0
}
#footer .footer_menu .menu_list li {
	font-size:.875rem;
	line-height: 28px
}
#footer .footer_menu .menu_list li sup {
	font-size:.4rem
}
#footer .footer_menu .menu_list li:first-child {
	margin-bottom: 15px;
	font-weight: 900
}
#footer .footer_menu .menu_list:first-of-type li {
	font-size:.875rem
}
#footer .sns_menu_list {
	margin-bottom: 19px;
	justify-content: flex-end;
	align-items: center;
	clear: both
}
#footer .box_component {
	width: 100%;
	max-width: 1280px;
	position: relative;
	margin: 0;
	padding: 0
}
#footer .lower_box {
	margin-bottom: 2px;
}
#footer .lower_box .footer_sub_menu {
	justify-content: flex-start
}
#footer .lower_box .footer_sub_menu .menu_box li {
	font-size:.75rem;
	line-height: 1.8
}
#footer .lower_box .footer_sub_menu .menu_box li::after {
	content: "|";
	padding: 0 8px
}
#footer .lower_box .footer_sub_menu .menu_box li:last-of-type::after {
	content: "";
	padding: 0 0 0 8px
}
#footer .lower_box .footer_sub_menu .menu_box_text li {
	font-size: 0.75rem;
	line-height: 1.8
}
#footer .lower_box .footer_sub_menu .menu_box_text li::after {
	content: "|";
	padding: 0 8px
}
#footer .lower_box .footer_sub_menu .menu_box_text li:first-of-type::before {
	content: "|";
	padding: 0 8px 0 0
}
#footer .lower_box .footer_sub_menu .menu_box_text li:last-of-type::after {
	content: "";
	padding: 0 0 0 8px
}
#footer .lower_box .copyright {
	font-size:.75rem
}
@media screen and (min-width:769px) {
	#footer .footer_menu.flex {
		margin-bottom: 70px;
	}
}
@media screen and (min-width:769px) and (max-width:1280px) {
	#footer {
		width: 100%;
		box-sizing: border-box
	}
	#footer .footer_menu {
		padding: 0
	}
	#footer .lower_box .footer_sub_menu {
		width: 50%;
		justify-content: flex-start
	}
	#footer .lower_box .footer_sub_menu li {
		line-height: 2.4vw
	}
	#footer .lower_box .footer_sub_menu li::after {
		padding: 0 2.666vw
	}
	#footer .lower_box .footer_sub_menu li:last-of-type::after {
		content: "";
		padding: 0 0 0 2.666vw
	}
	#footer .lower_box .copyright {
		width: 50%;
		text-align: right
	}
}
@media screen and (max-width:768px) {
	#footer {
		margin: 0 auto;
		padding: 15.625vw 0 0;
		width: 100%
	}
	#footer .footer_menu {
		padding: 0 10.937vw
	}
	#footer .footer_menu .menu_list {
		padding: 0 0 7.552vw;
		width: 100%
	}
	#footer .footer_menu .menu_list li {
		margin-bottom: 2.604vw;
		font-size: 4.6875vw;
		line-height: 1
	}
	#footer .footer_menu .menu_list li:first-child {
		margin-bottom: 9.1145vw;
		font-size: 4.6875vw
	}
	#footer .footer_menu .menu_list li:first-child a {
		text-decoration: none
	}
	#footer .footer_menu .menu_list:first-of-type li {
		font-size: 4.6875vw
	}
	#footer .sns_menu_list {
		display: none
	}
	#footer .lower_box .footer_sub_menu {
		margin: 0 auto;
		width: 100%;
		border-top: 1px solid #969696;
		background: #fff
	}
	#footer .lower_box .footer_sub_menu .menu_box {
		margin-right: 0;
		width: 100%
	}
	#footer .lower_box .footer_sub_menu .menu_box li {
		width: 100%;
		font-size: 4.6875vw;
		border-bottom: 1px solid #969696;
		display: block;
		padding: 5.729vw 10.937vw
	}
	#footer .lower_box .footer_sub_menu .menu_box li::after,
	#footer .lower_box .footer_sub_menu .menu_box li:last-of-type::after {
		content: "";
		padding: 0
	}
	#footer .lower_box .footer_sub_menu .menu_box_text li {
		margin-bottom: 3.255vw;
		padding: 0 10.937vw;
		width: 100%;
		font-size: 4.6875vw
	}
	#footer .lower_box .footer_sub_menu .menu_box_text li a {
		display: block
	}
	#footer .lower_box .footer_sub_menu .menu_box_text li:first-of-type::before {
		content: "";
		padding: 0
	}
	#footer .lower_box .footer_sub_menu .menu_box_text li:first-of-type {
		padding: 10.416vw 0 0 10.937vw
	}
	#footer .lower_box .footer_sub_menu .menu_box_text li::after,
	#footer .lower_box .footer_sub_menu .menu_box_text li:last-of-type::after {
		content: "";
		padding: 0
	}
	#footer .lower_box .copyright {
		padding: 7.8125vw 10.937vw 15.364vw;
		width: 100%;
		font-size: 4.6875vw;
		background: #fff;
		box-sizing: border-box
	}
}

.call_to_action {
	margin: 0 auto;
	padding: 1vh 0 1vh;
	width: 100%;
	max-width: 1066px
}
.call_to_action-box {
	width: 265px;
	text-align: center;
	border-right: 1px solid #000
}
.call_to_action-box a,
.call_to_action-box a:visited {
	color: #000
}
.call_to_action-box:first-of-type {
	border-left: 1px solid #000
}
@media screen and (min-width:801px) and (max-width:1067px) {
	.call_to_action {
		margin: 0 auto;
		max-width: 800px
	}
	.call_to_action-box {
		margin-bottom: 20px
	}
	.call_to_action-box:last-of-type {
		border-left: 1px solid #000;
		margin-right: auto
	}
}
@media screen and (min-width:769px) and (max-width:800px) {
	.call_to_action {
		margin: 0 auto;
		max-width: 534px
	}
	.call_to_action-box {
		margin-bottom: 20px
	}
	.call_to_action-box:nth-of-type(3) {
		border-left: 1px solid #000
	}
	.call_to_action-box:last-of-type {
		border-left: 0;
		margin-right: 0
	}
}
.call_to_action-box a {
	display: block;
	padding: 14px 0 0
}
.call_to_action-box .call_to_action-box_img {
	margin: 0 auto;
	width: 105px
}
.call_to_action-box .call_to_action-box_text {
	padding: 20px 0 0;
	font-size: 1.25rem;
	font-weight: 900;
	line-height: 1.0rem;
	letter-spacing: -0.01em
}
.call_to_action-box a:hover {
	opacity: .6;
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	text-decoration: none
}
@media screen and (max-width:768px) {
	.call_to_action {
		padding: 16.276vw 5.598vw 14.843vw;
		max-width: inherit;
		box-sizing: border-box
	}
	.call_to_action-box {
		width: 100%;
		text-align: center;
		border-right: 0;
		border-bottom: 1px solid #000
	}
	.call_to_action-box:last-of-type {
		border-left: 0;
		margin-right: 0
	}
	.call_to_action-box:first-of-type {
		border-left: 0;
		border-top: 1px solid #000
	}
	.call_to_action-box a {
		display: block;
		padding: 13.671vw 0
	}
	.call_to_action-box .call_to_action-box_img {
		margin: 0 auto;
		width: 26.041vw
	}
	.call_to_action-box .call_to_action-box_text {
		padding: 8.854vw 0 0;
		font-size: 4.947vw
	}
}

.breadcrumb {
	font-size:.75rem;
	line-height: 1;
	max-width: 1200px;
	margin: 0 auto;
	padding: 24px 40px;
	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6
}
.breadcrumb a:link {
	color: #000;
	text-decoration: none
}
.breadcrumb a:visited {
	color: #000;
	text-decoration: none
}
.breadcrumb a:hover {
	color: #000;
	text-decoration: underline
}
@media screen and (min-width:769px) and (max-width:1280px) {
	.breadcrumb {
		max-width: 100%
	}
}
@media screen and (max-width:768px) {
	.breadcrumb {
		font-size: 3.385vw;
		line-height: 7.466vw;
		max-width: 100%;
		margin: 0 auto;
		padding: 5.333vw 4vw;
		border-bottom: 0;
		border-top: 0
	}
}

.headline_main,
.headline_main02,
.headline_secondary,
.headline_tertiary,
.headline_quaternary,
.headline_fifth {
	display: block;
	color: #000;
	font-weight: bold
}
.headline_main {
	font-size: 2.25rem;
	line-height: 3.375rem
}
.headline_secondary {
	font-size: 1.5rem;
	line-height: 2.25rem
}
.headline_tertiary {
	font-size: 1.25rem;
	line-height: 1.875rem
}
.headline_quaternary {
	font-size: 1.0rem;
	line-height: 1.5rem
}
.headline_fifth {
	font-size:.875rem;
	line-height: 1.312rem
}
.comp-006 h2,
.comp-006 h3,
.comp-006 h4,
.comp-006 h5 {
	padding-top: 100px;
	padding-bottom: 40px
}

h2.noMarginTop,
h3.noMarginTop,
h4.noMarginTop,
h5.noMarginTop {
	padding-top: 0;
}

@media screen and (min-width:769px) {
	.box_component>.contentpar>.comp-006 h1,
	.box_component>.contentpar>.comp-006 h2,
	.box_component>.contentpar>.comp-006 h3,
	.box_component>.contentpar>.comp-006 h4,
	.box_component>.contentpar>.comp-006 h5 {
		margin-left: 6.015625vw;
		margin-right: 6.015625vw
	}
	.comp-006 h1 {
		padding-top: 90px;
		padding-bottom: 90px
	}
}
@media screen and (max-width:768px) {
	.comp-006 h1 {
		padding-top: 9.45vw;
		padding-bottom: 9.45vw
	}
	.box_component>.contentpar>.comp-006 h1,
	.box_component>.contentpar>.comp-006 h2,
	.box_component>.contentpar>.comp-006 h3,
	.box_component>.contentpar>.comp-006 h4,
	.box_component>.contentpar>.comp-006 h5 {
		margin-left: 5.599vw;
		margin-right: 5.599vw
	}
	.headline_main {
		font-size: 5.859vw;
		line-height: 7.812vw
	}
	.headline_secondary {
		font-size: 4.947vw;
		line-height: 7.421vw
	}
	.headline_tertiary {
		font-size: 4.166vw;
		line-height: 6.25vw
	}
	.headline_quaternary {
		font-size: 3.385vw;
		line-height: 5.208vw
	}
	.headline_fifth {
		font-size: 2.864vw;
		line-height: 4.296vw
	}
}

.imgbox {
	max-width: 1060px;
	margin: 0 auto
}
@media screen and (max-width:768px) {
	.imgbox {
		max-width: inherit
	}
}
.imgbox img {
	width: 100%;
	height: auto
}
#recruit .imgbox img {
	max-width: 240px;
}
#recruit .photo_240,
#recruit .photo_360 {
	text-align: center;
}
#recruit .imgbox .photo_360 img {
	max-width: 360px;
}

.description_area {
	max-width: 1060px;
	margin: 0 auto
}
.photo_description {
	font-size: 1.125rem;
	margin-bottom: 20px
}
@media screen and (max-width:768px) {
	.description_area {
		max-width: inherit
	}
	.photo_description {
		font-size: 3.466vw;
		margin-bottom: 2.666vw
	}
}
.photo_240 {
	justify-self: flex-end;
	width: 240px;
	overflow: hidden
}
.photo_300 {
	justify-self: flex-start;
	width: 300px;
	overflow: hidden
}
.photo_320 {
	width: 320px;
	overflow: hidden
}
.photo_360 {
	width: 360px;
	overflow: hidden
}
.photo_380 {
	width: 380px;
	overflow: hidden
}
.photo_532 {
	width: 532px;
	overflow: hidden
}
@media screen and (min-width:769px) {
	.photo_240,
	.photo_300,
	.photo_320,
	.photo_360,
	.photo_380,
	.photo_532,
	.photo_free {
		height: auto
	}
}
@media screen and (max-width:768px) {
	.photo_240,
	.photo_300,
	.photo_320,
	.photo_360,
	.photo_380,
	.photo_532,
	.photo_free {
		width: 100%;
		height: auto
	}
}
.photo_240 a:hover img,
.photo_300 a:hover img,
.photo_320 a:hover img,
.photo_360 a:hover img,
.photo_380 a:hover img,
.photo_532 a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0
}
.zoom-box {
	position: relative
}
.zoom-box .icon {
	position: absolute;
	top: 0;
	right: 0
}
.photo_zoom {
	display: none;
	padding: 0
}

.imgbox .text_720 {
	width: 720px;
	font-size: 18px;
	line-height: 30px
}
.imgbox .text_780 {
	width: 780px;
	font-size: 18px;
	line-height: 30px
}
.imgbox .text_free {
	font-size: 18px;
	line-height: 30px
}
@media screen and (max-width:768px) {
	.imgbox .text_720,
	.imgbox .text_780,
	.imgbox .text_free {
		width: 100%;
		font-size: 3.466vw;
		line-height: 5.333vw
	}
}
.imgbox .mr30 {
	margin-right: 30px
}
.imgbox .mr40 {
	margin-right: 40px
}
.imgbox .box_l {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1
}
.imgbox .box_c {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2
}
.imgbox .box_r {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3
}

.txt {
	color: #000;
	font-size: 1.125rem;
	line-height: 1.875rem
}
.underline {
	text-decoration: underline
}
.l_through {
	text-decoration: line-through
}
.italic {
	font-style: italic
}
.strong {
	font-weight: 700
}
.small {
	color: #180000;
	font-size: 1.0rem;
	letter-spacing: -0.01em;
	line-height: 1.5rem
}
.sup {
	font-size:.5rem;
	vertical-align: top;
	position: relative;
	top: -0.4em
}
.sub {
	font-size:.7rem;
	vertical-align: bottom;
	position: relative;
	bottom: -0.4em
}
.large {
	font-size: 1.25rem
}
.c_blue {
	color: #036eb8
}
@media screen and (max-width:768px) {
	.txt {
		font-size: 3.466vw;
		line-height: 5.333vw
	}
	.small {
		font-size: 2.933vw;
		line-height: 4.8vw
	}
	.large {
		font-size: 4vw
	}
}
.def_team {
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 3.125rem
}
.def_desc {
	font-size: 18px;
	line-height: 30px
}
@media screen and (max-width:768px) {
	.def_team {
		font-size: 4.166vw;
		line-height: 6.25vw;
		margin-top: 2.666vw;
		margin-bottom: 2.666vw
	}
	.def_desc {
		font-size: 3.466vw;
		line-height: 5.333vw
	}
}
.unordered {
	padding: 0 0 0 30px;
	list-style: disc;
	text-indent: 0
}
.unordered li {
	font-size: 1.125rem;
	line-height: 1.875rem;
	margin-bottom: 20px;
}
.unordered li li {
	margin-bottom: 10px;
}
.unordered li li li {
	margin-bottom: 0px;
}
@media screen and (max-width:768px) {
	.unordered {
		padding: 0 0 0 6.906vw
	}
	.unordered li {
		font-size: 3.385vw;
		line-height: 4.618vw;
		margin-bottom: 2.666vw;
	}
	.unordered li li {
		margin-bottom: 1.333vw;
	}
	.unordered li li li {
		margin-bottom: 0px;
	}
}
.ordered {
	padding: 0 0 0 20px;
	counter-reset: section;
	text-indent: -1.2em
}
.ordered li {
	font-size: 1.125rem;
	line-height: 1.5rem;
	margin-top:.9rem;
	margin-bottom:.9rem;
	margin-left: 1em
}
.ordered>li:before {
	content: counters(section,'.') '. ';
	counter-increment: section
}
.ordered li .ordered>li:before {
	content: counters(section,'.') ' ';
	counter-increment: section
}
@media screen and (max-width:768px) {
	.ordered {
		padding: 0 0 0 3.906vw;
		text-indent: -1em
	}
	.ordered li {
		font-size: 3.385vw;
		line-height: 4.618vw;
		margin-top: 1.797vw;
		margin-bottom: 1.797vw
	}
	.ordered li .ordered {
		padding: 0 0 0 4vw
	}
}
li.lh10 {
	line-height: 10px
}
li.lh12 {
	line-height: 12px
}
li.lh14 {
	line-height: 14px
}
li.lh16 {
	line-height: 16px
}
li.lh18 {
	line-height: 18px
}
li.lh20 {
	line-height: 20px
}
li.lh22 {
	line-height: 22px
}
li.lh24 {
	line-height: 24px
}
li.lh26 {
	line-height: 26px
}
li.lh28 {
	line-height: 28px
}
li.lh30 {
	line-height: 30px
}
@media screen and (max-width:768px) {
	li.lh10 {
	line-height:.62rem
	}
	li.lh12 {
	line-height:.75rem
	}
	li.lh14 {
	line-height:.87rem
	}
	li.lh16 {
		line-height: 1.00rem
	}
	li.lh18 {
		line-height: 1.12rem
	}
	li.lh20 {
		line-height: 1.25rem
	}
	li.lh22 {
		line-height: 1.37rem
	}
	li.lh24 {
		line-height: 1.50rem
	}
	li.lh26 {
		line-height: 1.62rem
	}
	li.lh28 {
		line-height: 1.75rem
	}
	li.lh30 {
		line-height: 1.87rem
	}
}

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.videoclip {
	margin: 0;
	width: 768px;
	height: auto
}
.videoclip video {
	width: 100%;
	height: auto
}
.video_list li {
	width: 235px
}
.video_list li .video_caption {
	display: block;
	font-size: 18px;
	line-height: 30px
}
.video_list li .video_caption sup {
	top: .5em
}
.video_list li a,
.video_caption .video_list li a:visited .video_caption {
	color: #000
}
.video_list li a:hover .video_caption {
	text-decoration: underline
}
.video_list li a:hover {
	text-decoration: none
}
.video_list li a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0
}
@media screen and (min-width:769px) {
	.video_list {
		width: 100%;
		justify-content: flex-start
	}
	.video_list li {
		margin: 0 20px 0 20px
	}
	.youtube {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
	.youtube iframe {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}
	.videoclip {
		width: 100%;
		height: auto
	}
	.videoclip video {
		width: 100%;
		height: auto
	}
	.box_component>.contentpar>.comp-012 {
		margin: 0 90px
	}
}
@media screen and (max-width:768px) {
	.youtube {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
	.youtube iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important
	}
	.videoclip {
		position: relative;
		width: 100%;
		height: 100%;
		padding-top: 56.25%
	}
	.videoclip video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: auto
	}
	.video_list {
		width: 100%
	}
	.video_list li {
		margin-bottom: 6.666vw;
		width: 42vw;
		max-width: 320px
	}
	.video_list li .video_caption {
		font-size: 3.466vw;
		line-height: 5.333vw
	}
}
.inline_youtube {
	display: none;
	padding: 0
}
.inline_video {
	display: none;
	padding: 0
}

.top_banner {
	width: 100%;
	max-width: 1280px;
	letter-spacing: -0.01em
}
.top_banner .banner_area {
	display: block;
	height: 420px;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden
}
.top_banner .banner_area img {
	width: 100%;
	height: auto
}
.top_banner .banner_area .pc:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out
}
.top_banner a:hover .banner_area .pc:after {
	opacity: 1;
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}
.top_banner.txt_full .banner_area .pc:after {
	background-position: right top
}
.top_banner.txt_left .banner_area .pc:after {
	background-position: right top
}
.top_banner.txt_right .banner_area .pc:after {
	background-position: center top
}
.top_banner.txt_full .banner_txt_box {
	width: 590px;
	position: absolute;
	top: 100px;
	left: 90px;
	z-index: 2
}
.top_banner.txt_left .banner_txt_box {
	width: 420px;
	position: absolute;
	top: 100px;
	left: 110px;
	z-index: 2
}
.top_banner.txt_right .banner_txt_box {
	width: 420px;
	position: absolute;
	top: 100px;
	left: 730px;
	z-index: 2
}
.banner_txt_box>.title {
	margin-bottom: 20px;
	font-size: 2.25rem;
	font-weight: 900;
	line-height: 3.375rem
}
/*--------------------------------------------------------------
/*	ページ個別設定
--------------------------------------------------------------*/
#about_top .banner_txt_box {
	top: calc(50% - 0.5rem);
}
#about_top .banner_txt_box>.title {
	margin-bottom: 0;
	font-weight: 900;
	font-size: 1.4rem;
	line-height: 2rem
}
#about_message .banner_txt_box>.title {
	margin-bottom: 100px;
	font-weight: 900;
	font-size: 1.4rem;
	line-height: 2rem
}
#about_message .banner_txt_box>.title {
	margin-bottom: 100px;
	font-weight: 900;
	font-size: 1.4rem;
	line-height: 2rem
}

#recruit_top .banner_txt_box,
#sustain_top .banner_txt_box {
	top: calc(50% - 0.5rem);
}
#recruit_top .banner_txt_box>.title,
#sustain_top .banner_txt_box>.title {
	margin-bottom: 0;
	font-weight: 900;
	font-size: 1.4rem;
	line-height: 2rem
}

#access #officeMap {
	height: 600px;
	overflow: hidden;
}
#access #officeMap iframe {
	width: 100%;
	height: 600px;
	border: none;
}

#access_top .banner_txt_box {
	top: calc(50% - 0.5rem);
}
#access_top .banner_txt_box>.description {
	margin-bottom: 0;
	font-weight: 900;
	line-height: 2rem;
	color: #ffffff;
}

.banner_txt_box>.description {
	margin-bottom: 30px;
	font-size: 1.0rem;
	line-height: 1.625rem
}
.banner_txt_box>.notes {
	display: none
}
.top_banner a:hover {
	text-decoration: none
}
.txtcolor-white {
	color: #fff
}
.txtcolor-black {
	color: #000
}
@media screen and (min-width:769px) {
	#accessArea .banner_txt_box {
		color: #ffffff;
	}
}
@media screen and (min-width:769px) and (max-width:1280px) {
	.top_banner.txt_left .banner_txt_box {
		width: 32.812vw;
		left: 7.031vw
	}
	.top_banner.txt_right .banner_txt_box {
		width: 32.812vw;
		left: 57.031vw
	}
}
@media screen and (max-width:768px) {
	.top_banner {
		max-width: inherit
	}
	.top_banner .banner_area {
		padding: 7.812vw 0;
		height: auto;
		background: 0
	}
	.top_banner .banner_area:after {
		background: 0
	}
	.top_banner.txt_full .banner_txt_box,
	.top_banner.txt_left .banner_txt_box,
	.top_banner.txt_right .banner_txt_box {
		width: 100%;
		position: static
	}
	.banner_txt_box>.title {
		margin-bottom: 2.604vw;
		padding: 2.604vw 0 0;
		font-size: 5.2vw;
		font-weight: 900;
		line-height: 8.854vw;
		letter-spacing: -0.01em
	}
	#about_top .banner_txt_box>.title,
	#about_message .banner_txt_box>.title,
	#recruit_top .banner_txt_box>.title,
	#sustain_top .banner_txt_box>.title {
			margin-bottom: 2.604vw;
			padding: 2.604vw 0 0;
			font-size: 5.2vw;
			font-weight: 900;
			line-height: 8.854vw;
			letter-spacing: -0.01em
	}
	.banner_txt_box>.description {
		margin-bottom: 4.817vw;
		font-size: 3.385vw;
		line-height: 5.208vw
	}
	#access_top .banner_txt_box>.description {
		margin-top: 20px;
		color: #000000;
	}
	#access #officeMap {
		height: 300px;
	}

	.txtcolor-white,
	.txtcolor-black {
		color: #000
	}
}
.top_banner a .btn_more {
	display: block;
	padding: 12px 0;
	width: 100px;
	color: #231816;
	text-align: center;
	line-height: 1;
	background: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2
}
.top_banner a .btn_more .more_text {
	display: block;
	font-size: 1.062rem;
	background: url("../images/ico-next.png") no-repeat 90% center;
	transition-duration: .3s
}
.top_banner a:hover .btn_more .more_text {
	background: url("../images/ico-next.png") no-repeat 95% center;
	transition-duration: .3s
}
@media screen and (max-width:768px) {
	.top_banner a .btn_more {
		float: right;
		padding: 0;
		width: auto;
		position: static
	}
	.top_banner a .btn_more .more_text {
		display: inline-block;
		padding: 0 4.166vw 0 0;
		font-size: 3.385vw;
		font-weight: 600;
		background: url("../images/ico-next.png") no-repeat right center / 10%
	}
}

.container {
	margin: 0 auto;
	width: 100%;
	max-width: 1280px
}
@media screen and (min-width:769px) and (max-width:1280px) {
	.container {
		width: 100%;
		max-width: 100%;
		min-width: 100%
	}
}
.separator {
	border-bottom: 1px #000 solid;
	padding: 0;
	margin: 30px auto 30px;
	width: 100%;
	max-width: 1680px
}
.comp-014 img {
	max-width: 100%;
	width: 100%
}
.bx-wrapper {
	margin-bottom: 0;
	-moz-box-shadow: 0 0 0 #ccc;
	-webkit-box-shadow: 0 0 0 #ccc;
	box-shadow: 0 0 0 #ccc;
	border: 0
}
.bx-wrapper .bx-pager {
	bottom: 15px
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #979797;
	width: 14px;
	height: 14px;
	margin: 0 23px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #fff
}
.slider {
	margin: 0 auto;
	width: 100%;
	max-width: 1280px
}
.slider a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0
}
@media screen and (max-width:768px) {
	.slider {
		margin: 0 auto;
		width: 100%;
		max-width: 100%;
		min-width: 100%
	}
}

.panel_box {
	width: 100%;
	max-width: 1280px;
	position: relative
}
@media screen and (max-width:1300px) and (min-width:769px) {
	.panel_box {
		padding: 0 2.343vw;
		width: 100%;
		max-width: inherit;
		box-sizing: border-box
	}
}
@media screen and (max-width:768px) {
	.panel_box {
		padding: 0 4vw;
		width: 100%;
		box-sizing: border-box
	}
}
.display_panel_inner_box {
	margin: 0 auto;
	padding: 50px 40px;
	width: 1050px;
	font-size: 1.125rem;
	line-height: 1.875rem
}
@media screen and (max-width:1230px) and (min-width:769px) {
	.display_panel_inner_box {
		width: 100%;
		box-sizing: border-box
	}
}
@media screen and (max-width:768px) {
	.display_panel_inner_box {
		padding: 7.812vw 5.208vw;
		width: 100%;
		font-size: 3.385vw;
		line-height: 5.208vw;
		box-sizing: border-box
	}
}
.display_panel_inner_box .headline_tertiary {
	margin-bottom: 10px
}

.related_links_acd {
	width: 100%;
	max-width: 1280px
}
.related_links_acd dl {
	margin-bottom: 30px
}
.related_links_acd dl dt {
	padding: 10px 20px;
	font-size: 1.125rem;
	line-height: 1.875rem;
	background-color: #e6e6e6
}
.related_links_acd dl .related_links_comp {
	display: block;
	padding: 20px 0;
	font-size: 1.125rem;
	line-height: 1.875rem
}
@media screen and (max-width:768px) {
	.related_links_acd {
		width: 100%
	}
	.related_links_acd dl {
		margin-bottom: 8vw
	}
	.related_links_acd dl dt {
		padding: 5.333vw;
		font-size: 4.8vw;
		line-height: 7.2vw;
		background-color: #e6e6e6;
		cursor: pointer
	}
	.related_links_acd dl .related_links_comp {
		display: block;
		padding: 4.666vw 0;
		font-size: 3.466vw;
		line-height: 5.333vw
	}
}
/* @charset "UTF-8"; */
#n_carousel {
	position: relative;
	width: 960px;
	height: 127px;
	margin: 0 auto 30px;
	z-index: 1
}
#n_carousel #n_carouselInner {
	position: absolute;
	top: 0;
	left: 20px;
	width: 920px;
	height: 127px;
	margin: 0 auto;
	overflow: hidden
}
#n_carousel img.n_carouselBtnL {
	position: absolute;
	top: 45px;
	left: 0
}
#n_carousel img.n_carouselBtnR {
	position: absolute;
	top: 45px;
	right: 0
}
#n_carousel #n_carouselInner div.n_carouselList {
	position: absolute;
	top: 0;
	left: 0
}
#n_carousel #n_carouselInner div.n_carouselList {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10
}
#n_carousel .n_carouselBox {
	position: absolute;
	top: 0;
	width: 214px;
	height: 127px
}
#n_carousel .n_carouselCont {
	height: 90px;
	padding: 7px;
	border: #dcdcdc 1px solid;
	overflow: hidden;
	font-size: 92%
}
#n_carousel .n_carouselCont img {
	float: left;
	margin-right: 7px
}
#n_carousel .n_carouselCont p {
	line-height: 1.5 !important;
	overflow: hidden
}

.comp-021 {
	padding: 0 110px;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto
}
.news-menu {
	margin-bottom: 15px;
	font-size: 1.125rem;
	line-height: 1.125rem;
	align-items: center
}
.news-menu_tit {
	margin-right: 2.125vw;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.125rem
}
.news-menu_link {
	margin-right: 2.125vw;
	border-bottom: 1px solid #000
}
.news-menu_link select {
	outline: 0;
	text-indent: .01px;
	text-overflow: '';
	background: none transparent;
	vertical-align: middle;
	color: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	padding: 0 15px 0 0;
	width: 100%;
	font-size: 1.125rem
}
.news-menu_link .select-wrap:before {
	top: auto;
	bottom: 5px
}
.news-menu_btn {
	width: 118px
}
.news-menu_btn a {
	display: block;
	padding: 13px 0 10px;
	color: #000;
	font-size: 1.125rem;
	text-align: center;
	border: 1px solid #000;
	margin: 0 10px
}
.news-menu_btn a:hover {
	color: #fff;
	text-decoration: none;
	background: #000
}
#releasenumText {
	width: 9rem;
	padding: 10px
}
@media screen and (max-width:768px) {
	.comp-021 {
		padding: 0 4vw
	}
	.news-menu {
		margin-bottom: 5.208vw;
		padding: 0 3.552vw;
		font-size: 4.687vw;
		line-height: 1
	}
	.news-menu_tit {
		margin-right: 0;
		margin-bottom: 4vw;
		width: 100%;
		font-size: 5.859vw
	}
	#releasenumText {
		width: 100%;
		margin: 0 10px
	}
	.news-menu_link {
		margin-right: 4vw
	}
	.news-menu_link:last-of-type {
		margin-right: 0
	}
	.news-menu_link select {
		padding: 0 4vw 0 0;
		width: 100%;
		font-size: 4.947vw
	}
	.news-menu_btn {
		margin-top: 4vw;
		width: 100%
	}
	.news-menu_btn a {
		padding: 2.604vw 0;
		font-size: 4.687vw
	}
	.news-menu_btn a:hover {
		color: #000;
		background: #fff
	}
}
.news-list {
	margin: 0 auto;
	padding: 25px 0;
	width: 100%;
	font-size: 1.125rem;
	line-height: 1.875rem;
	border-top: 1px solid #000;
	clear: both
}
.news-list:last-of-type {
	margin-bottom: 60px;
	border-bottom: 1px solid #000
}
.news-list dt {
	line-height: 1.3rem
}
.news-list dt span.news_list_date {
	display: inline-block;
	width: 140px;
	font-weight: normal
}
.news-list dt span.news_menu {
	display: inline-block;
	width: 100px;
	font-weight: normal;
	vertical-align: top
}
.news-list dt span.news_category_title {
	display: inline-block;
	width: 180px;
	font-weight: normal;
	vertical-align: top
}
.news-list dd {
	margin-top: -3px;
	width: calc(100% - 430px);
	line-height: 1.875rem
}
.news-list dd a:visited {
	color: #000
}
.news-list dd .pdf_list {
	padding: 15px 0 0
}
.news-list dd .pdf_list li {
	margin-right: 35px;
	line-height: 1
}
.news-list dd .pdf_list li span.icon-pdf {
	margin-right: 7px;
	width: 30px;
	vertical-align: middle
}
.news-list dd .pdf_list li span.icon-pdf:hover {
	opacity: .6
}
@media screen and (max-width:768px) {
	.news-list {
		padding: 3.255vw 5.468vw;
		width: 100%;
		font-size: 3.385vw;
		line-height: 5.208vw;
		box-sizing: border-box
	}
	.news-list:last-of-type {
		margin-bottom: 6.901vw;
		border-bottom: 1px solid #000
	}
	.news-list dt {
		margin-bottom: 2.604vw;
		width: 100%
	}
	.news-list dt span.news_list_date {
		width: 26vw;
		font-weight: normal
	}
	.news-list dt span.news_menu {
		width: 15vw
	}
	.news-list dt span.news_category_title {
		width: 30vw
	}
	.news-list dd {
		width: 100%
	}
	.news-list dd .pdf_list {
		padding: 1.953vw 0 0
	}
	.news-list dd .pdf_list li {
		margin-bottom: 1.953vw;
		margin-right: 0;
		width: 33.333%
	}
	.news-list dd .pdf_list li span.icon-pdf:hover {
		opacity: .6
	}
	.news-list dd .pdf_list li a {
		text-decoration: none
	}
	.news-list dd .pdf_list li a:hover {
		text-decoration: underline
	}
}
.newsMessageDiv {
	color: red
}
.pagenation {
	margin: 0 auto;
	width: 100%;
	justify-content: center;
	font-size: x-large
}
.pagenation li {
	margin: 0 7px
}
.pagenation li:first-of-type {
	margin: 0 45px 0 0
}
.pagenation li:last-of-type {
	margin: 0 0 0 45px
}
.pagenation li a {
	color: #000;
	text-decoration: none
}
.pagenation li a:visited {
	color: #000
}
.pagenation li a:hover {
	text-decoration: underline
}
@media screen and (max-width:768px) {
	.pagenation li {
		margin: 0 1.302vw
	}
	.pagenation li:first-of-type {
		margin: 0 9.114vw 0 0
	}
	.pagenation li:last-of-type {
		margin: 0 0 0 9.114vw
	}
}
/* @charset "UTF-8"; */
.anchorArea {
	max-width: 1280px
}
.anchorArea ul {
	margin: 30px
}
.anchorArea ul li {
	float: left;
	/* display: inline-block; */
	padding: 0 50px 0 0;
	line-height: 338%
}
.anchorArea li a {
	padding: 0 38px 0 0;
	color: #000;
	background: url("../images/ico-anchor-on.png") no-repeat 98% center;
	transition-duration: .3s
}
.anchorArea li a:hover {
	background: url("../images/ico-anchor-off.png") no-repeat right center;
	transition-duration: .3s
}
@media screen and (min-width:769px) and (max-width:1280px) {
	.anchorArea {
		width: 100%;
		box-sizing: border-box
	}
}
@media screen and (max-width:768px) {
	.anchorArea {
		width: 100%;
		box-sizing: border-box
	}
	.anchorArea ul {
		margin: 5.166vw
	}
	.anchorArea ul li {
		float: left;
		/* display: inline-block; */
		padding: 0 9.85vw 0 0;
		line-height: 300%
	}
}

.child_node_list_tag {
	width: 100%;
	max-width: 1060px
}
.child_node_list_tag li {
	font-size: 1.125rem
}
.child_node_list_tag li.child_node_list_tag_text {
	font-size: 1.125rem;
	line-height: 2.25rem
}
.child_node_list_tag ul.col2,
.child_node_list_tag ul.col4 {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap
}
.child_node_list_tag ul li.col1,
.child_node_list_tag ul li.col2,
.child_node_list_tag ul li.col4 {
	list-style: none;
	padding-bottom:.75rem;
	padding: 0 0 0 18px;
	margin-top: .5em;
	margin-bottom: .5em;
	line-height: 150%
}
.child_node_list_tag li.col2 {
	float: left;
	width: 47%
}
.child_node_list_tag li.col4 {
	float: left;
	width: 21%
}
.child_node_list_tag li a {
	display: inline-block;
	color: #000;
	transition-duration: .3s
}
.child_node_list_tag li a:visited {
	color: #000
}
.child_node_list_tag li.child_node_list_tag_tit {
	padding: 0;
	font-size: 1.25rem;
	font-weight: 900;
	line-height: 3.125rem
}
@media screen and (min-width:801px) and (max-width:1061px) {
	.child_node_list_tag {
		max-width: 800px
	}
	.child_node_list_tag li.col2 {
		float: left;
		width: 47%
	}
	.child_node_list_tag li.col4 {
		float: left;
		width: 21%
	}
}
@media screen and (min-width:769px) and (max-width:800px) {
	.child_node_list_tag {
		max-width: 534px
	}
	.child_node_list_tag li.col4,
	.child_node_list_tag li.col2 {
		width: 37%
	}
}
@media screen and (max-width:768px) {
	.child_node_list_tag li {
		font-size: 3.385vw;
		line-height: 6.770vw
	}
	.child_node_list_tag li a {
		display: inline-block;
		padding: 0 3.906vw 0 0
	}
	.child_node_list_tag li.child_node_list_tag_tit {
		margin-bottom: 5.208vw;
		font-size: 4.166vw;
		line-height: 5.208vw
	}
	.child_node_list_tag li.child_node_list_tag_tit a {
		padding: 0 5.208vw 0 0
	}
	.child_node_list_tag li.col4,
	.child_node_list_tag li.col2 {
		width: 100%
	}
}

.spacer {
	width: 100%
}
.spacer.bgcolor {
	background-color: #ececec;
	background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(.25,#f9f9f9),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,#f9f9f9),color-stop(.75,#f9f9f9),color-stop(.75,transparent),to(transparent));
	-webkit-background-size: 7px 7px
}
.spacer.hgt10 {
	height: 10px
}
.spacer.hgt20 {
	height: 20px
}
.spacer.hgt30 {
	height: 30px
}
.spacer.hgt40 {
	height: 40px
}
.spacer.hgt50 {
	height: 50px
}
.spacer.hgt60 {
	height: 60px
}
.spacer.hgt70 {
	height: 70px
}
.spacer.hgt80 {
	height: 80px
}
.spacer.hgt90 {
	height: 90px
}
.spacer.hgt100 {
	height: 100px
}
@media screen and (max-width:768px) {
	.spacer.hgt10 {
		height: 1.333vw
	}
	.spacer.hgt20 {
		height: 2.666vw
	}
	.spacer.hgt30 {
		height: 4vw
	}
	.spacer.hgt50 {
		height: 6.666vw
	}
	.spacer.hgt100 {
		height: 13.333vw
	}
}

.sns_menu_list {
	margin-bottom: 19px;
	justify-content: flex-start;
	align-items: center;
	clear: both
}
.sns_menu_list img {
	width: 32px;
	height: 32px
}
.sns_menu_list li {
	margin-right: 25px
}
.sns_menu_list li:last-child {
	margin-right: 0
}
@media screen and (max-width:768px) {
	.sns_menu_list {
		padding: 6.770vw 0;
		width: 100%;
		background: #fff;
		justify-content: center
	}
	.sns_menu_list li {
		margin: 0 3.059vw;
		width: 11.067vw
	}
	.sns_menu_list img {
		width: 100%;
		height: 100%
	}
}
.sns_popup#popup1 {
	display: none;
	position: absolute;
	bottom: 45px;
	right: 19px;
	border: 1px solid #c4c4c4;
	border-radius: 13px;
	z-index: 100;
	padding: 3px;
	background-color: #fff
}
.sns_popup#popup2 {
	display: none;
	position: absolute;
	bottom: 45px;
	right: -13px;
	border: 1px solid #c4c4c4;
	border-radius: 13px;
	z-index: 100;
	padding: 3px;
	background-color: #fff
}
.sns_popup:before {
	border-top-color: #c4c4c4;
	margin-left: -14px
}
.sns_popup:after {
	border-top-color: red;
	margin: 0 0 0 0x
}
@media screen and (max-width:768px) {
	.sns_popup#popup1 {
		bottom: 105px
	}
	.sns_popup#popup2 {
		bottom: 105px
	}
}
.sns_popup_inner {
	font-size: 90%;
	color: #000;
	text-align: center;
	background: -moz-linear-gradient(top,#ececec,#fff);
	background: -webkit-gradient(linear,left top,left bottom,from(#ececec),to(#fff));
	border-radius: 13px;
	padding: 5px 15px
}
.sns_popup_inner p.pop-txt1 {
	font-size: 12px
}
.sns_popup_inner p.pop-txt2 {
	font-size: 12px
}
.sns_popup_inner .sns_popup_topbar {
	position: absolute;
	right: 12px;
	top: 12px
}
.sns_popup_inner .sns_popup_topbar img {
	width: 14px;
	height: 14px
}
.sns_popup_inner .qr_code {
	max-width: 200px;
	max-height: 200px;
	width: 100%;
	height: 100%
}

.new_window_annotation {
	padding: 24px 40px;
	font-size:.75rem;
	line-height: 1
}
.new_window_annotation img {
	vertical-align: text-bottom;
	width: 18px;
	margin-right: 5px
}
.new_window_annotation li {
	display: inline-block;
	padding-right: 10px
}
@media screen and (max-width:768px) {
	.new_window_annotation {
		padding: 5.333vw 4vw;
		font-size: 3.385vw;
		line-height: 7.466vw
	}
	.new_window_annotation img {
		vertical-align: text-bottom;
		width: 28px;
		margin-right: 5px
	}
}

.pagetop {
	width: 50px;
	right: 15px;
	bottom: 11px;
	position: fixed;
	display: none;
	z-index: 800
}
@media screen and (max-width:768px) {
	.pagetop {
		width: 10.666vw;
		right: 2.666vw;
		bottom: 2.666vh;
		position: fixed
	}
}

.accept_panel {
	margin: 0 auto;
	max-width: 1050px;
	font-size: 1.125rem;
	line-height: 1.875rem;
	text-align: center;
	box-sizing: border-box
}
.accept_panel li {
	display: inline-block
}
@media screen and (min-width:769px) and (max-width:1280px) {
	.accept_panel {
		width: 100%;
		box-sizing: border-box
	}
}
@media screen and (max-width:768px) {
	.accept_panel {
		padding: 7.812vw 5.208vw;
		width: 100%;
		font-size: 3.385vw;
		line-height: 5.208vw;
		box-sizing: border-box
	}
	.accept_panel li {
		padding-bottom: 30px
	}
}

.comp-048 .bx-wrapper {
	width: 100%
}
.news {
	padding: 30px 90px 30px 40px;
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #dadada;
	box-sizing: border-box;
	margin: 0 auto;
	width: 100%;
	max-width: 1280px
}
.news_tit {
	margin: 0 13px 0 0;
	padding: 0 16px 0 0;
	font-size: 1.0rem;
	font-weight: 900;
	line-height: 1.0rem;
	letter-spacing: -0.035em;
	border-right: 2px solid #000
}
.news_date {
	margin: 0 13px 0 0;
	padding: 0 16px 0 0;
	font-weight: 900;
	line-height: 1.0rem;
	letter-spacing: -0.035em;
	border-right: 2px solid #000
}
.news_category {
	margin: 0 20px 0 0;
	font-weight: 900;
	line-height: 1.0rem;
	letter-spacing: -0.035em
}
.news_text a {
	color: #000;
	text-decoration: none;
	font-weight: normal
}
.news_text a:visited {
	color: #000
}
.news_text a:hover,
.news_text a.hover {
	text-decoration: underline
}
.btn_news {
	margin-left: auto;
	padding: 0;
	width: 100px;
	right: 0;
	position: absolute
}
.btn_news a {
	display: block;
	padding: 0;
	color: #231816;
	text-align: center
}
.btn_news a span.more_text {
	display: block;
	font-size: 1.062rem;
	background: url("../images/ico-next.png") no-repeat 90% center;
	transition-duration: .3s
}
.btn_news a:hover span.more_text {
	background: url("../images/ico-next.png") no-repeat 95% center;
	transition-duration: .3s
}
.btn_news a:visited {
	color: #000
}
.btn_news a:hover {
	color: #000;
	text-decoration: none
}
.bx-controls {
	display: none
}
@media screen and (min-width:769px) {
	.new-info-ticker li {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: inline-block
	}
}
@media screen and (max-width:768px) {
	.news {
		padding: 5.208vw 5.598vw;
		padding-right: 90px;
		border-bottom: 1px solid #ccc;
		border-top: 0
	}
	.news_tit {
		margin: 0 2.213vw 0 0;
		padding: 0 2.213vw 0 0;
		font-size: 3.385vw;
		letter-spacing: 0
	}
	.news_date {
		margin: 0 2.213vw 0 0;
		padding: 0 2.213vw 0 0;
		font-size: 3.385vw
	}
	.news_category {
		margin: 0 3.213vw 0 0;
		font-size: 3.385vw
	}
	.news_category:after {
		white-space: pre;
		content: "\A"
	}
	.news_text {
		padding: 1.953vw 0 0;
		font-size: 3.385vw;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		max-width: 80vw
	}
	.btn_more.btn_news {
		margin-top: 1.0vw
	}
}
@media all and (-ms-high-contrast:none) {
	.new-info-ticker li {
		text-overflow: clip
	}
}
.acd a {
	text-decoration-color: #000;
}

.acd dl {
	margin-bottom: 30px
}
.acd dl dt {
	padding: 10px 20px;
	font-size: 1.125rem;
	line-height: 1.875rem;
	background-color: #e6e6e6;
	color: #000;
	cursor: pointer;
	position: relative
}
.acd dl dt .toggle {
	display: block;
	position: absolute;
	right: 15px;
	top: 15px
}
.acd dl dt .toggle1 {
	display: inline-block;
	position: relative;
	top: 5px
}
.acd dl dd {
	display: none;
	padding: 20px 0;
	font-size: 1.125rem;
	line-height: 1.875rem
}
@media screen and (max-width:768px) {
	.acd dl {
		margin-bottom: 8vw
	}
	.acd dl dt {
		padding: 5.333vw;
		font-size: 4.8vw;
		line-height: 7.2vw;
		background-color: #e6e6e6;
		color: #000;
		cursor: pointer
	}
	.acd dl dt .toggle {
		display: block;
		position: absolute;
		right: 2vw;
		top: 5.859vw
	}
	.acd dl dt .toggle1 {
		display: inline-block;
		position: relative;
		right: 2vw;
	}
	.acd dl dd {
		display: none;
		padding: 4.666vw 0;
		font-size: 3.466vw;
		line-height: 5.333vw
	}
}
.acd dl dt.open .toggle_button {
	display: none
}
.acd dl dt .toggle_button_open {
	display: none
}
.acd dl dt.open .toggle_button_open {
	display: block
}

.tab_mix {
	margin-bottom: 40px;
	font-weight: 600;
	line-height: 1.0rem;
	align-items: center
}
.tab_mix li {
	margin-right: 10px;
	border: 1px solid #000
}
.tab_mix li a {
	display: block;
	padding: 13px 17px
}
.tab_mix li a,
.tab_mix li a:visited {
	color: #000
}
.tab_mix li a:hover {
	color: #fff;
	background: #000;
	text-decoration: none
}
@media screen and (max-width:768px) {
	.tab_mix {
		margin-bottom: 40px;
		width: 100%;
		font-size: 3.385vw;
		line-height: 4.208vw;
		text-align: center;
		justify-content: space-between;
		align-items: stretch
	}
	.tab_mix.tab_cmn {
		line-height: 1.2em;
		justify-content: inherit
	}
	.tab_mix li {
		margin-right: 0;
		width: 30%;
		display: flex;
		align-items: center
	}
	.tab_mix.tab_cmn li {
		width: auto;
		max-width: 23.500vw;
		margin-right: 1.125vw;
		padding: 0 1.125vw
	}
	.tab_mix li a {
		padding: 2vw 0;
		width: 100%
	}
	.tab_mix li a:hover {
		color: #000;
		background: #fff
	}
}
.tab_slider {
	overflow: hidden;
	position: relative;
	max-width: 1060px;
	margin-left: 110px;
	margin-right: 110px
}
.tab_slider.page_full {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto
}
.tab_slider .milestoneBar {
	height: 50px;
	overflow: hidden;
	margin-left: 20px;
	margin-right: 20px;
	background-color: #fff;
	color: #fff;
	position: relative
}
.tab_slider .divBar {
	position: absolute;
	left: -20px
}
.tab_slider .scrollLeft {
	position: absolute;
	width: 20px;
	top: 15px;
	left: 5px;
	background-color: #fff
}
.tab_slider .scrollRight {
	position: absolute;
	width: 20px;
	top: 15px;
	right: -10px;
	background-color: #fff
}
.tab_slider .active {
	background-color: #f2f2f2 !important;
	text-decoration: underline;
	position: relative;
	pointer-events: none
}
.tab_slider .milestoneField {
	margin: -1px 20px 20px 20px;
	padding: 5px;
	border: solid 1px #575757;
	position: relative
}
.tab_slider .milestoneField.no-border {
	border: 0
}
.milestoneField .column2 {
	float: left;
	width: 100%;
	max-width: 500px;
	margin-right: 8px
}
.milestoneField .last {
	margin-right: 0 !important
}
@media screen and (min-width:769px) and (max-width:1300px) {
	.milestoneField .column2 {
		width: 100%
	}
}
@media screen and (max-width:768px) {
	.tab_slider {
		margin-left: 5.599vw;
		margin-right: 5.599vw
	}
	.milestoneField .column2 {
		width: 100%
	}
	.tab_slider .milestoneBar {
		height: 5.2em
	}
}

.comp-056 {
	margin-left: 6.015625vw;
	margin-right: 6.015625vw
}
@media screen and (max-width:768px) {
	.comp-056 {
		margin-left: 5.599vw;
		margin-right: 5.599vw
	}
}
.contactFormFrame {
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
	background-color: #d4d4d4;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px
}
.contactFormTitle {
	color: #000;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px
}
.contactFormInner {
	padding: 20px 20px;
	background-color: #e6e6e6
}
.contactFormInner table {
	margin: 0 auto;
	background-color: #f2f2f2
}
.contactFormInner table .contactFormCol1,
.contactFormInner table .contactFormCol2,
.contactFormInner table .contactFormCol3 {
	padding: 20px 0;
	vertical-align: top
}
.contactFormInner table .contactFormCol1 {
	width: 15px;
	text-align: center;
	vertical-align: middle;
	background-color: #f2f2f2
}
.contactFormInner table .contactFormCol2 {
	width: 28%;
	vertical-align: middle;
	background-color: #f2f2f2
}
.contactFormInner table .contactFormCol3 {
	width: 70%;
	padding: 5px 10px 5px 5px;
	vertical-align: middle;
	background-color: #f2f2f2
}
.contactFormItem.max {
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden
}
@media screen and (min-width:769px) and (max-width:1280px) {
	.contactFormInner table {
		width: 100%
	}
	.contactFormInner table .contactFormCol3 label {
		line-height: 2.2em;
		word-break: keep-all
	}
}
@media screen and (max-width:768px) {
	.contactFormInner table {
		width: 100%
	}
	.contactFormInner table .contactFormCol2,
	.contactFormInner table .contactFormCol3 {
		font-size: 4.687vw
	}
	.contactFormInner table .contactFormCol1 {
		display: inline-block;
		padding: 10px 0;
		width: 15px
	}
	.contactFormInner table .contactFormCol2 {
		display: inline-block;
		padding: 10px 0;
		width: auto
	}
	.contactFormInner table .contactFormCol3 {
		display: block;
		padding: 0 10px 15px 10px;
		width: auto
	}
	.contactFormInner table .contactFormCol3 label {
		line-height: 1.5em;
		word-break: keep-all
	}
}
.contactFormMsg {
	color: red;
	font-size: 90%;
	margin: 10px 0 0 0
}
.contactFormSubmit {
	text-align: center
}
div#contactFormInner_chk {
	display: none;
	padding: 0 20px 10px 20px
}
div#contactFormInner_chk p.contactFormTitle {
	padding: 0;
	color: #000;
	text-decoration: underline;
	margin-bottom: 0
}

#xfmeTerms {
	border: 2px solid #666;
	height: 450px;
	padding: 0 5px;
	margin-bottom: 10px;
	overflow-y: scroll
}

#ProdNumSearchResult p.message {
	font-size: larger;
	font-weight: bold;
	color: red;
	text-align: center;
	margin-top: 1em
}
#ProdNumSearchResult .pager {
	margin: 0 auto;
	width: 540px
}
#ProdNumSearchResult .pager li.current {
	font-weight: 900;
	text-decoration: none
}
#ProdNumSearchResult .pager li a {
	color: #000;
	text-decoration: none
}
#ProdNumSearchResult .pager li a:visited {
	color: #000
}
#ProdNumSearchResult .pager li a:hover {
	text-decoration: underline
}
@media screen and (max-width:768px) {
	#ProdNumSearchResult .pager {
		padding: 0 5.208vw;
		width: 100%;
		box-sizing: border-box
	}
	#ProdNumSearchResult .pager li {
		font-size: 3.385vw
	}
	#ProdNumSearchResult .pager li a {
		text-decoration: underline
	}
	#ProdNumSearchResult .pager li:nth-of-type(3) a,
	#ProdNumSearchResult .pager li:nth-of-type(4) a,
	#ProdNumSearchResult .pager li:nth-last-child(2) a,
	#ProdNumSearchResult .pager li:last-of-type a {
		text-decoration: none
	}
	#ProdNumSearchResult .pager li a:hover {
		text-decoration: none
	}
	#ProdNumSearchResult .pager li:nth-of-type(3) a:hover,
	#ProdNumSearchResult .pager li:nth-of-type(4) a:hover,
	#ProdNumSearchResult .pager li:nth-last-child(2) a:hover,
	#ProdNumSearchResult .pager li:last-of-type a:hover {
		text-decoration: underline
	}
}
.search_results_box {
	padding: 0 0 30px;
	line-height: 1
}
.search_results_box .results_text {
	font-size: 1.125rem
}
.search_results_box .results_text span.results_word {
	display: inline-block;
	font-weight: 900
}
@media screen and (max-width:768px) {
	.search_results_box {
		padding: 0;
		line-height: 1;
		border-bottom: 0
	}
	.search_results_box .results_text {
		margin-bottom: 5.208vw;
		padding: 0 5.208vw;
		width: 100%;
		font-size: 3.385vw
	}
}

.comp-065 {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto
}
.comp-065 .exceed {
	font-size: larger;
	color: red
}
.acd_search {
	width: 100%
}
.acd_search dl {
	margin-bottom: 10px
}
.acd_search dl dt {
	padding: 10px 20px;
	font-size: 1.125rem;
	line-height: 1.875rem;
	background-color: #e6e6e6;
	cursor: pointer;
	position: relative
}
.acd_search dl dt .toggle {
	display: block;
	position: absolute;
	right: 15px;
	top: 15px
}
.acd_search dl dd {
	display: none;
	padding: 20px 0;
	font-size: 1.125rem;
	line-height: 1.875rem
}
.preferences_area {
	width: 100%;
	max-width: 1050px
}
.preferences_area .preferences_box {
	font-size:.875rem
}
.preferences_area .preferences_box .preferences_list li {
	width: 120px
}
.preferences_area .preferences_box .preferences_list li.preferences_tit {
	width: 148px
}
.preferences_area .preferences_box .preferences_list .radio-input+label {
	padding-left: 30px;
	position: relative;
	margin-right: 0
}
.preferences_area .preferences_box .preferences_list .radio-input+label::before {
	content: "";
	display: block;
	position: absolute;
	top: -3px;
	left: 0;
	width: 19px;
	height: 19px;
	border: 1px solid #000;
	border-radius: 50%;
	background: #e6e6e6
}
.preferences_area .preferences_box .preferences_list .radio-input:checked+label::after {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 5px;
	width: 11px;
	height: 11px;
	background: #595757;
	border-radius: 50%
}
.preferences_area .preferences_box .preferences_list .checkbox-parts {
	padding-left: 30px;
	position: relative;
	margin-right: 0
}
.preferences_area .preferences_box .preferences_list .checkbox-parts::before {
	content: "";
	display: block;
	position: absolute;
	top: -2px;
	left: 0;
	width: 19px;
	height: 19px;
	border: 1px solid #000;
	background: #e6e6e6
}
.preferences_area .preferences_box .preferences_list .checkbox-input:checked+.checkbox-parts::after {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: 7px;
	width: 5px;
	height: 12px;
	transform: rotate(40deg);
	border-bottom: 4px solid #000;
	border-right: 4px solid #000
}
@media screen and (min-width:769px) and (max-width:1280px) {
	.acd_search {
		width: 100%
	}
}
@media screen and (max-width:768px) {
	.acd_search {
		padding: 0;
		width: 100%
	}
	.acd_search dl {
		margin-bottom: 8vw
	}
	.acd_search dl dt {
		padding: 5.333vw;
		font-size: 4.8vw;
		line-height: 7.2vw;
		background-color: #e6e6e6;
		cursor: pointer
	}
	.acd_search dl dt .toggle {
		display: block;
		position: absolute;
		right: 2vw;
		top: 5.859vw
	}
	.acd_search dl dd {
		padding: 4.666vw;
		font-size: 3.385vw;
		line-height: 5.333vw
	}
	.preferences_area .preferences_box {
		width: 100%;
		font-size: 3.385vw
	}
	.preferences_area .preferences_box:last-of-type {
		padding: 0;
		border-left: 0
	}
	.preferences_area .preferences_box .preferences_list li {
		margin-bottom: 7.812vw;
		width: 30vw
	}
	.preferences_area .preferences_box .preferences_list li.preferences_tit {
		margin-bottom: 4.427vw;
		width: 100%;
		font-size: 4.687vw
	}
	.preferences_area .preferences_box .preferences_list .radio-input+label {
		padding-left: 9.114vw
	}
	.preferences_area .preferences_box .preferences_list .radio-input+label::before {
		top: -2vw;
		left: 0;
		width: 6.510vw;
		height: 6.510vw
	}
	.preferences_area .preferences_box .preferences_list .radio-input:checked+label::after {
		top: -0.5vw;
		left: 1.6vw;
		width: 3.906vw;
		height: 3.906vw
	}
	.preferences_area .preferences_box .preferences_list .checkbox-parts {
		padding-left: 9.114vw
	}
	.preferences_area .preferences_box .preferences_list .checkbox-parts::before {
		top: -2vw;
		left: 0;
		width: 6.510vw;
		height: 6.510vw
	}
	.preferences_area .preferences_box .preferences_list .checkbox-input:checked+.checkbox-parts::after {
		top: -1vw;
		left: 2.5vw;
		width: 1.302vw;
		height: 3.125vw
	}
	#iSearch-result .i_search_url {
		display: none
	}
}
.acd_search dl dt.open .toggle_button {
	display: none
}
.acd_search dl dt .toggle_button_open {
	display: none
}
.acd_search dl dt.open .toggle_button_open {
	display: block
}
.comp-065 .loader {
	height: 40px;
	left: 50%;
	margin: -20px 0 0 -20px;
	position: absolute;
	right: 0;
	top: 50%;
	width: 40px;
	z-index: 800
}
.comp-065 .loader .loader-load {
	background: url(../../%E3%83%9B%E3%83%BC%E3%83%A0%20_%20KIOXIA_files/images/bxslider/bx-loader.gif) no-repeat 50% 50%;
	cursor: pointer;
	height: 40px;
	left: 50%;
	margin: 50px 0 0 0;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 40px;
	z-index: 800
}
.comp-065 .loader .loader-overlay {
	bottom: 0;
	display: none;
	height: 100%;
	left: 0;
	-webkit-opacity: .6;
	-khtml-opacity: .6;
	-moz-opacity: .6;
	-ms-opacity: .6;
	-o-opacity: .6;
	-ms-filter: "alpha(opacity=60)";
	filter: alpha(opacity=60);
	opacity: .6;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}
.comp-065 .loader.hide {
	display: none !important
}
.comp-065 .loader.overlay {
	bottom: 0;
	height: 100%;
	left: 0;
	margin: 0;
	right: 0;
	top: 0;
	width: 100%
}
.comp-065 .loader.overlay .loader-overlay {
	display: block
}

.comp-066 input[type="text"] {
	font-size: 12px;
	padding: 5px;
	height: 25px
}
.comp-066 .srJobListJobOdd *,
.comp-066 .srJobListJobEven * {
	font-size: 12px
}
.comp-066 .srJobListJobOdd td:last-of-type:after,
.comp-066 .srJobListJobEven td:last-of-type:after {
	content: "";
	background: url("../images/ico-new-window-off.png") no-repeat right center / 20px;
	width: 20px;
	height: 20px;
	float: right
}
.comp-066 .srJobListJobOdd:hover td:last-of-type:after,
.comp-066 .srJobListJobEven:hover td:last-of-type:after {
	background: url("../images/ico-new-window-on.png") no-repeat right center / 20px;
	transition-duration: .7s;
	-webkit-transition: .7s;
	-moz-transition: .7s;
	-o-transition: .7s;
	transition: .7s
}

#prod_header {
	max-width: 1060px
}
#prod_header h1 {
	padding-top: 90px;
	padding-bottom: 90px
}
#prod_header p.prod_category {
	border-bottom: 1px dashed #949494
}
@media screen and (min-width:769px) {
	#prod_header {
	width:100%;
	max-width:1280px
	}
}
@media screen and (max-width:768px) {
	#prod_header {
		width: 100%
	}
	#prod_header h1 {
		padding: 0;
		margin-bottom: 5.208vw
	}
}

#prod_description #description table.table-normal th {
	width: 36%
}
#prod_description #description table.table-normal td {
	text-align: left
}
#prod_description table.table-normal {
	margin-bottom: 0
}
#prod_description .description_notes {
	text-align: right
}

#prod_specification #package table.table-normal th {
	width: 36%
}
#prod_specification #package table.table-normal td {
	text-align: left
}
#prod_specification #max_ratings table.table-normal th:nth-of-type(1) {
	width: 40%
}
#prod_specification #max_ratings table.table-normal th:nth-of-type(2) {
	width: 20%
}
#prod_specification #max_ratings table.table-normal th:nth-of-type(3) {
	width: 30%
}
#prod_specification #max_ratings table.table-normal th:nth-of-type(4) {
	width: 10%
}
#prod_specification #ele_charac table.table-normal th:nth-of-type(1) {
	width: 30%
}
#prod_specification #ele_charac table.table-normal th:nth-of-type(2) {
	width: 14%
}
#prod_specification #ele_charac table.table-normal th:nth-of-type(3) {
	width: 30%
}
#prod_specification #ele_charac table.table-normal th:nth-of-type(4) {
	width: 16%
}
#prod_specification #ele_charac table.table-normal th:nth-of-type(5) {
	width: 10%
}
#prod_specification .note_properties {
	width: 100%;
	padding-bottom: 8px;
	margin-top: -15px
}
#prod_specification #supplyVoltage table.table-normal th:nth-of-type(1) {
	width: 40%
}
#prod_specification #supplyVoltage table.table-normal th:nth-of-type(2) {
	width: 20%
}
#prod_specification #supplyVoltage table.table-normal th:nth-of-type(3) {
	width: 30%
}
#prod_specification #supplyVoltage table.table-normal th:nth-of-type(4) {
	width: 10%
}
#prod_specification #prod_descr table.table-normal th:nth-of-type(1) {
	width: 65%
}
#prod_specification #prod_descr table.table-normal th:nth-of-type(2) {
	width: 25%
}
#prod_specification #prod_descr table.table-normal th:nth-of-type(3) {
	width: 10%
}
#prod_specification #specific table.table-normal th:nth-of-type(1) {
	width: 50%
}
#prod_specification #specific table.table-normal th:nth-of-type(2) {
	width: 40%
}
#prod_specification #specific table.table-normal th:nth-of-type(3) {
	width: 10%
}
#prod_specification #features table.table-normal th {
	width: 50%
}

#prod_document #documents table.table-normal th {
	width: 30%
}
#prod_document #documents table.table-normal td {
	text-align: left
}

#back_to_list {
	float: right
}
#back_to_list a .btn_more {
	display: block;
	padding: 12px 0;
	width: 140px;
	text-align: center;
	line-height: 1;
	position: absolute;
	right: 0;
	bottom: 0
}
#back_to_list .btn_more span.more_text {
	display: block
}
.page_cookie_box {
	margin: 0 auto;
	width: 100%;
	font-size: 1.125rem;
	line-height: 1.875rem;
	background: #fff;
	position: relative
}
.page_cookie_box .cookie_list {
	padding: 50px 0 0;
	justify-content: center
}
.page_cookie_box .cookie_list li {
	margin: 0 43px
}
@media screen and (max-width:768px) {
	.page_cookie_box {
		padding: 7.812vw 0;
		width: 100%;
		font-size: 3.385vw;
		line-height: 5.208vw;
		box-sizing: border-box
	}
.page_cookie_box .icon-modal_close {
	width: 5.729vw;
	height: 5.729vw;
	background-size: 5.729vw;
	right: 1.432vw;
	top: 1.562vw
}
.page_cookie_box .cookie_list {
	padding: 8.854vw 0 0;
	justify-content: center
}
.page_cookie_box .cookie_list li {
	margin: 0 8vw 4vw
}
}
#cookie {
	display: none;
	padding: 0
}

/* index(newsHeadLine)/news */
@media screen and (min-width:769px) {
	.inner {max-width: 1060px; padding-left: 110px; padding-right: 110px; margin: auto; }
	.newsHeadLine__inner {display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 28px 30px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.newsHeadLine__ticker { width: 80%; overflow: hidden; }
	/* .newsHeadLine__list {  } */
	.newsHeadLine__list>li { margin-bottom: 23px; }
	.newsHeadLine__list>li:last-child { margin-bottom: 0; }
	.newsHeadLine__desc { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
	.newsHeadLine__date { padding-right: 6px; font-size: 14px; font-size: .875rem; }
	.newsHeadLine__tag{min-width:100px;height:20px;padding:0 10px;background:#e6e6e6;font-size:12px;font-size:.75rem;text-align:center;line-height:1.6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	.textlink2 { font-size: 16px; font-size: 1rem; line-height: 1.5; }
	.textlink2>a { display: inline-block; color: #000; position: relative; padding-left: 18px; }
	.textlink2>a:before {content:'';display:inline-block;width:6px;height:10px;background:url(../images/icon_arrow2.svg) no-repeat center/6px 10px;vertical-align:-2px;margin-right:8px;position:absolute;top:7px;left:3px; }
	.textlink2>a:hover { text-decoration: none; opacity: .7; }
	.newsHeadLine__inner .textlink { margin-left: auto; padding-top: 6px; }
	.textlink { font-size:16px;font-size:1rem;line-height:1.5; }
	.textlink>a { display:inline-block;color:#000;position:relative;padding-left:24px;font-weight:bold; }
	.textlink>a:before { content:'';display:inline-block;width:16px;height:16px;background:url(../images/icon_arrow.svg) no-repeat 0 0/contain;margin-right:8px;position:absolute;top:4px;left:0; }
	textlink>a:hover { text-decoration: none; }
	.newsList__list>dl { display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-top:1px solid silver; }
	.newsList__list>dl:first-child{border:0; }
	.newsList__list>dl:first-child>dt { padding:0 12px 23px 0; }
	.newsList__list>dl:first-child>dt+dd { padding:0 0 23px 12px; }
	.newsList__list>dl>dt { display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:25px 12px 23px 0;white-space:nowrap; }
	.newsList__list>dl>dd { padding:24px 0 23px 12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
	.newsList__list>dl .textlink { margin-left:auto; }
	.newsList__list>dl .textlink2 { font-size:16px;font-size:1rem;line-height:1.5; }
	.newsList__list>dl .textlink2>a { display:inline-block;color:#000;position:relative;padding-left:18px; }
	.newsList__list>dl .textlink2>a:before { content:'';display:inline-block;width:6px;height:10px;background:url(../images/icon_arrow2.svg) no-repeat center/6px 10px;vertical-align:-2px;margin-right:8px;position:absolute;top:7px;left:3px; }
	.newsList__list>dl .textlink2>a:hover { text-decoration:none; }
	.newsList__list>dl .textlink2.large>a:before { top:8px; }
	.newsList__list>dl .textlink2>a { width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:2; }
	.newsList__list>dl .textlink2>a:before { top:11px; }
	.newsList__date { padding:2px 3px 0;font-size:14px;font-size:.875rem; }

	.comp-006 h2,.comp-006 h3,.comp-006 h4,.comp-006 h5 { padding-top: 30px; padding-bottom: 20px; }
}
@media screen and (max-width:768px) {
	.inner { padding-left: 5.33333vw; padding-right: 5.33333vw; }
	.newsHeadLine__inner { padding:8vw 5.33333vw 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
	.newsHeadLine__inner .textlink { padding-top:2.66667vw;text-align:right; }
	.newsHeadLine__ticker { overflow:hidden; }
	/* .newsHeadLine__list {  } */
	.newsHeadLine__list>li { margin-bottom: 4vw; }
	.newsHeadLine__list>li:last-child { margin-bottom: 0; }
	.newsHeadLine__desc { display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; }
	.newsHeadLine__date { padding-right:2.13333vw;font-size:3.73333vw; }
	.newsHeadLine__tag{min-width:26.66667vw;margin-left:auto;padding:.26667vw 2.13333vw;background:#e6e6e6;font-size:3.2vw;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	.textlink2 { font-size:4.26667vw;line-height:1.5; }
	.textlink2>a { display:inline-block;color:#000;position:relative;padding-left:3.2vw; }
	.textlink2>a:before { content:'';display:inline-block;width:1.6vw;height:2.8vw;background:url(../images/icon_arrow2.svg) no-repeat center/1.6vw 2.8vw;margin-right:1.06667vw;position:absolute;top:1.33333vw;left:0; }
	.textlink2>a:hover { text-decoration: none; }
	.textlink { font-size:4.26667vw;line-height:1.5; }
	.textlink>a { display:inline-block;color:#000;position:relative;padding-left:6.66667vw;font-weight:bold; }
	.textlink>a:before { content:'';display:inline-block;width:4.26667vw;height:4.26667vw;background:url(../images/icon_arrow.svg) no-repeat 0 0/contain;vertical-align:-0.53333vw;margin-right:2.13333vw;position:absolute;top:1.06667vw;left:0; }
	.textlink>a:hover { text-decoration:none; }
	.newsList__list>dl { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-top:1px solid silver}
	.newsList__list>dl:first-child { border:0; }
	.newsList__list>dl:first-child>dt { padding-top:0; }
	.newsList__list>dl>dt { display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding-top:5.33333vw}
	.newsList__list>dl>dd { padding:2vw 0 4vw; }
	.newsList__list>dl .textlink { padding-top:2.66667vw;text-align:right; }
	.newsList__list>dl .textlink>a { font-size:4.26667vw; }
	.newsList__list>dl .textlink>a:before { top:2.4vw; }
	.newsList__date { padding-right:2.13333vw;font-size:3.73333vw; }

	.comp-006 h2,.comp-006 h3,.comp-006 h4,.comp-006 h5 { padding-top: 5.078vw; padding-bottom: 3.385vw; }
}
.light_gray-level2 { background: #d4d4d4; color:#000; }
/* end of index(newsHeadLine)/news */

/* add */
.mg-center {
	margin-left: auto;
	margin-right: auto;
}
.btn--regular {
    text-align: center;
	width: fit-content;
}
.btn--regular .cmp-btn {
	position: relative;
	color: #000000;
	width: 100%;
	min-height: 50px;
	padding: 10px 25px 10px 40px;
	box-sizing: border-box;
	display: block;
	background: #ffffff;
	transition: background .2s ease;
	border: 1px solid #000000;
	text-decoration: none;
}
.btn--regular .cmp-btn:visited {
	color: #8e5890;
}
.btn--regular .cmp-btn:hover {
	background: #f2f2f2;
}
.btn--regular .cmp-btn:focus-visible {
	background: #f2f2f2;
}
@media only screen and (max-width: 768px){
	.btn--regular {
		width: auto;
	}
}
.cmp-btn__inr {
	position: relative;
	display: inline;
  }
.cmp-btn__inr:before {
	content: '';
	display: block;
	width: 16px;
	height: 10px;
	background: url('../images/ico-next.png') no-repeat left center / 6px 10px;
	position: absolute;
	top: calc(50% - 5px);
	left: -15px;
}
.icon--external {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	vertical-align: -3px;
}
.icon--external img {
	position: static;
	width: 20px;
	height: 20px;
}
.tech-btn {margin: 0 5%;}
.tech {
	background-color: #f2f2f2 !important;
}
.tech-txt {
	margin-left: 10%;
	padding: 5px 10px;
}
.sp-menu-icon-win {
	padding: 0 1.5em 0 0 !important;
	background: url(../images/ico-new-window-off.png) no-repeat right center / 1.2em !important;
	width: fit-content !important;
}
#tech_banner .banner_txt_box>.title {font-size: 1.7rem;}
@media screen and (max-width:768px) {
	#tech_banner .banner_txt_box>.title {font-size: 5.2vw;}
}
h2 {
	text-decoration: underline;
	text-decoration-color: #b2b2b2;
	text-decoration-thickness: 0.15em;
	text-underline-offset:  0.25em;
	line-height: normal;
}
.print_header {
	display: none;
	padding: 20px 40px 0;
	width: 100%;
	max-width: 1280px;
	margin: auto;
}
.print_header .logo {
	margin: 0 50px 0 0;
	width: 150px;
	line-height: 0
}
.print_header .print_identifier {
	letter-spacing: -0.01rem;
    font-size: 24px;
	font-weight: bold;
	margin: auto 0;
}
.print_footer {
	display: none;
	width: 100%;
	margin: 0 auto;
	max-width: 1280px;
	background-color: #e6e6e6 !important;

}
.print_footer .copyright{
	margin: 10px 20px 10px auto;
}
@media print {
	#header, #footer {
		display: none;
	}
	body {
		zoom: 0.75;
	}
	.print_header{
		display: flex;
	}
	.print_footer {
		display: flex;
		-webkit-print-color-adjust: exact;
	}
}

.video-img{
	position: relative;
}
.video-img::after{
	--a: 15%;
	width: var(--a);
	height: 100vw;
	margin: calc(50% - var(--a) * 2) calc(-50% - (var(--a) / 2));
	position: absolute;
   content: '';
   background: url(../images/ico-video.svg) no-repeat 0 0/100% auto;
}

@page {
	size: A4 portrait;
}