@charset "utf-8";


/* ----------------------------------------------------------------------
 * RESET
 * ---------------------------------------------------------------------- */
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,
input,
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,
:before,
:after {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	vertical-align: bottom;
	box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
	display: block;
}

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

.g-body {
	color: #666;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: 'Noto Sans JP';
	font-weight: 400;
	font-feature-settings: pkna;
	line-height: 1.35;
	letter-spacing: .1em;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	width: 100%;
	min-width: 1000px;
	height: 100%;
	margin: 0;
	padding: 0;
	background: white;
	position: relative;
	cursor: default;
	overflow-x: hidden;
}

input,
textarea,
button,
select,
option,
textarea {
	font-family: 'Noto Sans JP';
	margin: 0;
	padding: 0;
	outline: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

a,
a:before,
a:after,
a img,
input[type='image'],
input[type='submit'] {
	color: #666;
	text-decoration: none;
	transition: .2s;
	backface-visibility: hidden;
}

a:visited {
	color: #e58484;
}

a:visited:hover,
a:hover,
a:hover img,
input[type='image']:hover {
	color: #d32500;
	text-decoration: underline;
}

a:focus {
	outline: none;
}

img {
	max-width: 100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
}

button {
	margin:0;
	padding:0;
	border:0;
	background:transparent;
}

sub {
	vertical-align: sub;
}

::selection {
	color: #333;
	background: rgba(230,40,0,.1);
}

::-moz-selection {
	color: #333;
	background: rgba(230,40,0,.1);
}

::-webkit-scrollbar {
	width: 8px;
	background: rgba(0, 0, 0, .15);
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .25);
}



/* ----------------------------------------------------------------------
 * GLOBAL - UTILITY
 * ---------------------------------------------------------------------- */
.u-inner {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}

.u-show-mobile {
	display: none;
}

.u-hide-mobile {
	display: inline-block;
}

.u-cover {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.25);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	visibility: hidden;
	opacity: 0;
	transition: .2s .2s;
	/*backdrop-filter: blur(2px) contrast(100%);*/
}

.isViewGnav .u-cover {
	visibility: visible;
	opacity: 1;
}

.u-fontbold {
	font-weight: 700 !important;
}

.u-font-serif {
	font-family: 'Noto Serif JP', serif;
}

.u-font-TC {
	font-family: 'Noto Sans TC', sans-serif;
}

.u-contents {
	margin-bottom: 10%;
}

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

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

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

.u-float-right {
	float: right !important;
}

.u-float-left {
	float: left !important;
}

.u-color-black {
	color: black;
}

.u-color-red {
	color: #e00000;
}

.u-color-orange {
	color: #d32500;
}




/* ------------------------------------------------------------------------------------------------
 * Parts Template
 * ------------------------------------------------------------------------------------------------ */
.u-title-page {
	font-size: 4rem;
	font-weight: 700;
}

.u-title-hi {
	color: #d32500;
	font-size: 2.4rem;
	margin-bottom: 5.00%;
	padding: 10px 10px 10px 15px;
	border-left: 5px solid #d32500;
}

.u-title-mid {
	color: #333;
	font-size: 2.2rem;
	margin-bottom: 1.42%;
	padding-top: .5em;
}

.u-title-low {
	color: #333;
	font-weight: 700;
	margin-bottom: .71%;
}

.u-title-low.isLine {
	color: #333;
	text-align: left;
	padding: 0 0 5px;
	display: block;
	border-bottom: 1px solid black;
}

.u-title-border {
	padding: 0 0 5px;
	border-bottom: 1px solid black;
}


/* Template text */
.u-text {
	line-height: 1.75;
	letter-spacing: .075em;
	margin-bottom: 2.85%;
}

.u-text-indent {
	text-indent: 1em;
}

.u-text-indent3 {
	text-indent: -1.25em;
	padding-left: 1.25em;
}

.u-note {
	font-size: 1.3rem;
	line-height: 1.5;
	padding-left: 2em;
	position: relative;
}

.u-note__asterisk {
	position: absolute;
	top: 0;
	left: 0;
}








/* Template Table */
.u-table-corner__title {
	color: #333;
	text-align: left;
	padding: 0 0 5px;
	display: block;
	border-bottom: 1px solid black;
}

.u-table-corner table {
	width: 100%;
	border: 1px solid #C1C7C7;
	border-radius: .25em;
}

.u-table-corner th {
	color: #333;
	font-weight: 400;
	text-align: left;
	vertical-align: top;
	width: 25%;
	padding: 1.15em .5em 1.15em 1.15em;
	border-top: 1px dashed #C1C7C7;
	background: #F0F0F0;
	position: relative;
}

.u-table-corner tr:nth-of-type(1) th,
.u-table-corner tr:nth-of-type(1) td {
	border: 0;
}

.u-table-corner .isHead th {
	padding-left: 0;
	border-top: 0;
}

.u-table-corner td {
	vertical-align: middle;
	padding: 1.15em .5em;
	border-top: 1px dashed #C1C7C7;
}

.u-table-corner td table {
	width: calc(100% + .5em);
	margin: -.65em 0 -.65em -.5em;
	border: 0;
	border-radius: 0;
}

.u-table-corner td table th {
	vertical-align: middle;
	width: 10em;
	padding: .25em .5em;
	background: transparent;
}

.u-table-corner td table tr:not(:first-child) th {
	border-top: 1px dashed #C1C7C7 !important;
}

.u-table-corner td table td {
	padding: .25em .5em;
	background: transparent;
}

.u-table-corner td table tr:not(:first-child) td {
	border-top: 1px dashed #C1C7C7;
}



/* Template link */
.u-link-arrow:after {
	content: '';
	vertical-align: 0;
	width: 8px;
	height: 12px;
	margin: 0 0 0 .5em;
	display: inline-block;
	background: url("/_assets/img/common/arrow-orange-01.svg") no-repeat center top / cover;
}

.u-link-window:after {
	content: '';
	vertical-align: 0;
	width: 13px;
	height: 13px;
	margin: 0 0 0 .5em;
	display: inline-block;
	background: url("/_assets/img/common/icon-window-01.svg") no-repeat center top / cover;
}

.u-link-pdf:after {
	content: '';
	vertical-align: -.15em;
	width: 18px;
	height: 18px;
	margin: 0 0 0 .5em;
	display: inline-block;
	background: url("/_assets/img/common/icon-pdf-02.png") no-repeat center top / cover;
}

.u-link-anchor:after {
	content: '';
	vertical-align: 0;
	width: 12px;
	height: 8px;
	margin: 0 0 0 .25em;
	display: inline-block;
	background: url("/_assets/img/common/arrow-orange-01-down.svg") no-repeat center top / auto 100%;
	position: relative;
}

.u-button-basic a,
.u-button-basic a:visited {
	color: black;
	font-weight: 700;
	max-width: 190px;
	min-height: 55px;
	display: block;
	border: 1px solid #808080;
	border-radius: .25em;
	position: relative;
}

.u-button-basic a:after {
	content: '';
	width: 8px;
	height: 12px;
	display: inline-block;
	background: url("/_assets/img/common/arrow-orange-01.svg") no-repeat center top / cover;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	transition: none;
}

.u-button-basic a:hover {
	color: white;
	background: #d32500;
	border-color: #d32500;
}

.u-button-basic a:hover:after {
	background-image: url("/_assets/img/common/arrow-white-01.svg");
}

.u-button-basic a em {
	padding-left: 20px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.u-button-basic a em small {
	font-size: 1.3rem;
	letter-spacing: 0;
}

.u-button-basic a.is-icon-window:after {
	width: 12px;
	height: 12px;
	background: url("/_assets/img/common/icon-window-01.svg") no-repeat center / cover;
}

.u-button-basic a.is-icon-window:hover:after {
	background-image: url("/_assets/img/common/icon-window-02-white.svg");
}

.u-flex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.u-flex.isFlex2 > * { width: calc(100% / 2); }
.u-flex.isFlex3 > * { width: calc(100% / 3); }
.u-flex.isFlex4 > * { width: calc(100% / 4); }
.u-flex.isFlex5 > * { width: calc(100% / 5); }
.u-flex.isFlex6 > * { width: calc(100% / 6); }
.u-flex.isFlex7 > * { width: calc(100% / 7); }
.u-flex.isFlex8 > * { width: calc(100% / 8); }
.u-flex.isFlex9 > * { width: calc(100% / 9); }
.u-flex.isFlex10 > * { width: calc(100% / 10); }

.u-flex.isNegativeMargin {
	margin-right: -2.15%;
	margin-left: -2.15%;
}

.u-flex__inner {
	padding-right: 2.15%;
	padding-left: 2.15%;
}



/* Template Fontsize */
.u-fontsize10 { font-size: 1.0rem !important; }
.u-fontsize11 { font-size: 1.1rem !important; }
.u-fontsize12 { font-size: 1.2rem !important; }
.u-fontsize13 { font-size: 1.3rem !important; }
.u-fontsize14 { font-size: 1.4rem !important; }
.u-fontsize15 { font-size: 1.5rem !important; }
.u-fontsize16 { font-size: 1.6rem !important; }
.u-fontsize17 { font-size: 1.7rem !important; }
.u-fontsize18 { font-size: 1.8rem !important; }
.u-fontsize19 { font-size: 1.9rem !important; }
.u-fontsize20 { font-size: 2.0rem !important; }
.u-fontsize21 { font-size: 2.1rem !important; }
.u-fontsize22 { font-size: 2.2rem !important; }
.u-fontsize23 { font-size: 2.3rem !important; }
.u-fontsize24 { font-size: 2.4rem !important; }
.u-fontsize25 { font-size: 2.5rem !important; }
.u-fontsize26 { font-size: 2.6rem !important; }
.u-fontsize27 { font-size: 2.7rem !important; }
.u-fontsize28 { font-size: 2.8rem !important; }
.u-fontsize29 { font-size: 2.9rem !important; }
.u-fontsize30 { font-size: 3.0rem !important; }
.u-fontsize31 { font-size: 3.1rem !important; }
.u-fontsize32 { font-size: 3.2rem !important; }
.u-fontsize33 { font-size: 3.3rem !important; }
.u-fontsize34 { font-size: 3.4rem !important; }
.u-fontsize35 { font-size: 3.5rem !important; }
.u-fontsize36 { font-size: 3.6rem !important; }
.u-fontsize37 { font-size: 3.7rem !important; }
.u-fontsize38 { font-size: 3.8rem !important; }
.u-fontsize39 { font-size: 3.9rem !important; }
.u-fontsize40 { font-size: 4.0rem !important; }


/* Template Spacer */
.u-mgb5 { margin-bottom: 0.71% !important; }
.u-mgb10 { margin-bottom: 1.42% !important; }
.u-mgb15 { margin-bottom: 2.14% !important; }
.u-mgb20 { margin-bottom: 2.85% !important; }
.u-mgb25 { margin-bottom: 3.57% !important; }
.u-mgb30 { margin-bottom: 4.28% !important; }
.u-mgb35 { margin-bottom: 5.00% !important; }
.u-mgb40 { margin-bottom: 5.71% !important; }
.u-mgb45 { margin-bottom: 5.71% !important; }
.u-mgb50 { margin-bottom: 7.14% !important; }
.u-mgb60 { margin-bottom: 8.57% !important; }
.u-mgb70 { margin-bottom: 10.00% !important; }
.u-mgb80 { margin-bottom: 11.42% !important; }
.u-mgb90 { margin-bottom: 12.85% !important; }
.u-mgb100 { margin-bottom: 14.28% !important; }

.u-mgl5 { margin-left: 0.71% !important; }
.u-mgl10 { margin-left: 1.42% !important; }
.u-mgl15 { margin-left: 2.14% !important; }
.u-mgl20 { margin-left: 2.85% !important; }
.u-mgl25 { margin-left: 3.57% !important; }
.u-mgl30 { margin-left: 4.28% !important; }
.u-mgl35 { margin-left: 5.00% !important; }
.u-mgl40 { margin-left: 5.71% !important; }
.u-mgl45 { margin-left: 5.71% !important; }
.u-mgl50 { margin-left: 7.14% !important; }
.u-mgl60 { margin-left: 8.57% !important; }
.u-mgl70 { margin-left: 10.00% !important; }
.u-mgl80 { margin-left: 11.42% !important; }
.u-mgl90 { margin-left: 12.85% !important; }
.u-mgl100 { margin-left: 14.28% !important; }

.u-pdt0 { padding-top: 0 !important; }
.u-pdt5 { padding-top: 0.71% !important; }
.u-pdt10 { padding-top: 1.42% !important; }
.u-pdt15 { padding-top: 2.14% !important; }
.u-pdt20 { padding-top: 2.85% !important; }
.u-pdt25 { padding-top: 3.57% !important; }
.u-pdt30 { padding-top: 4.28% !important; }
.u-pdt35 { padding-top: 5.00% !important; }
.u-pdt40 { padding-top: 5.71% !important; }
.u-pdt45 { padding-top: 5.71% !important; }
.u-pdt50 { padding-top: 7.14% !important; }
.u-pdt60 { padding-top: 8.57% !important; }
.u-pdt70 { padding-top: 10.00% !important; }
.u-pdt80 { padding-top: 11.42% !important; }
.u-pdt90 { padding-top: 12.85% !important; }
.u-pdt100 { padding-top: 14.28% !important; }

.u-width5 { width: 5% !important; }
.u-width10 { width: 10% !important; }
.u-width15 { width: 15% !important; }
.u-width20 { width: 20% !important; }
.u-width25 { width: 25% !important; }
.u-width30 { width: 30% !important; }
.u-width35 { width: 35% !important; }
.u-width40 { width: 40% !important; }
.u-width45 { width: 45% !important; }
.u-width50 { width: 50% !important; }
.u-width55 { width: 55% !important; }
.u-width60 { width: 60% !important; }
.u-width65 { width: 65% !important; }
.u-width70 { width: 70% !important; }
.u-width75 { width: 75% !important; }
.u-width80 { width: 80% !important; }
.u-width85 { width: 85% !important; }
.u-width90 { width: 90% !important; }
.u-width95 { width: 95% !important; }
.u-width100 { width: 100% !important; }




.u-list li {
	line-height: 1.5;
	position: relative;
}

.u-list.isListDisc li {
	margin: 0 0 .25em;
	padding-left: 1.25em;
}

.u-list.isListDisc li:before {
	content: '';
	width: .5em;
	height: .5em;
	background: #bbb;
	display: block;
	border-radius: 50%;
	position: absolute;
	top: .45em;
	left: 0;
}

.u-page-menu {
	padding: 30px;
	padding-bottom: calc(30px - 1em);
	background: #f0f0f0;
}

.u-page-menu li {
	margin: 0 0 1em;
}

.u-list-dl {
	border: 1px solid #C1C7C7;
	border-radius: .25em;
}

.u-list-dl dt {
	color: #333;
	padding: 1.15em;
	background: #F0F0F0;
	border-top: 1px dashed #C1C7C7;
}

.u-list-dl dd {
	padding: 1.15em .5em 1.15em 1em;
	border-top: 1px dashed #C1C7C7;
}

.u-list-dl dt:first-of-type,
.u-list-dl dd:first-of-type {
	border: 0;
}




.u-related-article {
	padding: 2.5rem 3rem 1.75rem 3rem;
	background: #F0F0F0;
}








.ui-widget {
	font-family: 'Noto Sans JP';
}

.u-tabs.ui-widget.ui-widget-content {
	font-size: 1.6rem;
	padding: 0;
	border: 1px solid #C1C7C7;
	border-radius: .25em;
	overflow: hidden;
}

.u-tabs .ui-widget-header {
	margin-right: -1px;
	margin-left: -1px;
	padding: 0;
	background: #F0F0F0;
	border: 0;
	border-radius: 0;
	justify-content: space-between;
}

.ui-tabs .ui-tabs-nav li {
	flex:1;
	margin: 0;
	padding: 0;
	float: none;
	border-radius: 0;
	border: 0;
	background: transparent;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	color: #333;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0;
	padding: 1.25em 0;
	border-bottom: 1px solid #C1C7C7;
	border-left: 1px solid #C1C7C7;
	display: block;
	float: none;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover {
	color: #d32500;
}

.ui-tabs .ui-tabs-nav li:first-of-type .ui-tabs-anchor {
	border-left: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	color: #d32500;
	font-weight: 700;
	background: white;
	border-bottom: 1px solid white;
}

.ui-tabs .ui-tabs-panel {
	padding: 5.71% 3.5% 4.28%;
}

.ui-tabs .ui-tabs-panel * {
	color: #666;
}

.u-accordion {
	border: 1px solid #C1C7C7;
	border-radius: .25em;
	overflow: hidden;
}

.u-accordion__trigger {
	font-size: 1.6rem;
	font-weight: 700;
	margin: 0;
	padding: 1.25em 0 1.25em 2rem;
	border-top: 1px solid #C1C7C7;
	background: #F0F0F0;
	border-radius: 0;
	position: relative;
	transition: .2s;
	cursor: pointer;
}

.u-accordion__trigger:hover {
	color: #d32500;
}

.u-accordion__trigger:first-of-type {
	border-top: 0;
}

.u-accordion__trigger.is-open {
	color: #D32500;
}

.u-accordion__trigger:before,
.u-accordion__trigger:after {
	content: '';
	width: 12px;
	height: 2px;
	background: #d32500;
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	transition: .2s;
}

.u-accordion__trigger:after {
	transform: translateY(-50%) rotate(90deg);
}

.u-accordion__trigger.is-open:after {
	transform: translateY(-50%) rotate(0deg);
}

.u-accordion__inner {
	position: relative;
}

.u-accordion__inner-child {
	padding: 5.71% 3.5% 4.28%;
	border-top: 1px dashed #C1C7C7;
}

.u-accordion__inner:after {
	content: '';
	width: 100%;
	height: 0;
	display: block;
	border-bottom: 1px dashed #C1C7C7;
	position: absolute;
	top: 0;
	left: 0;
}







/* ----------------------------------------------------------------------
 * LAYOUT
 * ---------------------------------------------------------------------- */
.g-wrapper {
	padding: 90px 0 0;
}

.isViewGnav .g-wrapper {
	/*filter: saturate(50%) brightness(200%);*/
}

.g-container {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px 60px;
	justify-content: space-between;
}

.g-content {
	width: 70%;
}

.g-main-visual {
	padding: 100px 0;
}




/* 扉ページ レイアウト */
.is-index-page .g-wrapper:before {
	content: '';
	width: 1212px;
	height: 472px;
	background: url("/_assets/img/common/index-bg-01.png") no-repeat top left / cover;
	position: absolute;
	top: 90px;
	left: calc(50% - 180px);
	z-index: 0;
}

.is-index-page .u-title-page {
	font-size: 5.6rem;
	padding: .45em 0 0;
}

.is-index-page .u-title-page:before {
	content: attr(data-en)'';
	color: #d32500;
	font-family: 'Dosis';
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: .25em;
	position: absolute;
	top: 0;
	left: 30px;
}

.is-index-page .u-title-page:after {
	content: '';
	width: 20px;
	height: 20px;
	border: 5px solid #d32500;
	border-radius: 50%;
	position: absolute;
	top: -.05em;
	left: 0;
}

.c-index-page__pickup {
	padding: 9% 0;
}

.c-index-page__pickup h2 {
	color: #333;
	font-size: 1.8rem;
	margin: 0 0 3%;
}

.c-index-page__pickup .u-text {
	padding: 0 0 3%;
}

.c-index-page__image {
	position: absolute;
}

.c-index-nav ul {
	margin: 0 -2% 10%;
}

.c-index-nav ul li {
	padding: 0 2% 6%;
}

.c-index-nav ul li a,
.c-index-nav ul li a:hover {
	color: #333;
	text-decoration: none;
	display: block;
	position: relative;
}

.c-index-nav figure {
	padding: 73.5% 0 0;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.c-index-nav figure.border {
	border: 1px solid #ccc;
}

.c-index-nav figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: .6s;
}

.c-index-nav a:hover figure img {
	transform: translate(-50%,-50%) scale(1.05);
}

.c-index-nav em {
	font-size: 1.8rem;
	padding: 5.5% 75px 0 0;
	display: block;
}

.c-index-nav .c-index-nav__button {
	width: 16%;
	display: inline-block;
	margin: 65% 0 0;
	position: absolute;
	top: 0;
	right: 6%;
	z-index: 10;
}

.c-index-nav .c-index-nav__button:before {
	content: '';
	width: 100%;
	padding-top: calc(100% - 4px);
	display: block;
	background-color: #d32500;
	border-radius: 50%;
	border: 2px solid #fff;
	transition: .2s;
}

.c-index-nav a:hover .c-index-nav__button:before {
	background-color: white;
	border: 2px solid #d32500;
}

.c-index-nav .c-index-nav__button:after {
	content: '';
	width: 17%;
	margin: 36% 0 0;
	padding: 25% 0 0;
	display: block;
	background: url("/_assets/img/common/arrow-white-01.svg") no-repeat center / 100% 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}


.c-index-nav  a:hover .c-index-nav__button:after {
	background-image: url("/_assets/img/common/arrow-orange-01.svg");
}

.c-index-nav .c-index-nav__button em {
	color: #d32500;
	font-size: 1rem;
	letter-spacing: 0;
	white-space: nowrap;
	padding: .5em 0 0;
	display: block;
}



.c-news-list {
	border-top: 1px solid #C1C7C7;
	border-bottom: 1px solid #C1C7C7;
}

.c-news-list li {
	padding: 15px 0;
	border-bottom: 1px dashed #C1C7C7;
}

.c-news-list li:last-of-type {
	border: 0;
}

.c-news-list li time {
	color: #333;
	font-weight: 700;
	letter-spacing: 0;
	width: 19%;
	display: block;
}

.c-news-list li em {
	line-height: 1;
	width: 14.5%;
	display: block;
}

.c-news-list li em i {
	color: white;
	font-weight: 700;
	text-align: center;
	padding: 3px 0 4px;
	background: #666;
	display: block;
	transform: translateY(.15em);
}

.c-news-list li strong {
	font-weight: 400;
	width: 66.5%;
	padding: 0 0 0 1em;
	display: block;
}




.c-graph-list .u-title-low {
	margin: 0 0 20px;
}


.is-column-1 .g-content {
	width: 100%;
}

.is-column-1 .u-contents {
	margin-bottom: 90px;
}

.is-column-1 .u-title-hi {
	margin-bottom: 3.5%;
}

.is-column-1 .u-title-mid {
	margin-bottom: 1%;
}

.is-column-1 .u-text {
	margin-bottom: 2%;
}

.is-column-1 .u-table-corner th {
	width: 18.5%;
}

*::-ms-backdrop .is-column-1 .u-table-corner th {
	width: 185px;
}




/* ----------------------------------------------------------------------
 * SIDE MENU
 * ---------------------------------------------------------------------- */
.g-side {
	width: 23%;
	border-top: 1px solid #707070;
}

.g-side__title {
	color: #333;
	font-size: 2.4rem;
	font-weight: 400;
	border-bottom: 1px solid #707070;
}

.g-side__title a {
	color: #333 !important;
	padding: 20px 10px;
	display: block;
}

.g-side__title a:hover {
	color: #d32500 !important;
	font-weight: 700;
	text-decoration: none;
}

.g-side__item {
	line-height: 1.35;
	border-bottom: 1px dotted #999;
	position: relative;
	transform: rotate(.05deg);
}

.g-side__item:last-of-type {
	border-bottom: 1px solid #707070;
}

.g-side__item a {
	color: #333;
	padding: 15px 10px;
	display: block;
}

.g-side__item a:visited {
	color: #666;
}

.g-side__item > a:hover,
.g-side__item.isCurrent > a,
.g-side__item.is-focus_active > a {
	color: #d32500;
	font-weight: 700;
	text-decoration: none;
	background: #F0F0F0;
}

.g-side__child-item.isCurrent > a,
.g-side__child-item.is-focus_active > a,
.g-side__child-third .is-focus_active > a {
	color: #d32500;
	font-weight: 700;
	text-decoration: none;
}

.g-side__child-items {
	display: none;
	border-top: 1px dotted #999;
}

.g-side__child-item {
	font-size: 1.4rem;
}

.g-side__child-item a {
	padding: 4.5% 0 4.5% 12.5%;
}


.g-side__button {
	width: 20px;
	height: 20px;
	position: absolute;
	top: calc(1em + 10px);
	right: 10px;
	transform: translateY(-50%);
	cursor: pointer;
}

.g-side__button:hover {
	background: #F0F0F0;
}

.g-side__button:before,
.g-side__button:after {
	content: '';
	width: 12px;
	height: 2px;
	background: #d32500;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: .2s;
}

.g-side__button:after {
	transform: translate(-50%,-50%) rotate(90deg);
}

.g-side__button.isOpen:after {
	transform: translate(-50%,-50%) rotate(0deg);
}

.g-side__child-third {
	padding: 0 0 0 1.35em;
}

.g-side__child-third a {
	padding: 2.5% 0 2.5% 12.5%;
}




/* ------------------------------------------------------------------------------------------------
 * Breadcrumb
 * ------------------------------------------------------------------------------------------------ */
.g-breadcrumb {
	width: 100%;
	min-width: 1000px;
	padding: 0 60px;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: absolute;
	top: 120px;
	left: 0;
	z-index: 10;
}

.g-breadcrumb__item {
	font-size: 1.2rem;
	padding-right: .25em;
}

.g-breadcrumb__item:after {
	content: '＞';
	color: #999;
	font-weight: 700;
	display: inline-block;
	transform: scaleX(.5);
}

.g-breadcrumb__item:last-of-type:after {
	display: none;
}

.g-breadcrumb__item a:visited {
	color: #999;
}

.g-breadcrumb.is-color-dark {
	color: #000;
}

.g-breadcrumb.is-color-dark .g-breadcrumb__item:after {
	color: #3b3b3b;
}

.g-breadcrumb.is-color-dark .g-breadcrumb__item a,
.g-breadcrumb.is-color-dark .g-breadcrumb__item a:visited {
	color: #3b3b3b;
}




/* ------------------------------------------------------------------------------------------------
 * Page Bottom navi
 * ------------------------------------------------------------------------------------------------ */
.c-page-bottom-nav {
	margin-top: -90px;
	padding-top: 90px;
	border-top: 1px solid #F0F0F0;
}

.c-page-bottom-nav ul {
	margin: 0 -8px;
}

.c-page-bottom-nav li {
	padding: 0 8px 16px;
}

.c-page-bottom-nav .u-button-basic {
	display: block;
}

.c-page-bottom-nav .u-button-basic a,
.c-page-bottom-nav .u-button-basic a:visited {
	color: black;
	max-width: none;
}

.c-page-bottom-nav .u-button-basic a:hover,
.c-page-bottom-nav .u-button-basic a:visited:hover {
	color: white;
}

.c-page-bottom-nav .u-button-basic em br {
	display: none;
}




/* ------------------------------------------------------------------------------------------------
 * HEADER
 * ------------------------------------------------------------------------------------------------ */
.g-header {
	width: 100%;
	height: 90px;
	padding: 0 60px;
	background: white;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 250;
}

.g-header__logo {
	max-width: 275px;
	padding-top: 27px;
	position: absolute;
	top: 0;
}

.g-header__logo a:hover {
	opacity: .6;
}

.g-header__logo img {
	width: 275px;
}

.g-nav {
	width: 100%;
	height: 0;
	position: fixed;
	top: 90px;
	left: 0;
	z-index: 300;
}

.g-nav__item {
	padding-left: 1.75em;
}

.g-nav__item > a {
	color: black;
	font-size: 1.7rem;
	font-weight: 700;
	padding: 7px 0;
	display: block;
}

.g-nav__item > a:hover,
.g-nav__item > a.is-focus_active {
	color: #d32500;
}

.g-nav__wrap-item-inner {
	position: absolute;
	top: -70px;
	right: 60px;
	z-index: 300;
}

.g-nav__menu-lists + .g-nav__wrap-item-inner {
	display: none;
}

.g-nav__language-items {
	padding-right: 20px;
}

.g-nav__language-item:not(:last-child):after {
	content: '／';
	font-size: 1.2rem;
	margin-right: .25em;
}

.g-nav__language-item a {
	color: #999;
	font-weight: 700;
}

.g-nav__language-item a:hover {
	color: #d32500 !important;
	text-decoration: none;
}

.g-nav__contact a {
	color: #333;
	font-weight: 700;
}

.g-nav__contact a:hover {
	color: #d32500;
	text-decoration: none;
}

.g-nav__search {
	margin: 0 20px 0 0;
	cursor: pointer;
}

.g-nav__search-inner {
	width: 0;
	transition: .2s;
	overflow: hidden;
}

.g-nav__search.is-open .g-nav__search-inner {
	width: 200px;
}

.g-nav__search input[type='text'] {
	font-size: 1.4rem;
	width: 100%;
	border-bottom: 1px solid #707070;
	padding: .25em;
}

.g-nav__search-button {
	width: 18px;
	height: 17px;
	margin: 5px 5px 0 0;
	display: inline-block;
	background: url("/_assets/img/common/icon-search-01.svg") no-repeat center / 100% auto;
	transition: none;
	cursor: pointer;
}

.g-nav__search-button:hover {
	background-image: url("/_assets/img/common/icon-search-03.svg");
}

.g-nav__items {
	width: calc(100% - 335px);
	padding: 0 60px 0 0;
	float: right;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: relative;
	transform: translateY(-100%);
}

.g-nav__item a:hover {
	text-decoration: none;
}


.g-nav__child {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	transition: .2s;
	pointer-events: none;
}

.g-nav__child.is-open {
	visibility: visible;
	opacity: 1;
	z-index: 1010;
	pointer-events: auto;
}

.g-nav__child .u-inner {
	padding: 60px 0 80px;
}



.g-nav__base {
	width: 100%;
	height: 100vh;
	padding: 0;
	background: white;
	position: fixed;
	top: calc(-100vh + 90px);
	left: 0;
	z-index: 200;
	transform-origin: bottom center;
	transition: .75s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	will-change: auto;
}

.g-nav__child a {
	color: #333;
}

.g-nav__child a:hover {
	color: #d32500 !important;
}

.g-nav__child-title {
	line-height: 1;
	-ms-flex-align: end;
	align-items: flex-end;
}

.g-nav__child-title em {
	font-size: 4rem;
	font-weight: 700;
	padding: 0 20px 0 0;
}

.g-nav__child-title span {
	font-size: 1.4rem;
}

.g-nav__child .g-nav__menu-lists {
	transform: translateY(100px);
	transition: .4s;
	opacity: 0;
	will-change: transform;
}

.g-nav__child.is-open .g-nav__menu-lists {
	transform: translateY(0);
	opacity: 1;
}

.g-nav__child .g-nav__menu-lists li {
	padding: 0 15px;
}

.g-nav__child .g-nav__menu-lists li a {
	font-weight: 700;
	padding: 1.25em 0;
	border-bottom: 1px dotted #999;
	display: block;
	position: relative;
}

.g-nav__child .g-nav__menu-lists li a:hover {
	color: #d32500 !important;
}

.g-nav__child .g-nav__menu-lists li a:after,
.g-nav__hierarchy3 ul li a:after {
	content: '';
	vertical-align: 0;
	width: 8px;
	height: 12px;
	margin: 0 0 0 .5em;
	display: inline-block;
	background: url(/_assets/img/common/arrow-orange-01.svg) no-repeat center top / cover;
	position: absolute;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
}

.g-nav__child .g-nav__menu-lists li.is-icon-window a:after,
.g-nav__hierarchy3 ul li.is-icon-window a:after {
	width: 12px;
	height: 12px;
	background-image: url("/_assets/img/common/icon-window-01.svg");
}






/* ------------------------------------------------------------------------------------------------
 * FOOTER
 * ------------------------------------------------------------------------------------------------ */
.g-footer {
	background: #333;
}

.g-footer__nav {
	padding: 50px 0 80px;
}

.g-footer__nav a {
	color: #ddd;
}

.g-footer__nav a:hover {
	color: #ddd;
	text-decoration: underline;
}

.g-footer__nav-title {
	margin-bottom: .5em;
}

.g-footer__nav-title a,
.g-footer__nav-title a:hover {
	color: white;
	font-weight: 700;
}

.g-footer__nav ul {
	margin: 0 0 2em;
}

.g-footer__nav ul li {
	font-size: 1.4rem;
	margin-bottom: .5em;
}

.g-footer__global {
	padding: 1em 0;
	background: black;
}

.g-footer__global .u-inner {
	justify-content: space-between;
}

.g-footer__global a {
	color: #ddd;
}

.g-footer__global a:hover {
	color: #ddd;
	text-decoration: underline;
}

.g-footer__global ul li {
	padding-right: 30px;
}

.g-pagetop {
	right: calc(50% - 510px);
	z-index: 100;
}

.g-pagetop a {
	width: 60px;
	height: 60px;
	display: block;
}

.g-pagetop a:hover {
	opacity: .6;
}




.u-foot-banner {
	padding: 100px 0 160px;
}

.u-foot-banner ul {
	width: calc(820px + (10px * 2));
	margin: 0 auto;
/*	justify-content: center;*/
}

.u-foot-banner ul li {
	max-width: 400px;
	margin: 0 10px 20px;
	border-radius: 4px;
	border: 1px solid #c0c0c0;
	position: relative;
	overflow: hidden;
}

.u-foot-banner ul li a {
	display: block;
}

.u-foot-banner ul li a:hover {
	opacity: .55;
}

.u-foot-banner-e {
	padding: 100px 0 160px;
}

.u-foot-banner-e ul {
	justify-content: center;
}

.u-foot-banner-e ul li {
	max-width: 400px;
	margin: 0 10px;
	border-radius: 4px;
	border: 1px solid #c0c0c0;
	position: relative;
	overflow: hidden;
}

.u-foot-banner-e ul li a {
	display: block;
}

.u-foot-banner-e ul li a:hover {
	opacity: .55;
}

.u-foot-banner-e ul li2 {
	max-width: 400px;
	margin: 0 10px;
	border-radius: 4px;
	border: 0px solid #c0c0c0;
	position: relative;
	overflow: hidden;
}

.u-foot-banner-e ul li2 a {
	display: block;
}

.u-foot-banner-e ul li2 a:hover {
	opacity: .55;
}


@media all and (-ms-high-contrast:none){
	.u-flex.isFlex2 > * { width: calc(100% / 2.05); }
	.u-flex.isFlex3 > * { width: calc(100% / 3.05); }
	.u-flex.isFlex4 > * { width: calc(100% / 4.05); }
	.u-flex.isFlex5 > * { width: calc(100% / 5.05); }
	.u-flex.isFlex6 > * { width: calc(100% / 6.05); }
	.u-flex.isFlex7 > * { width: calc(100% / 7.05); }
	.u-flex.isFlex8 > * { width: calc(100% / 8.05); }
	.u-flex.isFlex9 > * { width: calc(100% / 9.05); }
	.u-flex.isFlex10 > * { width: calc(100% / 10.05); }
}



.is-videoPlay .u-cover {
	opacity: 1;
	visibility: visible;
	z-index: 1000;
}

.is-videoPlay .u-cover:after {
	content: '動画を閉じる';
	color: #000;
	font-weight: 700;
	max-width: none;
	margin: 0 auto;
	display: inline-block;
	padding: 20px 60px;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #808080;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
	transition: .2s;
}

.c-video-corner {
	text-align: center;
	width: 100%;
	max-width: 1400px;
	padding: 0 5%;
	position: fixed;
	top: calc(50% - 40px);
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1100;
	opacity: 0;
	visibility: hidden;
	transition: .2s .2s;
}

.is-videoPlay .c-video-corner {
	opacity: 1;
	visibility: visible;
}

.c-video-corner__player-inner {
	width: 100%;
	margin: 0 auto;
	padding: 56.25% 0 0;
	border-radius: 10px;
	background: #000;
	box-shadow: 0 0 7px 0 rgba(0,0,0,.25);
	overflow: hidden;
	position: relative;
	z-index: 10;
}

.c-video-corner video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.js-modalZoom {
	cursor: pointer;
}

.is-modalZoom .u-cover {
	opacity: 1;
	visibility: visible;
	z-index: 1000;
}

.is-modalZoom .u-cover:after {
	content: '閉じる';
	color: #000;
	font-weight: 700;
	max-width: none;
	margin: 0 auto;
	display: inline-block;
	padding: 20px 60px;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #808080;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
	transition: .2s;
}

.js-modalMovie + .modalMovie {
	display: none !important;
}

.is-videoPlay .modalMovie {
	display: block;
}

.js-modalMovie {
	cursor: pointer;
}

/*202207*/
.is-functionalmaterial .c-page-bottom-nav .c-footer-mini-banner-list {
	max-width: 836px;
	margin: -50px auto 0;
}

.is-functionalmaterial .c-page-bottom-nav .c-footer-mini-banner-list li {
	max-width: none;
}

.is-functionalmaterial .c-page-bottom-nav .c-footer-mini-banner-list li a {
	transition: .2s;
}

.is-functionalmaterial .c-page-bottom-nav .c-footer-mini-banner-list li a:hover {
	opacity: .55;
}

.is-functionalmaterial .c-page-bottom-nav .c-footer-mini-banner-list li img {
	border: 1px solid #c0c0c0;
	border-radius: 4px;
}